Learn CSS

Style your website and make it stand out with our CSS tutorials. From basic layouts to advanced effects and animations, we'll help you level up your design skills.

All CSS content:

  1. Una cuadricula simple adaptable a diferentes pantallas, mejorada con Sass

    Una cuadricula simple adaptable a diferentes pantallas, mejorada con Sass

    Tutorial Intermediate

    A continuación agregaremos una regla para asegurarse de que las imágenes utilizadas se comporten con fluidez. img {

  2. Consejo rápido: Usa CodeKit 2.0 para el desarrollo local de WordPress

    Consejo rápido: Usa CodeKit 2.0 para el desarrollo local de WordPress

    Tutorial Beginner

    Trabajar en un entorno local (es decir: directamente en tu propio computador) es un enfoque estándar al construir temas y plugins de WordPress. Le evita...

  3. Crear un tema para un blog desde Evernote desarrollado con Postach.io

    Crear un tema para un blog desde Evernote desarrollado con Postach.io

    Tutorial Intermediate

    Postach.io es un sistema de blog con una diferencia. Tiene una característica en particular que la hace especialmente interesante: en lugar de un panel de...

  4. Diseñando nuestro sitio web Portfolio de Behance usando LESS

    Diseñando nuestro sitio web Portfolio de Behance usando LESS

    Tutorial Intermediate

    Durante la parte anterior de esta serie, aprendimos sobre la API de Behance, usándola para capturar las piezas de la cartera de un usuario y mostrarlas en...

  5. Construye tu propio generador de Yeoman

    Construye tu propio generador de Yeoman

    Tutorial Intermediate

    Los generadores de Yeoman son los que le dan flexibilidad a su plataforma, permitiéndote reutilizar la misma herramienta para cualquier tipo de proyecto en...

  6. Introducción a Shadow DOM

    Introducción a Shadow DOM

    Tutorial Beginner

    Tome cualquier página web moderna y se dará cuenta de que, invariablemente, contiene contenido unido de una variedad de fuentes diferentes; puede incluir los...

  7. Creando un tema de WordPress desde HTML estático: creando archivos de plantilla

    Creando un tema de WordPress desde HTML estático: creando archivos de plantilla

    Tutorial Beginner

    En la primera parte de esta serie, te mostré cómo preparar tus archivos HTML y CSS para WordPress, asegurándome de que la estructura funcionaría, el código...

  8. Lo Que Quizá Desconozcas Sobre La Propiedad Z-Index

    Lo Que Quizá Desconozcas Sobre La Propiedad Z-Index

    Tutorial Beginner

    La propiedad z-index de CSS parece bastante simple, pero hay mucho que descubrir bajo la superficie, si realmente quieres entender cómo funciona. En este...

  9. Diseño responsivo, imágenes retina y depuración para la API Google Maps

    Diseño responsivo, imágenes retina y depuración para la API Google Maps

    Tutorial Intermediate

    Esta parte final de la serie API Google Maps para diseñadores resume todo al analizar el diseño responsivo, las imágenes retina y una gama de herramientas...

  10. Construye una interfaz de panel de control modular usando Pure

    Construye una interfaz de panel de control modular usando Pure

    Tutorial Intermediate

    El día de hoy vamos a crear una bella y minimalista interfaz de panel de control usando Pure, la nueva mini-librería modular de Yahoo!. Vamos a hablar sobre...

  11. Construye una Tabla de Precios Responsive con Geniales estados Hover

    Construye una Tabla de Precios Responsive con Geniales estados Hover

    Tutorial Beginner

    En este tutorial, crearemos una tamble de precios con sorprendentes efectos de hover. Usaremos el script Prefixfree de Lea Verou para mantener nuestro CSS...

  12. El Papel de los Diseños de Tablas y en el Diseño Web Responsivo

    El Papel de los Diseños de Tablas y en el Diseño Web Responsivo

    Tutorial Intermediate

    Los diseños de página fluidos son la manera perfecta para que nuestro contenido se adapte a cualquier tamaño de ventana. El texto puede fluir conforme su...