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

Toggle

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 proseclase 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 themepropiedad.
?? 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-schemeconsulta de medios.
?? Modo oscuro : agrega darkvariantes basadas en clases de CSS.
?? Modo oscuro : agrega darkvariantes basadas en la prefers-color-schemeconsulta de medios.
? Gap : agrega gaputilidades.
? Relación de aspecto : agrega aspect-ratioutilidades.
? Nativo personalizado : aprovecha la configuración de Tailwind CSS para permitir la creación de utilidades.
? Scroll Snap : agrega scroll-snaputilidades.
? Colores de contorno de sombra : agrega box-shadowutilidades según los colores configurados.
? Sangría de texto : agrega text-indentutilidades.
? Representación de imágenes : agrega image-renderingutilidades.
? Filtros : agrega filterutilidades.
? Elevación : agrega utilidades de interfaz de usuario de materialelevation .
? Caret Color : agrega caretutilidades de color.
? Modo de fusión: agrega blend-modeutilidades.
? Colorear : agrega filterutilidades.
? Modo de escritura : agrega writing-modeutilidades.
? Guiones : agrega hyphensutilidades.
? Gradientes de borde : agrega border-imageutilidades de gradiente.
? RFS : agrega RFSutilidades.
? Restablecimiento de lista : vuelve a agregar la list-resetclase 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 filtery backdrop-filterutilidades 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-colorutilidades.
? Ocultarscrollbar-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-functionutilidades.
? Marcador de posición de contenido : agrega utilidades para imágenes de marcador de posición de contenido.
? Sinscrollbar-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 RTLy LTRvariantes.
? Toque : agrega touchvariantes.
? Alfa : agrega variantes de color alfa.
? Localizado : agrega variantes basadas en el langatributo HTML , para usar utilidades solo con ciertos idiomas.
? Importante : agrega una importantvariante.
? 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-embedcomponente.
? 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 caretutilidades 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-fitutilidades.
?? Posición del objeto : agrega object-positionutilidades.
?? 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 transformutilidades.
?? 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 cursorutilidades.
?? Font Variant Numeric : agrega font-variant-numericutilidades.
?? Colores alfa de CSS : agrega variantes de opacidad a los colores existentes.
?? Spinner : agrega un componente giratorio.
?? Elementos espaciados : agrega spacedcomponentes que agregan márgenes fijos a todos los elementos del contenedor.
??? Formularios personalizados : agrega mejores estilos predeterminados a los elementos del formulario.

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.

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

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.

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.

RELACIONADOS: Colección de Recursos CSS (225 enlaces a herramientas)

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.

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

15 Excelentes Libros GRATIS de Programación hechos por el creador de tutoriales de programación Flaviocopes (en inglés)

En los siguientes manuales vas a encontrar un gran contenido (en inglés) creado por @flaviocopes. Si te gustan sus contenidos, no dejes de visitar su página web flaviocopes.com, en la que Flavio publica un artículo en el que aprender algo nuevo cada día. Manual de Python. 2021 PDF, ePub, Mobi Manual para principiantes de React. 2020 PDF, ePub, Mobi Manual para principiantes de JavaScript. 2020 PDF, ¡SEGUIR LEYENDO!

17 Nuevos Cursos Gratuitos de SQL, Python, Diseño Web y Más (06 de Marzo)

Regreso con nuevos cursos gratis, recuerda que algunos de los cupones de los cursos publicados ayer, es muy posible que aún sigan activos; y vas a poder encontrar cursos en español de javascript -typescript, react,vue- y Unity. Además, de cursos en inglés de Python, R, SQL y más; también tienes muchos cursos totalmente gratis y una gran oferta de guías para programación de O´Reilly (en inglés) ¡SEGUIR LEYENDO!

21 Nuevos Cursos Gratuitos: Python, Google Cloud, CSS y Más (25 de Febrero 2021)

Como de costumbre, vamos con los cursos gratis, tenemos 3 cursos en español: Computación, Google Cloud y aplicaciones web; y 18 cursos gratuitos en inglés: Python, Flask, Ionic, PHP, Android, Github, CSS, Flexbox, Illustrator, Photoshop, Scrum y minado de Sugar. Recuerda, que puedes si quieres, puedes acceder a las Mejores Ofertas de Udemy ¡Alé, aprendamos gratis un ratico! Cursos en Español Computación ? Curso Gratuito de ¡SEGUIR LEYENDO!

40 Cursos Gratis de Udemy: Desarrollo Web, Python (cupón finalizado)

Recién llega la primavera y vamos con una publicación más, que incluye los cursos del Lunes; hoy tenemos, 9 cursos en español (Typescript, Javascript, React, Vue, Firebase, Swift, Azure, HTML y CSS, Power Bi). Más 31 cursos en inglés: Javascript, Typescript, React, Python, R, Java, Drupal, Android y Kotlin, Básicos de Visual Studio Code, Bootstrap, Gitlab, Maya 3D, Photoshop, Marketing en Facebook e Instagram, SEO. Iniciación ¡SEGUIR LEYENDO!

5 Extensiones de Chrome capaces de aumentar tu productividad como desarrollador

Como desarrollador de software, es importante poder aumentar la productividad para terminar las tareas más difíciles a su debido tiempo. Para optimizar los procesos, se requieren las mejores herramientas y tecnologías, entre ellas algunas de las mejores extensiones de Chrome. Aprender a programar es una de las tareas más difíciles y que consume más tiempo en los nuevos programadores. Una vez que hayas aprendido a programar ¡SEGUIR LEYENDO!

85 Geniales Recursos CSS Gratuitos

La lista de las siguientes geniales herramientas de CSS, se basa en el hilo de Twitter de @Prathkum. El listado se separa en herramientas de color, selectores de color integrados, fragmentos de código, documentos y notas, generadores de CSS, sitios de inspiración, repositorios de GitHub, validadores de CSS y más. ? Colección Recursos CSS / ? Cursos Gratis de CSS / ? Libros Gratis de CSS ¡SEGUIR LEYENDO!

¿Cómo alinear a la derecha en Bootstrap 4?

Bootstrap es un framework CSS que se utiliza para diseñar y personalizar sitios adaptables para dispositivos móviles. En Bootstrap 4, la alineación de elementos a la derecha se puede lograr usando cualquiera de las siguientes clases: Agregando la clase float-right La clase .float-right en Bootstrap usa la propiedad float CSS para colocar un elemento a la derecha. Debes tener en cuenta que el contenedor Bootstrap 4 ¡SEGUIR LEYENDO!