Bootstrap vs Tailwind

Portada del podcast Drupalízate
Drupalízate es un podcast semanal creado por mí, donde hablo sobre desarrollo web basado en Drupal.
El contenido central es resolver las típicas dudas que pueda tener alguien que tiene o quiere tener una web en Drupal.
Aparte de resolver dudas de "clientes", también se habla de tips, recomendaciones y buenas prácticas para el Developer que recién empiezan en este mundo.
Audio y notas del episodio

Esta es mi humilde opinión personal luego de haber usado estas dos librerías en varios proyectos.

 

Transcripción automática de este episodio de audio (puede contener errores)

 Hola, otra semana más aquí en Dupalízate con Robert Menetray, que soy yo mismo, donde te hablo de cosillas Dupal. Esta semana, este episodio va a ser un poco raro porque voy a hablar de lo que es bootstrap y talwin. A ver, para quien no sepa de qué estoy hablando, son librerías que se usan en Frontend para maquetar. Te dan mucho trabajo hecho para facilitar a la gente de Frontend, pues te quitan trabajo, te dan ya cosas prehechas. La más conocida, desde hace muchos años, es bootstrap. Yo la empecé a usar cuando trabajaba dentro de una agencia como por cuenta ajena, lo seguí usando cuando trabajé en otra agencia distinta por cuenta ajena, y lo sigo usando en algunos proyectos que me llegan de clientes que han venido de otras agencias. O sea, básicamente en la mayoría de agencias veo que se ha usado y se sigue usando bootstrap. A ver, ha cambiado de versión, ha ido evolucionando, pero sigue siendo bootstrap. Claro, aquí viene el tema de, comparado con otras tecnologías como talwind, veo que bootstrap está quedando obsoleto, o a mí me está gustando más trabajar con talwind, dicho de otra forma. Este episodio va a ser directamente mi opinión personal, no hace falta que me hagas caso. Veo que muchas agencias siguen usando tecnologías no obsoletas, pero sí, digamos, antiguas, que sí que tienen su testeo. O sea, llevan mucho tiempo usándolas y saben cómo usarlas. Pero, a ver, por ejemplo, yo talwind no lo he usado en ningún cliente real, sí que tengo proyectos en producción, proyectos míos propios que uso para probar cosas, o sea, yo al final tengo mis propios proyectos que me sirven para rellenar mi propio porfolio, porque al final son proyectos que, digamos, que puedo priorizar las partes que quiero destacar para ese porfolio, ya sea porque he hecho proyectos muy pequeños y no había ninguno que hubiera usado un search API con temas de búsqueda con mapa. Pues hago un proyecto mío propio que use esto para destacar que soy capaz de hacer esto. O que importe o escribe webs que hagan x cosa. Al final son proyectos distintos de los que haría por agencias o para clientes, pero pueden ser proyectos muy interesantes. Por eso hago este tipo de porfolios, o sea, este tipo de proyectos propios para complementar mi propio porfolio, ¿vale? No sé si me explico. Bueno, total, que en mis últimos proyectos estoy usando solo talwin. Lo que estoy viendo es el desarrollo es mucho más rápido, a menos en mi caso, que usa de BusterApp. Es mucho más personalizable en el sentido de que una cosa más custom, trato menos en hacerla en talwind que en BusterApp. Visualmente queda mejor sin yo tener mucha idea de diseño, ¿vale? O sea, también son proyectos propios que no tienen diseño. Lo hago yo sobre la marcha. Y visualmente quedan bastante decentes, bastante mejor que BusterApp, ¿vale? No parece que sea una plantilla perfecta como en BusterApp, que si no tocó nada parece que sea una plantilla de alguien más. Con talwind se puede personalizar mucho y que la web se vea visualmente atractiva sin tener mucha idea de diseño, que es mi caso. Y básicamente lo recomiendo mucho. Después, tema de rendimiento. He podido comprobar que usando talwin la web carga más rápido. Está mejor optimizado para temas, ya no digo SEO, que también, pero para temas de rendimiento. El fichero CSS que se genera pesa mucho menos que lo que tienes en BusterApp. Dicho de otra forma, en talwind tú estás generando un CSS, solo un CSS que se usa en tus plantillas, ¿vale? Si tú tienes una única página que está usando talwin con cuatro estilos, cuando lo compiles van a generar un CSS con esos cuatro estilos. Con lo cual va a pesar nada. En BusterApp no va así. En BusterApp tienes toda la leveler con todo. Con lo cual estás sobrecargando la parte que sea de descargar el usuario cuando navega por tu web. Así que la navegación es algo más lenta en BusterApp que en talwin. Total, que recomiendo mucho talwind por el tema de rendimiento y SEO. Yo creo que afecta positivamente al SEO. Basicamente yo hice el cambio de mi propia web, o sea, menetray.com, de lo que tenía antes a BusterApp a talwin. He ganado visualmente que se ve mucho mejor. Y después de que en SEO, casualidades a la vida o no, pero he visto una mejora significativa en velocidad y en SEO. Me extraña mucho que no he visto ninguna agencia actualmente trabajando con talwind. Y eso que ya tiene unos pocos años, pero ya tiene un poco de vidilla, ¿vale? Esta librería. Y me extraña que no se use más que BusterApp. Pero bueno, así que este episodio es solo para recomendarte prueba talwind. No hace falta que sea un cliente final. Pruébalo en un proyecto tuyo. Pero, pruébalo, ¿vale? Creo que te va a gustar. Es mucho más flexible que BusterApp. Y aparte, creo que es bastante más simple de aprender. Sobre todo para gente que, digamos, no es de... A ver cómo explico. Que no hace falta aprender nada. Si sabes algo de CSS, ya directamente lo puedes usar. Es meter clases en el HTML. No hace falta ni tocar SASS, ni compilar el SASS, ni nada de esto. A menos que quise hacer cosas muy personalizadas. Pero es que realmente yo no me he hecho en un proyecto. Yo creo que solo me hizo falta tocar el CSS que se genera. En el resto, directamente usar las clases que me venían por defecto en las plantillas. Y después compilar para que el CSS que detecta que he puesto yo en el HTML... Me lo comprima y me elimine lo que no estoy usando. Para optimizar velocidad. Pero si no quiero optimizar velocidad, tampoco hace falta usar este último punto. Y nada más. Que use stalwin y que empiece a dejar de usar BusterApp. O otras librerías que uses tú. Que son de hace cinco años. Que estamos un poco ya desfasados. Me incluyo, que yo sigo usando cosas viejas. Nada más. Hasta la semana que viene. Chao.

¿Tienes algún proyecto en mente?

Si quieres hacer algo en Drupal tal vez puedas contratarme.

Ya sea para consultoría, desarrollo o mantenimiento de sitios web Drupal.