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

Contenidos

Enlaces útiles

Leyenda

😕 Recurso oficial

? Sitio web : sitio web oficial de Tailwind CSS.
? Repositorio – Repositorio oficial de Tailwind CSS.
? Debates : lugar oficial para conectarse con otros miembros de la comunidad sobre Tailwind.
? Tailwind UI : biblioteca de componentes creada con Tailwind CSS.
? Interfaz de usuario sin cabeza : componentes de interfaz de usuario completamente accesibles y sin estilo.
? Heroicons : hermosos iconos SVG hechos a mano.
? Play – Zona de juegos avanzada en línea para Tailwind CSS.
? Just-in-time : compilador Just-in-time para Tailwind CSS.
Tailwind Weekly : boletín semanal sobre todo lo relacionado con Tailwind CSS.
Built With Tailwind : colección impulsada por la comunidad de sitios web increíbles creados con Tailwind CSS.

Extensiones IDE

Leyenda

😕 Recurso oficial

? IntelliSense for Code : extensión de IntelliSense para Visual Studio Code.
Fragmentos de código con estilo : extensión de fragmento de código de Visual Studio.
Headwind for Code : extensión del clasificador de clases para Visual Studio Code.
Shades for Code : extensión del generador de paleta de colores para Visual Studio Code.
IntelliSense para Neovim : extensión de IntelliSense para Neovim.
Tailwind CSS Explorer for Code : explore las clases disponibles en la configuración Tailwind CSS de su proyecto.

Complementos

Leyenda

😕 Complemento oficial · ? Tematización · ? Utilidades · ? Variantes · ? Componentes · ? Obsoleto

?? Tipografía : agrega una prose clase para hermosos valores tipográficos predeterminados.
?? Relación de aspecto : agrega utilidades de relación de aspecto componibles.
?? Line Clamp : proporciona utilidades para truncar visualmente el texto después de un número fijo de líneas.
? Formularios : agrega mejores estilos predeterminados a los elementos de formulario.
?? Tematización : tematización que utiliza variables CSS, con soporte de modo oscuro.
?? Variantes de tema : agrega variantes de tema basadas en consultas de medios y / o selectores de CSS.
?? Multi Theme : agrega variantes de tema basadas en una sola theme propiedad.
?? Theme Swapper : creación de temas que utilizan variables CSS, con soporte para consultas de medios.
?? Prefiere el modo oscuro : agrega variantes según la prefers-color-scheme consulta de medios.
?? Modo oscuro : agrega dark variantes basadas en clases de CSS.
?? Modo oscuro : agrega dark variantes basadas en la prefers-color-scheme consulta de medios.
? Gap : agrega gap utilidades.
? Relación de aspecto : agrega aspect-ratio utilidades.
? Nativo personalizado : aprovecha la configuración de Tailwind CSS para permitir la creación de utilidades.
? Scroll Snap : agrega scroll-snap utilidades.
? Colores de contorno de sombra : agrega box-shadow utilidades según los colores configurados.
? Sangría de texto : agrega text-indent utilidades.
? Representación de imágenes : agrega image-rendering utilidades.
? Filtros : agrega filter utilidades.
? Elevación : agrega utilidades de interfaz de usuario de material elevation .
? Caret Color : agrega caret utilidades de color.
? Modo de fusión: agrega blend-mode utilidades.
? Colorear : agrega filter utilidades.
? Modo de escritura : agrega writing-mode utilidades.
? Guiones : agrega hyphens utilidades.
? Gradientes de borde : agrega border-image utilidades de gradiente.
? RFS : agrega RFS utilidades.
? Restablecimiento de lista : vuelve a agregar la list-reset clase que se eliminó antes de Tailwind CSS 1.0.
? Fluido : agrega utilidades de tamaño de fluidos.
? Tipografía : agrega utilidades de tipografía.
? Triangle After : agrega utilidades de triángulos CSS.
? Scrims : agrega utilidades de scrims .
? Truncar varias líneas: agrega utilidades para truncar elementos de texto de varias líneas.
? Propiedades lógicas de CSS : genere utilidades para las propiedades lógicas de CSS.
? Flechas de información sobre herramientas después : agrega utilidades CSS para flechas de información sobre herramientas con borde y fondo configurables.
? Bidireccional : agrega utilidades para crear diseños bidireccionales multilingües.
? Bidireccional : reemplace las utilidades principales para que sean compatibles en dos direcciones.
? SVG de fondo : inyecte SVG como imágenes de fondo con variantes de color.
? Colores de marca : agrega varios colores de marca para el fondo, el borde y el texto.
? Bootstrap Grid : genera el sistema de cuadrícula flexbox estilo Bootstrap.
? Filtros CSS : adiciones filter y backdrop-filter utilidades con valores predeterminados.
? Leading Trim : agrega utilidades para recortar los espacios en blanco del texto, usando Capsize .
? Color de decoración de texto : agrega text-decoration-color utilidades.
? Ocultar scrollbar-hide barra de desplazamiento : agrega una clase para ocultar la barra de desplazamiento visual.
? Facilidades CSS a favor del viento : amplía las transition-timing-function utilidades.
? Marcador de posición de contenido : agrega utilidades para imágenes de marcador de posición de contenido.
? Sin scrollbar-none barra de desplazamiento : expone para ocultar visualmente una barra de desplazamiento.
? Pseudo : agrega variantes personalizadas a la configuración de Tailwind CSS.
? Dirección : adiciones RTL y LTR variantes.
? Toque : agrega touch variantes.
? Alfa : agrega variantes de color alfa.
? Localizado : agrega variantes basadas en el lang atributo HTML , para usar utilidades solo con ciertos idiomas.
? Importante : agrega una important variante.
? Radio acolchado : agrega variantes para hacer coincidir los radios de los bordes anidados.
? Fluido : genera fl: variantes.
? Marcador : proporciona utilidades para diseñar listas y “marcadores.
? Pseudo selectores : agrega variantes para las pseudoclases y pseudoelementos que Tailwind CSS no tiene de forma predeterminada.
? Pantallas de depuración : agrega un componente que muestra la pantalla actualmente activa (punto de interrupción de respuesta).
? Heropatterns – añade héroe Patrones componentes.
? Inserción receptiva : agrega un responsive-embed componente.
? Tablas de Bootstrap : agrega componentes de tabla basados en las tablas de Bootstrap.
? Tarjeta : agrega componentes de tarjeta.
? Omitir enlace : agrega un componente accesible Omitir al contenido principal .
? Colores a variables CSS : exporta la configuración de color a las propiedades personalizadas de CSS.
? Variables CSS : exporta la configuración a propiedades personalizadas de CSS.

?- Los siguientes complementos ofrecen funcionalidades que ahora están total o parcialmente implementadas en Tailwind CSS.

?? Caret Color : agrega caret utilidades de color.
?? degradados de benface : agrega utilidades de degradado.
?? Gradientes de lorisleiva : agrega utilidades de gradiente de fondo.
?? Visualmente oculto : agrega utilidades de lector de pantalla.
?? Ajuste de objeto : agrega object-fit utilidades.
?? Posición del objeto : agrega object-position utilidades.
?? Accesibilidad : agrega utilidades de lector de pantalla.
?? Diseño : agrega algunas utilidades de diseño.
?? Cuadrícula : agrega utilidades de cuadrículas CSS.
?? Transformaciones : agrega transform utilidades.
?? transiciones de benface : agrega utilidades de transición configurables, con o sin variables CSS.
?? Transiciones de webdna : agrega utilidades de transición configurables.
?? Transiciones de glhd : agrega utilidades de transición básicas.
?? Cursor Extended : amplía las cursor utilidades.
?? Font Variant Numeric : agrega font-variant-numeric utilidades.
?? Colores alfa de CSS : agrega variantes de opacidad a los colores existentes.
?? Spinner : agrega un componente giratorio.
?? Elementos espaciados : agrega spaced componentes que agregan márgenes fijos a todos los elementos del contenedor.
??? Formularios personalizados : agrega mejores estilos predeterminados a los elementos del formulario.

RELACIONADOS: ¿Qué diferencias hay entre Boostrap y Tailwind CSS?

Instrumentos

Leyenda

😕 Accesible en línea · ? Herramienta de conversión o actualización · ? Generador · ? Escritura / ejecución · ? Complementos / Herramientas / Extensiones para servicios externos · ? Relacionado con el color · ? Marco de referencia

??? Tailwind Color Shades : generador de tonos de color para Tailwind CSS.
??? Generador de paleta: generador de paleta de colores que genera archivos de configuración de Tailwind CSS.
??? Tonos de color de Tailwindow: generador de tonos de color para Tailwind CSS.
??? Tailwind Colors : generador de configuración de color para Tailwind CSS.
??? Tailwind Color Explorer : explorador de colores para Tailwind CSS.
??? TailwindInk : generador de paleta AI, entrenado con la paleta Tailwind CSS.
??? Diseñador de degradados: genere degradados para Tailwind 2.0+.
??? Diseño de escala de grises : un generador de paleta de colores basado en luminancia.
??? Hypercolor : colección de degradados Tailwind CSS preconfigurados con opciones direccionales.
??? Paletolítico : genera paletas de colores armoniosas basadas en un color.
??? Colores Tailwind CSS v2 : biblioteca Figma con colores Tailwind CSS v2.
??? Colorkraken – Generador de tonos de color para Tailwind CSS.
??? babel-plugin-tailwind-dark : un complemento de Babel para agregar una clase oscura personalizada al compilar su código usando Babel.
??? Twind : funciones del compilador que convierten las clases de Tailwind en CSS en el momento de ejecutar, servir y compilar.
?? Generador de código CSS Tailwind GPT-3 – Generador de código CSS Tailwind con tecnología OpenAI GPT-3.
?? Puntadas – Generador de plantillas con Tailwind (en línea).
?? tail-animista – Generador de utilidades de animación personalizadas configurables para Tailwind CSS.
?? brand-tail-color – Generador de configuración usando colores de varias marcas.
? Typography Playground : herramienta para probar diferentes combinaciones de fuentes de Google con el complemento de tipografía Tailwind CSS.
?? Play – Zona de juegos avanzada en línea para Tailwind CSS.
? Updrafts.app : editor avanzado de arrastrar y soltar en línea sin código para Tailwind CSS.
? tailwind.run : violín Tailwind CSS con funciones integradas (en línea).
? tailzilla.app – Zona de juegos en línea para Tailwind CSS.
?? Aplicador automático de prefijos Tailwind: herramienta de prefijos de las clases Tailwind.
?? Conversor de CSS a Tailwind CSS : convierte CSS a Tailwind CSS sugiriendo las clases que mejor se adaptan.
? Tailwindo – Conversor CSS de Bootstrap a Tailwind.
? Tailupgrade : herramienta de conversión para actualizar archivos HTML de Tailwind CSS v0.xa v1.0.
? Tailwind Shift : herramienta de actualización para actualizar de Tailwind CSS v0.7 a v1.0.
? RustyWind : herramienta CLI para ordenar las clases CSS de Tailwind.
? Windy : extensión del navegador para convertir elementos HTML a Tailwind CSS.
? react-native-tailwindcss : sistema de escritura React Native.
? typed- tailwind: mecanografía en TypeScript para Tailwind CSS.
? Complemento de Gatsby : integración de Tailwind CSS para Gatsby.
? Complemento Gridsome : integración de Tailwind CSS para Gridsome.
? Alfred Workflow : aplicación de búsqueda de documentación CSS Fast Tailwind.
? ng-tailwindcss : herramienta CLI para integrar Tailwind CSS en proyectos Angular-CLI.
? vue-cli-plugin-tailwind : complemento de Vue CLI que agrega Tailwind CSS a un proyecto.
? Tailwind CSS Figma Kit – Kit de Figma para Tailwind CSS.
? Complemento Tailwind CSS Figma: complemento Figma que integra Tailwind CSS.
? @ nuxtjs / tailwindcss : módulo Tailwind CSS para NuxtJS con PurgeCSS y CSS moderno (entorno preestablecido 1).
? preact-cli-tailwind: integración de Tailwind CSS para Preact.
? tailwind-classes-sorter : biblioteca de NPM que proporciona una utilidad para clasificar las clases de Tailwind CSS.
? prettier-plugin-tailwind : complemento más bonito que ordena listas de clases.
? tailwindcss-rails : una joya para usar Tailwind CSS con la canalización de activos de Rails.
?? Generador de configuración y clases de Zeplin: extensión de Zeplin que genera configuraciones de Tailwind.
?? @ tailwindcssinjs / macro : macro de Babel que transforma las clases CSS de Tailwind en objetos para bibliotecas CSS-in-JS.
?? twin.macro : use las clases Tailwind dentro de cualquier biblioteca CSS-in-JS.
?? Tailwind Config Viewer : herramienta de interfaz de usuario local para visualizar su archivo de configuración Tailwind CSS.
?? Componentes de formulario de Laravel: componentes de formulario de hoja que utilizan formularios personalizados de Tailwind CSS.
? @ ngneat / tailwind – Integración de Tailwind CSS para Angular.
? re- tailwind: utilidad ReasonML que genera clases Tailwind.
? Protoship Codegen : generador de código que crea HTML y CSS basados en Tailwind CSS a partir de diseños de Sketch.
? create-tailwind-plugin : complemento de scaffolder para Tailwind CSS.
? Maizzle : marco para la creación rápida de prototipos de correo electrónico con Tailwind CSS.
? Hoja de trucos de Tailwind: hoja de trucos de nombres de clases de Tailwind CSS.
? Hoja de trucos de Tailwind: nombres de clases de Tailwind CSS en un solo archivo.
? Hoja de trucos de Tailwind: hoja de trucos de nombres de clases, variantes y directivas de Tailwind CSS.

Bibliotecas, componentes y plantillas de UI

Leyenda

😕 Recurso oficial · ? Biblioteca · ? Componentes · ? Plantillas

?? Tailwind UI : biblioteca de componentes creada con Tailwind CSS.
?? Interfaz de usuario sin cabeza : componentes de interfaz de usuario completamente accesibles y sin estilo.
? VueTailwind : biblioteca de interfaz de usuario de Vue.js que utiliza Tailwind CSS.
? Tailwind Made : plantillas pagas y fáciles de desarrollar creadas con Tailwind CSS.
? EasyTailwind – Freemium, plantillas fácilmente personalizables hechas con Tailwind CSS.
? TailBlocks : más de 60 bloques diferentes de Tailwind CSS listos para usar.
? Tailwind Components : repositorio de componentes Tailwind CSS impulsado por la comunidad.
? Caja de herramientas Tailwind : plantillas, componentes y recursos.
? Componentes de la interfaz de usuario de Meraki : hermosos componentes CSS Tailwind que admiten lenguajes RTL.
? Tailwind Cards : colección creciente de tarjetas de texto / imágenes.
?? Tailwind Templates : colección de plantillas y componentes.
?? Treact : plantillas y componentes de la interfaz de usuario de React creados con Tailwind CSS.
?? Jakarta LTE : plantilla de administrador con Tailwind CSS.
?? themes.dev – Temas y componentes de Tailwind CSS hechos a mano , gratuitos y premium.
? Selector de fecha : componente de selector de fecha para Vue.js que usa Tailwind CSS.
? Kutty : componentes accesibles y reutilizables que se utilizan comúnmente en aplicaciones web.
? Tailwindow : colección de elementos de UI y bloques de componentes CSS Tailwind.
? Sail UI : colección de componentes básicos de la interfaz de usuario basados en Tailwind CSS.
? jQuery Toggler – Cambia usando jQuery y Tailwind CSS.
? Tailwind Kit : componentes agnósticos de Framework, Vue.js, React y Angular.
? lofi ui : componentes CSS Tailwind de baja fidelidad.
? Gust UI : componentes CSS elegantes de Tailwind para aplicaciones web en React y HTML.
? Windstrap – Tailwind CSS con Bootstrap JS.
? WickedBlocks : colección de más de 120 bloques de diseño y componentes creados con Tailwind CSS.
? Interfaz de usuario de Daisy : componentes de interfaz de usuario para Tailwind CSS.
? Kit de interfaz de usuario de Kometa: kit de interfaz de usuario multipropósito gratuito, creado con Tailwind CSS.
? Interfaz de usuario de Mamba : componentes, secciones y plantillas de Tailwind CSS gratuitos.
? Selector de fecha Litepie : un componente selector de rango de fechas para Vue.js y Tailwind CSS.
? Panel de control de molino de viento : plantilla de panel de control completamente accesible y con varios temas.
? Tailwind Admin : plantilla de panel de administración con Tailwind CSS.
? Gradientes de aterrizaje: plantilla de página de aterrizaje con gradientes (1.7+).
? Currículum : currículum simple con Tailwind CSS.
? Currículum : una plantilla de currículum estilizada creada con Tailwind CSS, con un ingenioso fondo de patrón de héroe y una fuente personalizada.
? Simple Light : plantilla de página de destino gratuita creada con React & Tailwind CSS.
? V-Dashboard : plantilla de inicio de tablero construida con Vue 3 y Tailwind CSS.
? Petra : plantilla de página de destino gratuita creada con Nuxt.js y Tailwind CSS.
? a17t : kit de herramientas de diseño atómico creado para ampliar Tailwind CSS.
? tails-ui : biblioteca de interfaz de usuario de React usando Tailwind CSS.
? tails : plantillas y componentes hechos a mano con Tailwind CSS.

RELACIONADOS: 34 Cursos Gratis Udemy (cupón finalizado)

Entrantes y temas

Leyenda

😕 Paquete · ? Herramienta / generador de línea de comandos · ? Clonable

? Cree la aplicación React con PurgeCSS : secuencia de comandos CRA que agrega Tailwind CSS y PurgeCSS.
? Laravel Preset : agrega Tailwind CSS al marco de Laravel.
?? Preestablecido de front-end de Laravel – Preestablecido de front-end usando Tailwind CSS para Laravel.
?? Laravel Dark Front-end Preset – Preestablecido de front-end con temática oscura usando Tailwind CSS para Laravel.
? Cree la aplicación React con EmotionJS : modelo estándar de CRA utilizando Tailwind CSS y Emotion JS.
? Cree la aplicación React con TypeScript : plantilla CRA compatible con Tailwind CSS y TypeScript.
? Texto estándar de Tailwind CSS: texto estándar de Tailwind CSS con Parcel.
? Inicio de Jekyll: iniciador de Jekyll que utiliza Tailwind CSS.
? Inicio de Jekyll: iniciador de Jekyll que utiliza Tailwind CSS.
? Gulp Starter : iniciador de Gulp utilizando Tailwind CSS.
? Arrancador Gatsby – Arrancador Gatsby usando Tailwind CSS.
? Gatsby Starter Simplicity : iniciador de Gatsby que usa Tailwind CSS.
? Gatsby Starter + TypeScript : iniciador de Gatsby que usa Tailwind CSS y TypeScript.
? Gatsby Starter + Emotion JS : iniciador de Gatsby que utiliza Tailwind CSS y Emotion JS.
? Gatsby Starter Opinionated – Iniciador de Gatsby que usa Tailwind CSS y obsequios obstinados.
? Cree el texto estándar de la aplicación React: código estándar de CRA utilizando Tailwind CSS.
? Cree la aplicación React con PurgeCSS + Autoprefixer + CSSNano – CRA boilerplate usando CSS Nano.
? Dogpatch : iniciador de WordPress que utiliza Webpack, Vue, Babel y Tailwind CSS.
? Next.js Starter : texto estándar de Next.js con Tailwind CSS.
? Sapper & Svelte Starter : plantilla estándar con Sapper, Tailwind CSS, Purge CSS, Prettier y ESLint.
? Netlify Lambda Starter : modelo estándar de Netlify Lambda con Tailwind CSS.
? Hugo Theme Starter con Tailwind CSS : iniciador de temas Hugo con Tailwind CSS.
? Eleventy Web Starter : kit de inicio que utiliza Eleventy, Tailwind CSS, Webpack y PostCSS.
? Arrancador Nanoc – Arrancador Nanoc usando Tailwind CSS.
? PostCSS y Browsersync Boilerplate – Boilerplate usando CSS Nano.
? ParcelJS + TypeScript Boilerplate – Boilerplate usando Tailwind CSS, el paquete ParcelJS y TypeScript.
? VuePress Tailwind CSS Starter : un iniciador de VuePress que usa Tailwind CSS.
? Gatsby Serif : el tema serif de Gatsby con Tailwind CSS.
? Seminyak Hugo Theme : tema de Hugo con Tailwind CSS.
? Eleventy Starter : iniciador de blog listo para producción y compatible con SEO que utiliza Tailwind CSS.
? Vite + React + Tailwind Starter : modelo estándar con Vite, React y Tailwind CSS.
? Vite + Vue 3.x + Tailwind 2.x Starter : plantilla de inicio que utiliza Vite, Vue, Vue Router y Tailwind CSS.
? Shopify Theme Lab : iniciador de desarrollo de temas de Shopify utilizando Vue y Tailwind CSS.
? Diseño del panel de inicio : diseño del panel con Tailwind CSS y Alpine JS.

Proyectos de código abierto

Goodwork : herramienta de gestión y colaboración de proyectos.
Statusfy : sistema de páginas de estado que utiliza Tailwind CSS.
Todolist : aplicación de lista de tareas que utiliza Tailwind CSS.
LeagueStats : sitio web de estadísticas para los jugadores de League of Legends.
SapperCommerce : escaparate de comercio electrónico que utiliza Svelte y Tailwind CSS.
Misiki Books : librería que usa Vue + Moltin + Tailwind CSS.

RELACIONADOS: 60 Mejores Cursos Gratis de Programación Web y Móvil

Aprendiendo

Leyenda

😕 Recurso oficial · ? Muestra · ? Tutorial de configuración · ? Tutorial en video · ? Tutorial de componente o página · ? Elenco

?? Ejemplos de complementos: ejemplos de complementos oficiales.
? Selector de temas Tailwind Dark Mode : cambio de temas con propiedades personalizadas de CSS y Tailwind CSS.
? Acquia : panel de alojamiento de Acquia reconstruido con Vue.js y Tailwind CSS.
? Navbar : barra de navegación creada con Vue.js y Tailwind CSS.
? Interruptor de palanca: cambie usando Tailwind CSS.
? Página de destino “abierta”: plantilla de página de destino “abierta” de Cruip creada con Tailwind CSS Boilerplate.
? Prueba de los complementos de Tailwind CSS con Jest : cómo probar los complementos de Tailwind CSS con Jest.
? Tailwind CSS con Webpack 4 y PostCSS : cómo configurar Tailwind CSS con PostCSS y Webpack.
? Tailwind CSS con CSS-in-JS : cómo utilizar Tailwind CSS con CSS-in-JS.
? Tailwind CSS en un proyecto de Laravel : cómo configurar Tailwind CSS en un proyecto de Laravel.
? Tailwind CSS con Ember : cómo agregar Tailwind CSS a una aplicación Ember.
? Tema Sage de WordPress y Tailwind CSS : cómo configurar Tailwind CSS en Sage.
? Tailwind CSS con GatsbyJS – Cómo usar Tailwind CSS con Gatsby.
? Tailwind CSS con Phoenix 1.4 – Cómo configurar Tailwind CSS en Phoenix 1.4.
? Extender Tailwind CSS : cómo extender Tailwind CSS.
? Web2Tailwind : cómo crear componentes web con Tailwind CSS con AlpineJS.
? Reconstruyendo Laravel.io – Reconstruyendo Laravel.io con Tailwind CSS.
? Reconstruyendo Coinbase – Reconstruyendo Coinbase con Tailwind CSS [ver el Codepen ].
? Reconstrucción de Twitter : reconstrucción de Twitter con Tailwind CSS [consulte CodePen ].
? Reconstrucción de YouTube : reconstrucción de YouTube con Tailwind CSS.
? Reconstrucción de Netlify : reconstrucción de Netlify con Tailwind CSS.
? Reconstruyendo Resolute – Reconstruyendo Resolute con Tailwind CSS.
? Vamos a construir: Página de inicio de producción de películas: creación de una página de inicio de producción de películas con Tailwind CSS.
? Vamos a construir: Barra de navegación receptiva : creación de una barra de navegación receptiva con Tailwind CSS.
? Vamos a construir: Dribbble Shot – Dribbble shot con Tailwind CSS.
? Vamos a construir: componente Tweet : creación de un componente Tweet con Tailwind CSS.
? Diálogo modal : creación de un diálogo modal con Tailwind CSS.
? Creación de interfaces de usuario del mundo real con Tailwind CSS : creación de interfaces de usuario de Shopify, Spotify, Netlify y Atlassian.
? Reconstrucción de FreshBooks : reconstrucción de FreshBooks con Tailwind CSS.
? Página de inicio de sesión (PingPing) : creación de una página de inicio de sesión con Tailwind CSS.
? Página de inicio de sesión : creación de una página de inicio de sesión con Tailwind CSS.
? Componente Vue.js con Tailwind y Laravel : creación de un componente Vue.js en un proyecto de Laravel.
? Vue.js Modal : creación de un modal personalizable con Tailwind CSS y Vue.js.
? Navegación : creación de una navegación con Tailwind CSS.
? Formularios con Tailwind CSS : cómo diseñar un formulario con Tailwind CSS.
? Galería de fotos con cuadrículas CSS : creación de una galería de fotos con cuadrículas CSS y Tailwind CSS.
? Reconstrucción de Bartik : reconstrucción de Bartik (el tema predeterminado de Drupal) con Vue.js y Tailwind CSS.
? Reconstrucción de la página de inicio de Airbnb : reconstrucción de la página de inicio de Airbnb con Tailwind CSS.
? Valores tipográficos predeterminados en Tailwind CSS
? Cree un menú de navegación receptivo en Tailwind CSS
? Transmisión semanal de Laracasts: Tailwind
? Más experimentación con Tailwind CSS
? Reconstruyendo Spotify
? Reconstruyendo la discordia
? Reconstruyendo Meetup

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

The best Udemy courses in August, only for 9.99 $

Los mejores cursos en inglés y en oferta, hasta el día 27. Los cursos incluidos aquí son todos en inglés. Revisa por aquí, entre los mejores cursos en oferta de Udemy de Agosto en español, si lo que deseas son cursos en español. Si por desgracia, no tienes la oportunidad de acceder a comprar alguno de los excelentes cursos que te mostraré a continuación. Siempre puedes ¡SEGUIR LEYENDO!

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, ¡SEGUIR LEYENDO!

Pequeño truco para alinear a la izquierda los elementos de la última fila con Flexbox

Si adoras trabajar con Flexbox, probablemente hayan encontrado en el pasado el problema de los elementos en la última fila que no se comportan del todo bien. Lo que significa que no tienen una alineación a la izquierda. Bueno, hay una manera muy simple de tener una alineación izquierda perfecta con una propiedad html simple: aria-hidden Esta propiedad indicará que tanto el elemento como sus hijos ¡SEGUIR LEYENDO!

Palabras más usadas en cada lenguaje de programación

Nube de palabras más usadas dentro de los lenguajes de programación Javascript, React, CSS, HTML, Java, Python, Lua, PHP, Ruby, C+, Perl, C#, Scala, Go, SQL, Rust, Lisp, Clojure, Kotlin, CMake, Swift, Haskel, Elixir, Objective C, F#, Elm, PureScript, Pascal, R, Erlang, VimL, Groovy. Los datos han sido extraídos de los diferentes repositorios de Github. Nube de Palabras de Javascript Insertar Javascript ⛓ Conocer Palabras Nube ¡SEGUIR LEYENDO!