Este es el Manual de TailwindCSS un popular framework de CSS de nueva generación que aporta sencillez en el desarrollo y agilidad para la apliación de estilos.
Tailwind viene a hacer la competencia a otras alternativas como Bootstrap, con un enfoque que aporta numerosas ventajas, como la sencillez de aplicación de los estilos, la facilidad para subreescribirlos, la optimización del código resultante, etc.
El enfoque de TailwindCSS se conoce de manera genérica como "atomic CSS" y consiste en especificar los estilos con clases muy concisas, que afectan generalmente a un único atributo, aplicando cierto valor. Para crear componentes por tanto se tienen que aplicar numerosas clases, lo que puede parecer un inconveniente, pero con un estudio minucioso se transforma en una verdadera optimización del CSS de los proyectos.
En este manual iremos recorriendo las características de TailwindCSS y el modo de usarlo, para poder comenzar a sacar partido a esta estupenda herramienta de desarrollo web.
Este manual está en proceso de creación!! Vuelve pronto para encontrar más artículos publicados.
Artículos del manual
-
1
Primeros pasos con TailwindCSS
En este primer artículo vamos a abordar toda la parte de la instalación y puesta en marcha de Tailwind dentro de un proyecto vacío, usando PostCSS.
-
2
Por qué usar Tailwind CSS
Por qué usar el framework Tailwind CSS, los motivos por los que es una excelente herramienta para un desarrollo ágil y optimizado de los estilos en sitios web.
-
3
Directiva @apply en TailwindCSS
En este artículo te vamos a mostrar cómo Tailwind CSS resuelve la necesidad de crear componentes reutilizables, usando la directiva @apply, que nos ahorrará ensuciar el HTML y no repetir código de las clases.
-
4
Diseño responsive en Tailwind CSS
Abordaremos una de las ventajas de uso de Tailwind CSS a la hora de generar diseños adaptables y veremos las clases de utilidad con sus variantes responsive, que afectarán a determinadas anchuras de pantalla.
-
5
Usar variantes en Tailwind para aplicar estilos a pseudo-clases CSS
Cómo las variantes de Tailwind se pueden aplicar para definir estilos personalizados también para las pseudo-clases de CSS. Cómo la directiva @apply soporta también la aplicación de las variantes, para conseguir un HTML limpio.
-
6
Cómo personalizar nuestro tema de diseño con Tailwind
En este artículo aprenderás a crear tus propias configuraciones personalizadas en Tailwind CSS, de modo que puedas incorporar todo tipo de clases de utilidad adaptadas a tus necesidades.
-
7
Optimización del CSS con Tailwind
Por fin llegamos a una de las partes más interesantes del framework CSS Tailwind, la optimización del código generado. Este artículo te permitirá ver lo sencillo que es optimizar el CSS del framework para llevar a producción el sitio web.
-
8
Crear un Layout con Tailwind CSS
En este artículo te enseñaremos todo lo que necesitas saber para crear el layout de distribución del contenido en un sitio web con Tailwind.
Descargas
-
Descarga del Manual de Tailwind Ahora puedes obtener el Manual de Tailwind CSS en formato electrónico para descargarlo en tu ordenador y dispositivo, leerlo offline de manera cómoda. Tienes a tu disposición libros electrónicos en formato PDF, ePub y Kindle.
Archivos disponibles: PDF, ePup, Mobi (Kindle)
Páginas: 43 (Referencia por el archivo PDF)