Personalizar Bootstrap 4 en Laravel con Sass y npm

Continuando con la personalización de Bootstrap dentro de Laravel quisiera mostrarles una segunda forma de hacerlo, la cual requiere tener conocimientos en el manejo de Sass ya que Bootstrap 4 lo utiliza como preprocesador CSS. Existen numerosas ventajas al utilizar esta herramienta como por ejemplo la re-utilización de código y la mejor organización de las hojas […]

Ver post

Extraer CSS con webpack y vue-loader

Actualmente todo el CSS agregado en los componentes de Vue está siendo alojado en el archivo build.js y luego cargado en línea en el encabezado del HTML utilizando etiquetas <style>. En esta lección voy a utilizar un plugin de webpack para extraer todo el CSS definido en los componentes de Vue (incluyendo el código importado de...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Escribe HTML y CSS más rápido con Emmet

Para los que trabajamos en la web de forma profesional, escribir código es a veces divertido, a veces complicado, y muchas veces es algo tedioso, sobre todo cuando tenemos que escribir cosas largas y repetitivas. Es por esto que siempre debemos tener los ojos abiertos a nuevos procesos o técnicas que nos puedan ayudar a escribir […]

Ver post

Organizando el proyecto en Sass

En esta lección adicional del Curso de Sass comentamos un poco sobre cómo organizar proyectos de Sass y como manejar la estructura de archivos para proyectos más grandes. Unificando variables en un solo archivo, aprovechando los comentarios de Sass para documentar nuestras variables, mixins y funciones, y organizando los archivos de manera lógica....

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Directivas adicionales en Sass

Durante las últimas semanas hemos aprendido sobre el funcionamiento de Sass y sobre todo cómo hacer uso de sus características para generar CSS, con este video llegamos al final del curso, y hablaremos de algunas cosas que nos ayudan a hacer nuestro código más sólido y seguro, como son las directivas @debug y @warn y...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Funciones en Sass

Bienvenidos a la lección ocho del curso a fondo de Sass, donde aprendemos sobre funciones. Funciones son pequeñas piezas de código que toman argumentos y que a través de alguna operación, obtienen, retornan o transforman un valor, sea numérico, color o una cadena, y de igual forma como en CSS, estas funciones las podemos usar como...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Sass Extends – Extendiendo selectores

En esta lección siete hablamos sobre una característica quizás algo controversial de Sass: la directiva @extend, la cual nos permite compartir bloques de código con otros selectores. Menciono controversial porque algunos desarrolladores consideran su uso un poco engañoso, pero te aseguro que hay situaciones donde son muy útiles y aparte son una herramienta muy interesante...

Regístrate para ver ésta y cientos de lecciones exclusivas.

Ver post

Estructuras de Control en Sass

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.

Ver post

Suscríbete a nuestro boletín

Te enviaremos publicaciones con consejos útiles y múltiples recursos para que sigas aprendiendo.