En esta nueva lección del curso de Sass a Fondo aprenderemos cómo trabajar con mixins. La directiva mixin te permite definir snippets o bloques de código que puedes reusar en cualquier parte de un documento de Sass. Estos bloques de código pueden contener cualquier número de propiedades con sus valores, selectores, puede también contener estructuras de...
Regístrate para ver ésta y cientos de lecciones exclusivas.
Hoy en la lección 4, aprendemos la sintaxis para definir y utilizar variables en Sass. Las variables, como en cualquier otro lenguaje de programación, son pequeñas piezas de información almacenadas con un identificador, que podemos reutilizar a lo largo de nuestros proyectos, lo cual nos da mucha flexibilidad y facilidad para trabajar con colores, medidas, fuentes y...
Regístrate para ver ésta y cientos de lecciones exclusivas.
Elixir es la herramienta oficial de Laravel para el manejo de assets dentro del framework. Elixir provee una clara y fluida API para definir tareas básicas de Gulp en tus aplicaciones de Laravel. Elixir soporta muchas de los comunes pre-procesadores para CSS y JavaScript, incluyendo herramientas para pruebas. Cuando ejecutamos «npm install» por primera vez en un […]
Hoy aprendemos a trabajar con las diferentes formas de anidar elementos en Sass. Haciendo uso de esta característica en diferentes atributos del lenguaje, nos permite escribir menos, y crear código más conciso y mejor estructurado que ademas es más fácil de entender y queda mejor organizado. También nos ahorra muchísimo tiempo al trabajar con proyectos grandes donde debemos escribir...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En esta lección aprenderemos cómo trabajar con archivos en Sass a través de los distintos modos de compilación para modificar el tipo de archivo que obtenemos, y también veremos cómo controlar la generación de sourcemaps usando el compilador, para así tener control total del archivo CSS final y a la vez tener flexibilidad para encontrar...
Regístrate para ver ésta y cientos de lecciones exclusivas.
En los últimos años, han habido debates sobre si RWD es la mejor solución para soportar la gran cantidad de dispositivos disponibles actualmente. Algunos piensan que tener un sitio especializado para dispositivos móviles es mejor ya que permite optimizarlo y presentar la información específicamente diseñada para pantallas pequeñas.
A lo largo de esta serie, hemos tratado de explicar la mayoría de características de Sass. Con lo que tenemos, es posible comenzar a elaborar librerías o componentes de alta calidad, siguiendo buenas prácticas y haciendo uso de todo lo aprendido. Hoy, vamos a realizar un artículo mucho más práctico, crearemos un Grid system. Es fundamental […]
A lo largo de estos primeros artículos hemos logrado desarrollar y poner en práctica la mayoría de conceptos y características que nos brinda Sass de forma básica. Sí aún no has tenido oportunidad de leer los artículos anteriores de nuestra serie, te invito a revisarlos y ponerte al día antes de continuar con la segunda parte. […]
A lo largo de las últimas semanas hemos aprendido a usar Sass; el proceso de instalación y sus características principales han sido descritas en esta serie. Imagino que ustedes al igual que nosotros quieren seguir aprendiendo temas un poco más avanzados de la herramienta. Hoy hemos llegado al punto de corte entre lo muy básico y características más complejas. En […]
En el artículo anterior, comenzamos a examinar las características principales de Sass. Por lo extenso del tema, decidimos dejar para un nuevo artículo tres conceptos muy importantes: Operators, Mixins y Extends. Los dos últimos, no son difíciles de comprender pero sí es necesario una explicación clara junto a ejemplos para no confundirlos. Es muy común que […]