Tailwind 2.0

Hace casi exactamente 18 meses vio la luz Tailwind CSS v1.0, que marco un compromiso por la estabilidad sin dejar de lado la búsqueda de agregar emocionantes y nuevas características que superen a la versión anterior.

En el transcurso de los últimos 18 meses, vieron la luz, nueve versiones de Tailwind que agregaron numerosas características nuevas. Como la visibilidad del lector de pantalla, la cuadrícula CSS, las transiciones, la transformaciones, las animaciones, utilidades de diseño, degradados y mucho más.

Ayer, finalmente, ve la luz Tailwind CSS v2.0.

Tailwind CSS v2.0 es la primera actualización importante de la historia del framework:

  • Una paleta de colores completamente nueva, con 220 colores en total y un nuevo flujo de trabajo para crear tus propios esquemas de color.
  • Compatibilidad con el modo oscuro, lo que hace que sea más sencillo cambiar dinámicamente entre un diseño y otro.
  • Punto de corte 2XL extra ancho, para diseñar a 1536px y más.
  • Nuevas utilidades de anillo de contorno , que son casi tan buenas como si fueran outline-radius .
  • Estilos de formulario amigables, un nuevo restablecimiento de formulario que facilita la personalización de los elementos del formulario (incluso las casillas de verificación) con solamente el uso de clases.
  • Cambio de las alturas de línea, ahora vendrán predeterminadas por el tamaño de la fuente, porque si no podemos hacer que el uso de una altura de línea de 1,5 con una fuente de 48px sea ilegal, al menos, deberíamos intentar que no sea el uso predeterminada por defecto.. y un montón de cosas más..

Aunque Tailwind CSS v2.0 es una nueva versión estable, se ha trabajado mucho por minimizar los cambios drásticos, especialmente los que podrían obligar al usuario a realizar indigentes cambios sobre las plantillas. se han modificado el nombre de dos clases y se han eliminado tres, que ya no son relevantes en los navegadores más modernos.

Se han reemplazado esas dos clases con alternativas más potentes. Cualquier otro cambio importante que pueda afectarte, puede solucionarse con un par de pequeñas adiciones a su archivo tailwind.config.js . La actualización no debería tardar más de unos 30 minutos.

¡A disfrutar de los nuevos cambios! ?

Relacionado

Zona de pruebas y prácticas de Tailwind CSS

Un campo de juego en línea avanzado para Tailwind CSS, que incluye soporte para cosas como: Personalización de tu archivo tailwind.config.js Extraer clases con @apply Finalización de código con vista previa instantánea Perfecto para aprender cómo funciona el framework de Tailwind CSS y crear un prototipo de una nueva idea o crear una demostración para compartir en línea. PROBAR EL PLAYGROUND DE TAILWIND CSS PLAY

Nunca ha existido un mejor momento para crear sitios web

Este artículo es una traducción completa de There’s never been a better time to build websites del blog de SimeonGriggs Mi historia del origen del desarrollo web se remonta a hace unos 25 años. En ese entonces pasé mis semanas jugando Red Alert, hasta el fin de semana cuando pude reservar 30 minutos de acceso a Internet en mi biblioteca local. Andaría en bicicleta tomando un ¡SEGUIR LEYENDO!

El camino del Frontend Developer, por MrCodeDev

En este repositorio de Github de MrCodeDev vas a encontrar una importante lista de recursos para ayudarte a emprender el camino de llegar a ser Frontend Developer. El repositorio, ha sido creado por MrCodeDev y si deseas aportar algún contenido, puedes considerar el contactar con él; o bien, enviar un PR a través del repositorio de Github. Por último, si lo deseas, puedes invitar a un ¡SEGUIR LEYENDO!

Cursos de Programación gratuitos de Youtube 2022 (Febrero)

Curso de Angular CURSO DE ANGULAR Curso de Angular por DesarrolloWeb.com CURSO DE ANGULAR Curso Angular 13 por Domini Code CURSO DE ANGULAR 13 Podcast Airflow 2.0 (variado de cosas de programación) por CodinEric PODCAST AIRFLOW 2.0 Curso de CSS para principantes por AlexCG Design CURSO DE CSS PARA PRINCIPIANTES Guía Completa de CSS y HTML por AlexCG Design CURSO DE CSS Y HTML Curso de ¡SEGUIR LEYENDO!

Colección de Recursos para el Framework Tailwind CSS (+300 recursos)

Tailwind CSS es un frameworks CSS para crear rápidamente interfaces de usuario personalizadas. ? Colección Recursos CSS / ? Frameworks CSS / ? Cursos Gratis de CSS / ? Libros Gratis de CSS / ? 85 Geniales Recursos CSS Gratuitos Enlaces útiles Leyenda 😕 Recurso oficial ? Sitio web : sitio web oficial de Tailwind CSS. ? Repositorio - Repositorio oficial de Tailwind CSS. ? Debates ¡SEGUIR LEYENDO!