Etiqueta: html5 Página 1 de 2
Utilizar imágenes en base64 tiene la ventaja de ahorrar peticiones al servidor, ya que las imágenes quedan “embebidas” en la propia página.
Seguramente has visto webs con una imagen de fondo que inicialmente ocupa todo el espacio del navegador (alto y ancho). Al hacer scroll se ve el resto del contenido de la página, ya sea texto, otras imágenes, una mezcla de ambos, etc.
Quantis es un servicio de acceso a internet vía satélite. En este proyecto me encargué de mejorar y modernizar el aspecto visual general de la web, cuidando especialmente la experiencia de usuario en dispositivos móviles.
Muestra de 10 filtros para imágenes que se pueden aplicar en navegadores modernos, especialmente aquellos basados en webkit.
Sublime-HTMLPrettify es un plugin de SublimeText para indentar HTML, CSS o JavaScript con SublimeText.
Aprender a alinear horizontal y verticalmente cualquier cosa con Flexbox.
Las mejores combinaciones de teclas para Sublime Text 3.
Caser – desarrollando una aplicación web. Proyecto web en el estado previo a su publicación en producción.
snapPuzzle Alien es un plugin de jQuery para convertir una imagen en un puzzle.
Diseño y maquetación de CRM para Aragonesa de Servicios Telemáticos (AST). Se trata de un panel de control desde el que se pueden realizar diversas tareas para gestionar la contratación y distribución de servicios telemáticos.
Parallax 3D es un experimento que usa las transformaciones 3D de CSS3. Utiliza 3 imágenes distintas para crear el efecto.
Header scroll responsive es un ejemplo básico de cómo cambiar el tamaño de elementos de la web en función la cantidad de scroll que haya hecho el usuario.
Diseño responsive minimalista y elegante, con un menú personalizado muy manejable para móviles y tabletas. Las imágenes destacadas son vitales para dar vida a este diseño. Además sirven como identificadores de los posts.
Fondo vídeo Youtube es un ejemplo sencillo de cómo utilizar un vídeo como background de una web.
Aplicación desarrollada para niños. Cada vez que entramos se generan mil y un colores aleatorios con su correspondiente código hexadecimal.
Ejemplo básico y útil usando la API de Google Maps. Busca una dirección y voilà! Ver este ejemplo.
Un poco de dulzura nunca viene mal. ¡Elige tu cupcake favorito! Ver este ejemplo. Inspirado en el plugin de jQuery “wanky pages”.
Rasca y verás el antes y el ahora de un mito… puedes usar el ratón o el dedo. Ver el ejemplo.
Galería de imágenes usando el efecto “parallax”. Homenaje a la película “Amanece, que no es poco”. Ver este ejemplo.
Rediseño de mi currículum online en version responsve. He utilizado Bootstrap para maquetarlo y @font-face de CSS3 para los tipos de letra personalizados. Es una adaptación de mi currículum en PDF, con el diseño de tonalidad.es.
Galería vertical 3D de imágenes creada con jQuery. Basada en un ejemplo de Pete R. Ver este ejemplo.
Rediseño estético y funcional de la web para fans de Superman La Fortaleza de la Soledad. También se realizó una migración de la Base de Datos, desde Joomla hacia WordPress….