I've gone from "Tailwind, meh" to “I have very strong opinions about the order of these Tailwind classes" in the blink of an eye

If you are a Python web developer and would like some frontend superpowers without the Javascript fatigue, consider joining my upcoming modern frontends learning sprint.

https://prelude.tech/upcoming_workshops/9/details

#TailwindCSS is an awesome way to style your web pages. In this short article, I show how to set up Tailwind for a #Django project that is deployed to #Heroku. https://www.mattlayman.com/blog/2020/tailwind-django-heroku/

#introduction

I make websites. Sometimes I toot about it.
#eleventy #webc #php #statamic #laravel #tailwindcss #alpinejs uhhh whatever #sql and I guess #nginx #docker and all that crap all the way down. #fullstack

I play RPGs with friends. Sometimes I toot about it.
#ttrpg #dnd #pathfinder #5e #pf2e

I am my group's sysadmin. Sometimes I toot about it.
#selfhosted #plex #lemmy #mastodon #pihole and throw some darts at https://selfh.st and you catch the rest.

Hot takes, bad jokes, etc.

#Development #Announcements
Tailwind UI is now Tailwind Plus · Tailwind CSS has rebranded its UI offerings https://ilo.im/162n1l

_____
#TailwindCSS #Templates #Components #UiDesign #VisualDesign #WebDesign #WebDev #Frontend #CSS

Après 1 journée de travail avec #cecilapp j'ai "terminé" toutes les pages de mon site (refonte de https://www.atlza.com )

Restent 2 choses :
- le passage à #tailwindcss 4 qui se fait dans la douleur (il ne trouve que la moitié des classes utilisées)
- les flux #rss. Ca va être le gros morceau, objectif : 1 flux par par page et 1 flux global, le tout aux formats Rss et #jsonfeed !

Pour le reste pour un dev #php Cecil est très facile à prendre en main, bien plus que #hugo

cc @arnaud

As my grand mother used to say:

"A picture is worth a thousand word prompt"

- No closing tags
- Lighter syntax
- Multiline everything

So why are you still not using #pug?

My current #Django frontend dev stack is (including some dx tools):

- #HTMX
- #AlpineJS
- #TailwindCSS
- #Playwright
- Django Template Partials
- Django Browser Reload

Are there any other frontend-related tools that would complement these? What do you use?

I just did some maintenance on the Pelican web site, and something has gone arwy with Tailwind CSS — it is not supposed to look like this: https://getpelican.com

Below is a Wayback Machine snapshot of the correct CSS from a few days ago:

https://web.archive.org/web/20250217015827/https://getpelican.com/

Anyone have any idea how to troubleshoot what has gone awry with #TailwindCSS in this case?

OK so I have this @eleventy starter using #tailwindcss. Tailwind just bumped to 4.0 with many breaking changes. I could fix them https://github.com/aloxe/huwindty/pull/61/files but now it makes my css file is 3× bigger, including classes not used in the started. Is it worth upgrading? Did someone understand where the Tailwind team is going?

You know when someone promises that a major version upgrade won't break _too_ much stuff, and they'll have a handy CLI utility to help with the upgrades? Well, I guess #TailwindCSS didn’t test their v4 upgrade tool on too many #GoLang codebases.

Nouveau site sur le web ! https://mon-espace.inge-plus.fr/

L'objectif est d'accompagner des étudiant⋅es de BTS pour intégrer un cursus d'ingénierie, via des missions personnalisées et des échanges avec des intervenants tout au long de leur parcours.

backend django avec #wagtail (CMS)
frontend en #tailwindcss
génération de pdf #weasyprint (@courtbouillon ! Trop efficace)
chat intégré et notification automatique
anonymisation des étudiant⋅es

Un beau projet, merci Grenoble INP !

Looked into upgrading to #tailwindcss v4 but between the much bigger generated CSS and the way too limited browser support (https://tailwindcss.com/docs/compatibility#browser-support) that’s an absolute no-go.

Also the docs seem incomplete (nothing about container for example), official plugins are no longer in the docs and don’t work well with v4, the CLI’s watch mode is pretty bad… looks like a rushed release.

If you've been on the fence about any of my workshops, this might get you off the fence. I have a few bonuses on offer:

If you buy a ticket to any of my upcomming workshops, you'll get:

- One free code review from me
- One free project mentorship session from me

You'll also get one free course from LearnDjango.com Valued up to $49.99. A big thank you to @wsvincent for hooking this up! You legend!

https://buff.ly/4hq7FUr

Major Update: #Sharp 9 Content Management Framework Takes Big Step Forward

#php #Laravel #cms

Complete frontend overhaul using #Inertia, #TailwindCSS & #shadcnui for improved UI/UX

New features for developers:
* Code-based configuration system replaces config files

The Tailwind V2 documentation vs The Tailwind V4 documentation.

This is what reinventing the wheel means.

Back in my day of #Bootstrap (used to be called Twitter Bootstrap that's how old i am) a number of free code snippet libraries popped up - came in handy when you just needed 10-15 lines of code.

Looking for the same with #TailwindCSS . Search for "Avatar" and get some results back I can customize.

Stumbled on one, but would love more to visit. #CSS #Webdev

#Development #Relaunches
Motion · A modern animation library for JavaScript and React https://ilo.im/160x4m

“Framer Motion is now completely independent.”
_____
#OpenSource #Motion #Animation #JavaScript #React #TailwindCSS #Linear #Framer #WebDev #Frontend

I created a #gomponents starter kit app template at https://github.com/maragudk/gomponents-starter-kit , using #GoLang (of course), gomponents for HTML components, #HTMX, and #TailwindCSS. All put into a Docker container for easy deployment.

This is how I would usually set up an app using those technologies. I'm hoping it can help you too.