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 […]
Laravel cuenta con un conjunto de herramientas que permiten realizar una multitud de tareas, entre ellas existen varias enfocadas al desarrollo frontend. En nuestro framework favorito podemos observar la incorporación de varias tecnologías del lado del cliente que nos apoyan en nuestro desarrollo tales como jQuery, Vue y Bootstrap.
En el diseño web uno de los efectos más solicitados por los clientes es un menú transparente sobre una imagen de fondo. Este tipo de diseño es utilizado frecuentemente en el desarrollo de landing pages así como en páginas de contacto. Veamos a continuación cómo lograrlo.
En el proceso de crear un diseño web es muy común requerir cierto tipo de posicionamiento de los elementos en zonas específicas. Uno de los más requerido es el centrado absoluto de un elemento tanto horizontal como verticalmente.
Es común trabajar las vistas de Laravel usando layouts y secciones de Blade, pero hay una forma diferente de trabajar usando componentes de Blade que nos ayudan a crear elementos que podemos reutilizar en las vistas, sin necesidad de repetir código a través de toda la aplicación. En el siguiente video aprenderás cómo trabajar con […]
Esta es la lección final del Curso de Laravel 5.5 desde cero, en el siguiente video continuaremos agregando estilos de Bootstrap a nuestra aplicación, esta vez al formulario para crear nuevos usuarios.
En esta lección 39 del Curso de Laravel 5.5 desde cero, veremos cómo podemos agregar estilos de Bootstrap 4 a nuestra aplicación y cómo podemos usarlos para personalizar el listado de usuarios. De esta manera le daremos un mejor look&feel al módulo CRUD de usuarios que hemos desarrollado hasta ahora.
A medida que nuestro proyecto crece nuestras plantillas se vuelven más complejas y es inevitable encontrarnos con que estamos repitiendo etiquetas y estructuras que podríamos compartir entre multiples vistas. Es por ello que en esta lección te enseñaremos a integrar cualquier diseño usando Laravel Blade; para que de esta manera puedas sacarle provecho a las diferentes directivas […]
En esta segunda lección del Curso Novedades de Laravel 5.5, conoceremos una mejora para la parte del Frontend de nuestra aplicación: la posibilidad de configurar con cuál tecnología trabajar con los nuevos Frontend Presets, ejecutando tan solo un comando en la consola.
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.