Hay un muchas extensiones de Chrome gratuitas para hacer tu vida más fácil. Aquí están 25 de las mejores.

Google Chrome ha ganado mucha popularidad en los últimos años entre los profesionales del diseño y desarrollo web. Y ahora, con una colección creciente de extensiones, se está convirtiendo en la primera opción para muchos desarrolladores y diseñadores web.

Nos adelantamos al futuro y presentamos una característica aún no soportada en la mayoría de los navegadores.

Las variables de CSS aportan muchas de las mismas ventajas que las variables clásicas ofrecen en los lenguajes de programación: conveniencia, código de reutilización, una base de código más legible, y la mejora de error-corrección.

Es fácil explicar por qué los diseñadores y desarrolladores deciden aprender Markdown. Es fácil de escribir, semánticamente ligero, y rápido en lo que respecta a los artículos con formato y texto plano.

Modernizr es una librería javascript que nos permite enfocar el diseño de nuestras páginas web a las capacidades del navegador, en lugar de utilizar el antiguo enfoque que consistía en detectar en qué navegador estamos, usando el userAgent.

Este enfoque tiene la ventaja de que está mucho mejor preparado ser compatible con las nuevas capacidades y mejoras que van teniendo los navegadores, de forma que nuestras páginas webs van a soportar de mucha mejor manera el paso del tiempo y van a ser funcionales siempre.

Una guía para el uso de las etiquetas <picture> y srcset.

Dentro de toda la información que engloba una página web, las imágenes son a menudo una de las partes más importantes. Desde que existe internet, y ya van más de 25 años, las imágenes no han sido muy “adaptables”, siempre han tenido como un valor fijo su tamaño, el formato, el recorte que muestran. Todo ello definido por un único src.

La versión SVG 1.1 tiene ciertas características que permiten la accesibilidad pero la versión SVG 2.0 tendrá acceso a otro nivel superior. Mientras el primero tiene un buen soporte cross-browser, en el segundo caso es demasiado pronto para que los navegadores hayan implementado soporte todavía.

En este artículo se analizan las maneras de hacer que los SVG 1.1 sean lo más accesibles posible, dejando notas de lo que puede ser la versión 2.0.

Antialiasing es una técnica que permite ver los bordes de los elementos vectoriales y los textos con un efecto suavizado en nuestras páginas web. A este efecto hay que agradecerle la mejora en la legibilidad de los textos y la visualización de los gráficos vectoriales de forma más amigable. La técnica es simple, las pantallas se componen de píxeles y cada uno de ellos admite los colores rojo, verde y azul (RGB). Aunque a distancia se ven correctamente las imágenes, gráficos y textos, si aumentamos mucho una zona determinada de la…

En esta entra entrada de blog vamos a hablar de buenas prácticas, recogidas en frameworks, para comenzar un proyecto HTML5 con garantías. Entre estos frameworks me gustaría destacar dos: HTML5 Boilerplate y Twitter Bootstrap

Antes de nada debemos preguntarnos, ¿qué es un polyfill? Un polyfill es un trozo de código (un plugin) que proporciona la tecnología que el desarrollador espera obtener del navegador de forma nativa. En definitiva se trata de hacer que aquellos navegadores que no son compatibles con una característica nueva, la incorporen a través de fallbacks, es decir de código, en su mayor medida javascript, que se encargue de realizar dicha funcionalidad. Por ejemplo si queremos utilizar las nuevas etiquetas semánticas de HTML 5, debemos utilizar un…

Veamos un ejemplo de una galería de imágenes en 3D utilizando javascript y CSS3. Este ejemplo funciona en firefox, chrome, safari y opera, aunque ofrece un mejor rendimiento en los navegadores basados en webkit.