Yo estaba intentando aprender bootstrap, me termine rompiendo la cabeza jajja pero cuando empece a aprender Tailwind me ha encantado y deje bootstrap la verdad, se me hace muy fácil de aprenderlo, me gusta la manera de poder solo utilizar el código que yo necesite, la manera tan sencilla de poder personalizar Tailwind, simplemente me encanta este Framework, ya sabemos que lo único malo de un Framework es que ensucias el HTML pero quitando de eso a un lado es increíble la facilidad de crear un sitio responsivo
Muchas gracias hermano por regalar tus conocimientos yo estoy estudiando por mi cuenta desde el año pasado desarrollo web y me guio mucho por tus videos.
Increíble contenido, antes de iniciar con Tailwind aborrecía el css, pero la verdad que hasta el momento estoy fascinado con esta herramienta, es muy amigable y flexible, gracias por hacer este contenido (:
Llevo un tiempo viendo tus videos y los encuentro muy brutales, ya que aprendo un montón, hace un tiempo me compré unos cursos de css y js por udemy en inglés hubiera visto tu canal ante te hubiese comprado tus cursos, cosa que no descarto en el futuro, muchas gracias por todo este material y por este curso de tailwind en especifico, llevo años haciendo landingpages con bootstrap y después de ver estos videos quiero puro pasarme a tailwind, de nuevo muchas gracias y sigue así! seguiré realizando el curso de tailwind ya que está demasiado genial
Excelente vídeo, gracias por compartir, espero con ansias la parte de NPM para aprender como cambiar los colores y crear nuevos colores como primary, secondary, etc.. Estos tutoriales son tan buenos que prefiero esperar la parte 3 antes que buscar en otro canal como hacerlo... Ojala la parte 3 llegue un poco más rápido ya que la parte 2 demoro un poco. jajaja, saludos
Puedes hacer un video de la instalación por CLI, ya actualizado. Me ha dado un dolor de cabeza de esa forma, porque no me toma todos los estilos aplicados.
Para los que no encuentran el col-gap-4, por lo menos como yo, es lo mismo que: gap-x-8 gap-y-4. x para los lados, y para arriba y abajo. todo esto esta en la doc oficial de la web de tailwind.
muy buenos tus videos con la explicacion pero hay algo que he intentado y aun no me sale; si quiesiera hacer un dashboard como el que colocas en este video en el minuto 25:26 como se puede dividir la pantalla para hacer ese nav vertical con el full tamaño de la pantalla?
Quizá me adelanto un poco, pero lo mejor de Tailwind es su tailwind.config.js. En eso le saca una gran ventaja a Bootstrap, donde para lograr personalizar el frameworka ese nivel, se debe extender sus mixins en sass, pero ni así. XD
Hay un tema sobre mejores practicas y comprimir el css de tailwind en la documentacion... puedes hablarnos sobre tema? pesa 2mb el cdn creo q es mucho...
Como haces en el editor de visual studio code para replicar el puntero varias veces y cambiar digamos como se veia en el ejemplo todos los textos de una en el IDE visual studio code
Hola que tal llegue de casualidad a tu canal y me gustaría saber si puedes hacer un curso para una plantilla personalizada de una tienda (STORE) del CMS Magento que incluya angular o react o no se si lo que estoy diciendo es un error de conceptos de mi parte desde ya muchas GRACIAS y sigue así con tu contenido
Hola, no se muy bien como trabaja magento pero por lo menos en Wordpress podemos trabajar con su api y ahí consumir su backend desde Vue.js o React o Angular, aquí tengo un curso con Vue.js: ua-cam.com/video/NBWRdxDhE6k/v-deo.html Espero ayudar. Saludos!
Hay alguna forma de no tener que especificar la cantidad de columnas para una fila? que el tamaño de la columna se auto ajuste en el row como en Bootstrap
Uff que genialidad. Una consulta, alguien sabe cómo podría crear una especie de clase base con todas las características adentro, para que en el html no quede un class= tan largo??
Hola intenta crear una función en JS o JQuery que agregue tudas las clases que tu quieras a la etiqueta que quieras en tu html esto tal vez te ayude api.jquery.com/addClass/
Saludos amigo, me seria de mucha ayuda si haces el video instalando Tailwind desde npm pero integrandolo con ReadJs. Yo estoy en eso pero esta un tanto complicado. Algunos dicen que es mas facil integrarlo con Angular y Vue pero no he trabajado con niguno de esos framework, apenas estoy con Readjs.
Buenas! he probado a copiar un navbar en tailwind y me agarra los mismos estilos, pero al hacer lo que dice en el video, no se rellena el fondo de color y no se organiza de la misma forma, parece que no agarra los estilos, alguien sabe cómo podría solucionarlo? gracias!
![Tailwind CSS ⭐ Personalización - Instalación npm ⭐ [Parte 3]](http://i.ytimg.com/vi/MwVfIP3vuw0/mqdefault.jpg)
![Tailwind CSS ⭐ Personalización - Instalación npm ⭐ [Parte 3]](/img/tr.png)
![Tailwind CSS - ⭐ Fundamentos desde Cero ⭐ [Tutorial en Español]](http://i.ytimg.com/vi/3xlUAMXui2c/mqdefault.jpg)
Lista de reproducción del curso de Tailwind CSS : bit.ly/2WiBSNf
Yo estaba intentando aprender bootstrap, me termine rompiendo la cabeza jajja pero cuando empece a aprender Tailwind me ha encantado y deje bootstrap la verdad, se me hace muy fácil de aprenderlo, me gusta la manera de poder solo utilizar el código que yo necesite, la manera tan sencilla de poder personalizar Tailwind, simplemente me encanta este Framework, ya sabemos que lo único malo de un Framework es que ensucias el HTML pero quitando de eso a un lado es increíble la facilidad de crear un sitio responsivo
esta genial esta serie de videos, la verdad que ya estaba cansado de boostrap todos los sitios web son muy parecidos :D
Esto del Tailwind es increíble, me gusta mucho más que el bootstrap. Excelente, gracias por compartir!!!!
Primer video que veo con +500 likes y 0 dislikes en todos los años que he estado viendo youtube :O eres muy grande compañero ;)
Vamos por el NPM !! 💪🏽
Eres magiconisimo para explicar 🙌😹
El mejo curso de TailwindCSS 😎 👌
Impecable video hermano. Felicitaciones!
Muchas gracias hermano por regalar tus conocimientos yo estoy estudiando por mi cuenta desde el año pasado desarrollo web y me guio mucho por tus videos.
En serio un curso excelente, te quiero, sigue así
Excelente manejo y buen amor a la enseñanza!! ★★★★★
excelente me estoy nutriendo con tus video, gracias
Excelente video hermano! Gracias por el aporte!!
Excelente vídeo, me gustó mucho y realmente tailwind es fácil y muy bonito
Muchas gracias por el excelente material!!⭐⭐⭐⭐⭐
Muy buena herramienta el grid
Increíble contenido, antes de iniciar con Tailwind aborrecía el css, pero la verdad que hasta el momento estoy fascinado con esta herramienta, es muy amigable y flexible, gracias por hacer este contenido (:
Eres un crack amigo !
gracias
Gracias por tus tutoriales. Me ayudas mucho. ¡Eres enorme!
Man, sos un crack! Super claro y entretenido. Merecido Like
Muchas gracias Nacho por este curso!!!
Esta clase es magistraaaal, me quedó muy clara tu explicación, se me han ocurrido un montón de ideas gracias a esto! Mil graciasssss
Excelente video, me re sirvio. Gracias por compartir :D
muy buenos videos gracias por compartir.
Gran video, gracias!!
Los mejores tutoriales de Tailwind sin duda, muchas gràcias por el conocimiento!!
Muchas gracias por curso
Muy bueno, voy a ver todos los videos. Gracias por hacerlos!
Excelente tutorial, me está gustando mas tailwind que boostrap
Gracias, excelente
Llevo un tiempo viendo tus videos y los encuentro muy brutales, ya que aprendo un montón, hace un tiempo me compré unos cursos de css y js por udemy en inglés hubiera visto tu canal ante te hubiese comprado tus cursos, cosa que no descarto en el futuro, muchas gracias por todo este material y por este curso de tailwind en especifico, llevo años haciendo landingpages con bootstrap y después de ver estos videos quiero puro pasarme a tailwind, de nuevo muchas gracias y sigue así! seguiré realizando el curso de tailwind ya que está demasiado genial
Excelentes videos para aprender Taildwind. Continúa con la serie por favor. Gracias. Saludos!
Que siga la serie de Tailwind!!!
y que nunca se detenga! jijij Saludos!
Ojalá mas videos :D
Vamos por el npm !! Saludos desde Argentina
Gracias por el tiempo que dedicas para impartir conocimientos....excelente👍👏
Excelente video, espero los próximos!!
Muy pronto! quizás esta semana :)
Excelente! Espero más
Aprendiendo Tailwind con los videos, excelentes y muy claros!! gracias!!
Muy bue vídeo, gracias por tu aporte, me está gustando mucho Teil, es magnífico. Saludos
Excelente curso... Muchas gracias!!! Saludos :D
Excelente vídeo, gracias por compartir, espero con ansias la parte de NPM para aprender como cambiar los colores y crear nuevos colores como primary, secondary, etc.. Estos tutoriales son tan buenos que prefiero esperar la parte 3 antes que buscar en otro canal como hacerlo... Ojala la parte 3 llegue un poco más rápido ya que la parte 2 demoro un poco. jajaja, saludos
Muchas gracias por tu apoyo, trabajaré esta semana en la tercera parte con npm :) Saludos
Buenisimo el Tutorial, muchas gracias!
muy buen contenido !
Wow, tremendo resultó ser Tailwind, muchas gracias por los videos Ignacio, esperamos los próximos (npm)
gracias
Puedes hacer un video de la instalación por CLI, ya actualizado. Me ha dado un dolor de cabeza de esa forma, porque no me toma todos los estilos aplicados.
Te quiero!
Para los que no encuentran el col-gap-4, por lo menos como yo, es lo mismo que: gap-x-8 gap-y-4. x para los lados, y para arriba y abajo. todo esto esta en la doc oficial de la web de tailwind.
Una consulta joven Ignacio, cual es tema que utiliza en su guía de tailwind?
Muy buen video podrias hacer un video practico con un dashboard como el que mostraste de boostrap sldos
¡Gran video y gracias por todo!
Gracias a ti! pronto el siguiente video!
Gracias por este tipo de contenido, muy valioso
Excelente contribución estimado Nacho.
¿Seria posible un capitulo de Tailwind con Svelte?
Muchas gracias. Continua porfa
Con gusto! ya veremos la parte 3 con NPM :) Saludos!
@@bluuweb Muchas gracias, saludos, que Dios lo bendiga.
Gracias por tu trabajo, tu vídeos son excelentes 😊
Lo estaba esperando
jijiji me demoré un poco que tuve unos problemas técnicos pero ya vamos a trabajar en la 3ra parte :)
@@bluuweb Otro curso gratis y la gente "exigiendo" plazos de entrega...
Gracias por el curso.
Muy buen tutorial, excelente calidad y muy bien explicado.
excelente curso!, podrías hacer un video combinando y usando Tailwind con Vue?
muy buenos tus videos con la explicacion pero hay algo que he intentado y aun no me sale; si quiesiera hacer un dashboard como el que colocas en este video en el minuto 25:26 como se puede dividir la pantalla para hacer ese nav vertical con el full tamaño de la pantalla?
Quizá me adelanto un poco, pero lo mejor de Tailwind es su tailwind.config.js. En eso le saca una gran ventaja a Bootstrap, donde para lograr personalizar el frameworka ese nivel, se debe extender sus mixins en sass, pero ni así. XD
me encanta, sigue así
Que teclado utilizas? Mecánico o membrana?(que Switch si es mecánico?) Jsjsj buen video saludos
Hay un tema sobre mejores practicas y comprimir el css de tailwind en la documentacion... puedes hablarnos sobre tema? pesa 2mb el cdn creo q es mucho...
Pregunta. ¿Tiene sentido mezclar tailwindcss con bootstrap ¿
En VS Code, hay la version de IntelliSence para tailwind para mas comodidad, gran video :D
Muchas gracias por la recomendación!
Como haces en el editor de visual studio code para replicar el puntero varias veces y cambiar digamos como se veia en el ejemplo todos los textos de una en el IDE visual studio code
Se hace por defecto presionando alt y el click
Creo
Super el Talwind, me gusta mucho mas que bootstrap
Hola que tal llegue de casualidad a tu canal y me gustaría saber si puedes hacer un curso para una plantilla personalizada de una tienda (STORE) del CMS Magento que incluya angular o react o no se si lo que estoy diciendo es un error de conceptos de mi parte desde ya muchas GRACIAS y sigue así con tu contenido
Hola, no se muy bien como trabaja magento pero por lo menos en Wordpress podemos trabajar con su api y ahí consumir su backend desde Vue.js o React o Angular, aquí tengo un curso con Vue.js: ua-cam.com/video/NBWRdxDhE6k/v-deo.html
Espero ayudar. Saludos!
@@bluuweb Hola si también me gustaría MUCHO soy auto didáctica y tengo un hueco de conocimiento al relacionar un CMS (WordPress ) con Angular o React
Chrome también tiene eso de mostrar la grid
Chrome también muestra los grid
espero el uso de npm con Tailwind CSS
Esperando la instalación .....
Hay alguna forma de no tener que especificar la cantidad de columnas para una fila? que el tamaño de la columna se auto ajuste en el row como en Bootstrap
Uff que genialidad.
Una consulta, alguien sabe cómo podría crear una especie de clase base con todas las características adentro, para que en el html no quede un class= tan largo??
Quizás esto te ayude: tailwindcss.com/docs/utility-first#maintainability-concerns Saludos
Hola intenta crear una función en JS o JQuery que agregue tudas las clases que tu quieras a la etiqueta que quieras en tu html esto tal vez te ayude api.jquery.com/addClass/
Saludos amigo, me seria de mucha ayuda si haces el video instalando Tailwind desde npm pero integrandolo con ReadJs. Yo estoy en eso pero esta un tanto complicado. Algunos dicen que es mas facil integrarlo con Angular y Vue pero no he trabajado con niguno de esos framework, apenas estoy con Readjs.
Hola, primero lo veremos con vainilla js y luego pasaremos a su implementación en Vue y React,, muy buena acotación. Saludos!
Que tema usas?
Si Bootstrap 5 no incluye css grid (creo que no), otro tanto a favor de Tailwind.
Vamos por Tailwind!
En qué parte d3l mundo estás?
Buenas! he probado a copiar un navbar en tailwind y me agarra los mismos estilos, pero al hacer lo que dice en el video, no se rellena el fondo de color y no se organiza de la misma forma, parece que no agarra los estilos, alguien sabe cómo podría solucionarlo? gracias!
Thx 😊.
Por cierto, ¿sabras como hacer paginas web con phyton?
No lo sé :( tendré que estudiarlo
Te puede servir usar django, framework web basado en python, muy amigable
Que llegue la instalación por npm por favor 💪🏽
Siii, también lo estoy esperando con ansias
Okis, en la tercera parte vamos con npm :) Saludos
en tailwinds pagina oficial no me sale donde copiar el cdn
En la pagina principal le das a get started y en installation hay varias pestañas, eliges play cdn y copias el codigo html que tiene
@@sebastianuribecarmona8074 muy agradecido
que lío es mejor bootstrap ;c con grid
Acabo de pedirle a la gente de Quasar que agregue soporte de Tailwind
sigo esperando la configuracion con npm jajaja
go npm brooo
Go go go !
@@bluuweb al final no pude encontrar la carga de un GIF o animación mientras la página se carga en vue xD jajajaja
Excelente tutorial, me está gustando mas tailwind que boostrap