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

24 Mejores alternativas del Framework CSS Bootstrap

Desde hace mucho tiempo, Bootstrap ha sido uno de los frameworks front-end más populares y ha aparecido en la lista superior de las herramientas más importantes para muchos desarrolladores. No hay muchos frameworks como Bootstrap, cuando se trata de diseñar sitios web de front-end rápidos y con una gran gama de posibilidades. La base de usuarios de Bootstrap es realmente enorme, y es el segundo proyecto ¡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!

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!

55 Nuevos Cursos Gratis de Udemy: Programación, Python, SEO y Más (cupón finalizado)

20 Cursos en español + 35 Cursos en inglés Programación R desde cero: El curso más poderoso de 2021 APÚNTATE YA (6,5 H. Valorado en 69,99 €) Python 3: Análisis y visualización de datos APÚNTATE YA (7 H. Valorado en 34,99 €) Python 3: Curso completo de cero a experto APÚNTATE YA (8 H. Valorado en 34,99 €) Aprende a crear tu web desde cero con ¡SEGUIR LEYENDO!

30 Cursos Gratis de Udemy (cupón finalizado)

Por no perder la costumbre, seguimos con los cursos gratis de Udemy. A continuación, vas a encontrar cursos de introducción a Javascript, Vue, React, Typescript. Estos cursos ya han sido regalados por sus autores con anterioridad, por lo que es probable, que ya estés suscrito a ellos. ? No dudes en acceder a los mejores cursos de Hacking Ético con las mejores ofertas o los mejores ¡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!

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!

Salir de la versión móvil