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 […]
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.
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 […]
En esta lección vamos a dar un vistazo a las sugerencias de Laravel para trabajar con CSS y JavaScript a través de Laravel Elixir y otras herramientas como Gulp y Webpack.
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.
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.
Lista de todas las funciones nativas de Sass traducida al español. Esta lista solo contiene la descripción breve de lo que las funciones hacen y los argumentos que estas aceptan, para detalles más específicos de cada una, por favor visita la documentación oficial (en inglés).
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.
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.
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.