Artículos
-
CSS20 consejos para escribir CSS moderno - Parte 1
En este post quiero compartir con vosotros una serie de 20 útiles consejos y buenas prácticas recomendados por la comunidad de CSS. Algunos están más enfocados a principiantes, y algunos son un poco más avanzados, pero espero que todo el mundo encuentre un buen truco que no conociese. ¡A di...
-
CSS7 herramientas de CSS que deberías estar usando ya
CSS es cada vez más complicado de escribir. Afortunadamente, existen herramientas que hacen que la tarea de creación de código CSS sea un poco más fácil. Desde identificar errores en tus hojas de estilo hasta ver estadísticas útiles acerca de tu código, estas herramientas online, sin duda...
-
CSSCómo crear una galería de imágenes responsive a ancho completo con CSS y Masonry
En este tutorial os voy a mostrar cómo crear una galería de imágenes responsive a ancho completo con CSS y Masonry (es una librería de diseño de grids en JavaScript). En este caso veremos cómo crear una galería de imágenes, pero puedes aplicar lo mismo para mostrar artículos, perfiles de...
-
CSSLos 6 mejores generadores de código CSS
Los desarrolladores web siempre estamos buscando atajos para ahorrarnos algo de tiempo en nuestra rutina de trabajo. Muchas herramientas para desarrolladores nos facilitan muchísimos procesos, y ahora es cada vez más fácil obtener un producto terminado en un periodo corto de tiempo. Con el aug...
-
CSSCómo personalizar la vista de lectura de Firefox para una mejor legibilidad
La vista de lectura es una característica muy popular del navegador Firefox, que cambia la apariencia de una página web, y hace que sea más fácil de leer, eliminando cosas que molesten al leer como pueden ser imágenes, anuncios, encabezados y sidebars. La vista de lectura, sin embargo, no es...
-
CSSEditando imágenes en CSS: Filtros
Imagina que te encuentras en la situación de tener que mostrar imágenes de un sitio web en alto contraste, desenfocadas o con mucho brillo. Antes de los filtros de CSS, tus únicas opciones eran, o bien modificarlas desde algún programa de edición de imagen como Photoshop o Gimp y generar dis...
-
CSSRecreando el menú de Google Nexus con jQuery y CSS3
Hace poco me encontré con un tutorial de Codrops en el que recreaban el menú de navegación de Google Nexus. Esto para mi fue muy inspirador, quería diseñar un sistema de navegación tan creativo como el de Google. Por tanto, he decidido crear una versión del menú en jQuery para desafiarme ...
-
CSSIntroducción a ITCSS para desarrolladores web
Hay un montón de métodos distintos para la estructuración del código CSS, y todos ellos funcionan de maneras diferentes. Los más populares son OOCSS y SMACSS, pero también existe un método menos conocido llamado ITCSS (triángulo invertido de CSS) creado por Harry Roberts.
-
CSSCómo crear flechas de navegación animadas con Flexslider y CSS3
Como de costumbre lo primero, por la mañana, leo todo tipo de noticias. Desde noticias del mundo hasta noticias del mundo del desarrollo web. Pues así descubrí un tutorial de CSS3 titulado "Arrow Navigation Styles" en Codrops. Así es como empecé este tutorial.
-
CSSCrea efectos animados hover atractivos facilmente con CSS3
¡Hacer efectos animados hover en CSS3 puede ser muy sencillo! En un artículo anterior, hablé de la librería para animaciones de CSS3 llamada Magic Animations de MiniMAC. Hoy, vamos a utilizarla como motor de animación para aplicar una serie de efectos en el hover de distintas miniaturas.