Animación avanzada con CSS en HTML y SVG para mejorar la UX

Extracto de diapositivas de la charla que dió Angel Corral en el Frontfest2017 celebrado ayer, día 18 de Febrero en Madrid. Contiene algunos ejemplos prácticos de como mediante transiciones css3 conseguimos efectos geniales sin necesidad de usar librerías js externas. Sin más preámbulos, lanzamos ‘Cortinilla de estrellas! y … Acción! enlace

More

Mis experimentos

Hoy dejo por aquí unas cuantas balas en la recámara para auto recordarme que siguen ahí y que hay que terminarlas!! (la memoria de un Cylon no da para tanto) En realidad son pequeñas secciones de HTML/CSS/JS  pero que me han ido valiendo para ir experimentando con ciertos parámetros/opciones que profesionalmente una de dos, o no había tenido oportunidad de utilizar o las he utilizado de un modo tan sutil, que...

More

Video Corporativo

Hoy traigo un video corporativo de animación qué hice hace un tiempo pero que por circunstancias del destino no llegó a ver la luz, así que he pensado ¡¡Qué lástima!! Sucede que te ves inmerso en un proyecto el cuál te involucras de un modo muy activo y en el que das lo mejor que tienes, pero resulta que muchas veces por decisiones de última hora se cancela, retrasa y no termina saliendo,...

More

ECOSIA, Plantando árboles mientras navegas por la red

ECOSIA es el buscador que destina una gran parte de sus ganancias por anuncios/Ads  en plantar árboles. Según recogen en su web, llevan más de 3 millones (camino de 4) de árboles plantados en todo el mundo, sobre todo en la zona de Burkina Faso, África. También invierten grandes cantidades de dinero en programas de forestación y contribución al medio ambiente. Es un grán proyecto de colaboración a favor de las zonas...

More

Tutorial SASS Framework.

Hoy os traigo el contenido del taller de SASS que impartí hace unas semanas conjuntamente con mi compañero Pixeltomas. Sass (acrónimo de Syntactically Awesome StyleSheets) es una extensión de CSS escrita en RUBY que añade características muy potentes y elegantes a este lenguaje de estilos. Sass permite el uso de variables, reglas CSS anidadas, mixins, importación de hojas de estilos y muchas otras características, al tiempo que mantiene la compatibilidad con...

More

Visions of the Future

  • kepler16b-small
  • enceladus-small
  • ceres-small

Visions of the Future, es la colección de posters del ficticio turismo espacial que el JPL (Jet Propulsion Laboratory) de la NASA ha creado para recrear diversos destino de nuestro sistema solar y también varios destinos extrasolares. Se tratan de ilustraciones con ese aire retro que da gusto masticar una y otra vez. Haciendo clic en cada una de las láminas óbtendrás una explicación del sitio a visitar y puedes descargarla en formato...

More

Palettab y Colourlovers

Palettab es una extensión de Chrome que muestra selecciones de paletas de colores y fuentes distintas, extraidas de www.colourlovers.com cada vez que abres una nueva pestaña (Tab). Me parece una de esas extensiones útiles ya que cada vez que abras una nueva pestaña de búsqueda, antes de que puedas teclear nada, tendrás presente una nueva y original combinación de colores y fuentes seleccionados por un diseñador. Puedes copiar con un click cada uno de...

More

Metodo Aplication Cache de HTML5

Metodo Aplication Cache de HTML5 ¿Para qué sirve Aplication Cache?, Muy sencillo! Trabajar sin conexión en una web. ¿Qué ventajas tiene eso? …Pues según la W3c: Offline Browsing: Puedes explorar un sitio web por completo estando offline. Speed: Puedes almacenar todos los archivos de una web en local, ésto se traduce en que con éste método logramos que carguen en un “periquete”.  Reduce server load: gracias al archivo de “manifiesto...

More

Metodo Local Storage deHTML5

Local Storage, es un método propio de HTML5 que nos permite almacenar datos localmente en nuestro navegador. Antes de su existencia, los datos tenían que ser almacenados en las llamadas cookies, las cuales se almacenaban por igual en cada petición al servidor. LocalStorage es mucho más seguro y se pueden almacenar largas cantidades de datos sin que afecte al rendimiento del navegador. Básicamente existen 2 objetos de almacenaje LocalStorage y...

More
FireStats icon Con la potencia de FireStats