Category: Web

relacionado con el mundo web y lo que se refiere a su desarrollo

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

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

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

Ratchet: FrameWork Para Desarrollo Web App Para Móvil

Ratchet es un Framework para el desarrollo front-end de aplicaciones web para móviles, basadas en HTML, CSS yJavaScript. Ratchet 2.0 fue lanzado hace poco, así que es un buen momento para empezar a aprender a construir aplicaciones con este FrameWork. Si lo que desea es ver a Ratchet en la acción, haga clic en este vinculo de demostración para su dispositivo móvil. Ratchet tiene como objetivo proporcionar a los diseñadores...

More

A tortas con responsive images: recursos para entender de una vez cómo trabajar con imágenes en múltiples situaciones

Un buen artículo sobre la tarea de optimización de imágenes para páginas responsive de mano del blog de diseño y desarrollo criterion que puedes ver en el siguiente enlace: A tortas con responsive images: recursos para entender de una vez cómo trabajar con imágenes en múltiples situaciones

More
FireStats icon Con la potencia de FireStats