@alterebro

Ilustración realizada para la web meowseek.com, camisetas con el diseño pueden ser adquiridas desde la tienda online de la web: meowseek.spreadshirt.com

Etiquetas: diseño, ilustracion, proyectos

Conjunto de funciones para crear una página web con soporte para varios idiomas en PHP. La idea es que podamos escribir cadenas de texto en nuestra aplicación y en caso de que exista un lenguaje definido y una cadena traducida nos recoja esa cadena, y en caso contrario disponer de la cadena que le pasemos.

Etiquetas: php

NiceFileInput,js es un plugin de jQuery para modificar los estilos CSS del control de formularios en las etiquetas input de subida de archivos de tipo file (input type="file").

Etiquetas: graceful degradation, javascript, jquery, plugin

Usando los efectos de filtro que estaban diseñados para funcionar con SVG, junto a la reciente implementación en los navegadores WebKit (Chrome, Safari..) de los CSS Filter Effects y la vieja y propietaria propiedad filter que Microsoft incluia en sus Internet Explorer podemos aplicar de forma casi segura alguno de estos filtros.

Etiquetas: cross browser, css

Uso de expresiones regulares para eliminar de una cadena elementos HTML como enlaces, imagenes u objetos realizando busqueda y sustitución con preg_replace

Etiquetas: php, regex

Mural realizado en el Centro de Artes para jóvenes 'El Túnel' como parte del concurso convocado por la Concejalía de Acción Social y Juventud del Ayuntamiento de Zaragoza.

Etiquetas: diseño, graffiti, ilustracion, mural

Mashup musical mezclando el tema principal del Videojuego de Rovio 'Angry Birds' y la canción 'I like to move it' de Reel 2 Real ft.The Mad Stuntman.

Etiquetas: mashup, musica, proyectos

Segunda versión de El Warholizador, una aplicación web desarrollada en PHP haciendo uso de la libreria gráfica de manipulación de imagenes GD2. Esta versión toma como referencia e inspiración las citas de Warhol y los usuarios pueden transformar sus imagenes dandoles un efecto Pop-Art similar al de las serigrafias de Andy.

Etiquetas: css, desarrollo, diseño, gd, html, php, proyectos, Web App, website

Código PHP para combinar varios archivos externos de hojas de estilo y al mismo tiempo comprimir y minificar el código CSS que contengan.

Etiquetas: css, php

MiniLightBox es un script unobtrusivo ligero para abrir ventanas modales con imágenes superpuestas sin la necesidad de nuevas instancias del navegador.

Etiquetas: javascript, proyectos

Código simple para hacer expirar una sesión en determinado tiempo de inactividad entre las páginas de una aplicación PHP.

Etiquetas: php

Cuando hayas movido de un lado para otro código de un proyecto que proviene de un repositiorio de subversion y se te hayan mantenido todas las carpetas .svn necesarias para el repositorio pero inutiles en los demas casos, para eliminarlas, una forma de hacerlo seria de la siguiente manera.

Etiquetas: svn

Como me he pegado un ratillo tratando de hacer funcionar esto y la documentación en español que hay en internet es bastante escasa, voy a listar paso a paso como configurar subversion para que envie notificaciones por correo cada vez que hagamos un commit en nuestro repositorio.

Etiquetas: svn

El Warholizador es una aplicación web desarrollada en PHP para editar las imagenes subidas por los usuarios y transformarlas para hacerlas parecer una obra de PopArt.

Etiquetas: desarrollo, diseño, gd, php, website

Procesando los datos enviados a traves de un formulario con PHP, cuando un input del tipo checkbox se envía indistintamente de si es via GET o POST, si este se encuentra activado, el interpretador devuelve una cadena con el contenido "on" por defecto o el valor que se le halla asignado dentro de value="valor" y en caso contrario no hace nada por lo que al recoger los datos ese elemento nos aparecerá como undefined.

Etiquetas: php

Ejemplos de propiedades CSS cross-browser haciendo uso de los prefijos en la implementación propia de cada navegador.

Etiquetas: cross browser, css

Función para rotar la visualización de elementos HTML usando JQuery.

Etiquetas: javascript, jquery

Sencillo y simple plugin JQuery para expandir y colapsar listas de definición dl.

Etiquetas: javascript, jquery, plugin

Mashup musical mezclando las canciones 'Flex' de Dizee Rascal y 'Eye for an Eye' de UNKLE.

Etiquetas: mashup, musica, proyectos

Pequeña función para obtener variables GET presentes en la URL a través de javascript. Esta devolverá un objeto con la forma { clave:valor, clave2:valor2, ... , claveN:valorN } de existir alguna variable o un valor booleano false si estas no se encuentran.

Etiquetas: javascript

Diseño y desarrollo de fuente tipográfica bitmap optimizada para tamaños pequeños y para su uso en Flash.

Etiquetas: diseño, proyectos, tipografia

Recopilación de canciones creadas con FastTracker2 entre los años 1999-2001 aproximadamente. Disponible para escuchar en SoundCloud y Spotify o para comprar a través de iTunes

Etiquetas: musica

Diseño y desarrollo de website personal, portfolio de ilustraciones realizadas en la gran mayoría durante mi etapa de estudiante de ilustración y Diseño Gráfico en la Escuela de Arte de Zaragoza.

Etiquetas: desarrollo, diseño, ilustracion, proyectos, website

The Flux Capacitor js es un inspector de las capacidades del navegador por medio de la detección de objetos.

Etiquetas: javascript, mejora progresiva

Como obtener elementos, sus atributos y valores de nodos, como navegar entre ellos y como crear nuevos nodos.

Etiquetas: DOM, javascript

Como obtener una cadena con un solo caracter aleatorio usando Javascript.

Etiquetas: javascript

Aplicación web híbrida usando los servicios web y diferentes APIs de GData Youtube, Last.fm AudioScrobbler, SeeqPod, MiniNova y LyricWiki para obtener de un artista o canción sus videos, mp3s, torrents, letras de canciones, recomendaciones y música similar.

Etiquetas: API, desarrollo, diseño, proyectos, Web App, web services, website

Script unobtrusivo para mostrar y ocultar divs. Al cargar checkea la existencia de algun hash en la URL y de encontrarlo muestra la capa correspondiente.

Etiquetas: javascript

Función un tanto rudimentaria para comprobar a grosso modo y sin entrar en detalles si la cadena pasada como parámetro es una dirección de correo electrónico valida.

Etiquetas: javascript

InsertSWF es un método para insertar archivos flash .swf dentro de un documento HTML usando JavaScript de forma no intrusiva.

Etiquetas: flash, javascript

El propósito de este script es que cuando el contenido de la página web sea menor a las dimensiones del interior de la ventana del navegador, el contenido del documento se muestre centrado en medio del espacio util y visible del browser. En caso de que el contenido sea mayor al espacio visible, el navegador se comportara normalmente mostrando con las barras de scroll desde el comienzo al final del documento.

Etiquetas: javascript

Etiquetas: cross browser, DOM, javascript

Como obtener y establecer valores en las propiedades CSS de elementos HTML.

Etiquetas: cross browser, css, html, javascript

Etiquetas: actionscript, flash

Script para abrir de forma alternativa un enlace a imagenes en una ventana nueva la cual se auto-ajusta al tamaño de la imagen que esta visualizando.

Etiquetas: javascript

Estructura de una tabla XHTML semanticamente correcta.

Etiquetas: css, html, xhtml

Este es uno de mis primeros scripts, la vieja ventana pop-up expandible. Funciona abriendo gradualmente una nueva ventana del navegador con un iframe en su interior que carga la URL pasada como parámetro a la función.

Etiquetas: javascript

Este script arregla el problema de los elementos que quedan ocultos en el navegador cuando estos son centrados usando una posición absoluta con margenes negativos.

Etiquetas: cross browser, javascript