En esta lección número 20 de nuestro Curso de Vue.js aprenderás a agregar efectos de animación o transiciones a través de clases de CSS con Vue.js cuando tus elementos son agregados y eliminados en el DOM de una forma sencilla; permitiéndote crear aplicaciones mucho más llamativas. También, conocerás cómo agregar animaciones usando el library Animate.css.
Hoy aprenderemos a trabajar con las Estructuras de Control en Sass, las cuales nos permiten generar código CSS de muchas formas. Los condicionales nos ayudan a crear CSS que dependa del resultado de una expresión, y los diferentes tipos de ciclos generan bloques de CSS repetidamente dependiendo de contadores, listas o a través del resultado...
Regístrate para ver ésta y cientos de lecciones exclusivas.
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.
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.
Bienvenidos a la segunda lección del Curso Gulp y herramientas de automatización. En esta entrada, aprenderemos el método alternativo para instalar paquetes, así como extender nuestra tarea de estilos para generar muy útiles sourcemaps y también como minificar nuestro CSS final para producción....
Regístrate para ver ésta y cientos de lecciones exclusivas.
Ahora que hemos aprendido cómo utilizar los diferentes métodos que forman parte del desarrollo de RWD, vamos a comenzar a aplicarlos de forma práctica. Para los ejemplos que presentaremos usaremos el enfoque mobile-first que significa pensar y diseñar para móviles primero. La idea de este enfoque es asegurar que el contenido mostrado es el mismo […]
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 […]