I'm a dev working on Kahu.io, but I want to take a little break from it (~1 week or so). Let me know if I can build something useful for you using #tailwindcss #php #postgresql #rabbitmq #redis #docker (RT if you want to help improve my offer reach)

How do you use #tailwindcss in a library without exposing the default #css classes that could potentially be overwritten by the using host project?

How do you write a component library nowadays using #tailwindcss that ships with set of default styles that are scoped?

@hasanhaja @astro @eleventy I really would like to hear whether and how #tailwindcss is used in bigger projects with design "principles" used on a wide-spread of components. Any thoughts on this?

I know what Tailwind is and I have "played around" with it. Using it myself for a landing page or so it kinda makes sense to me, but on really huger projects with many people involved, I have no experience using it, but I would like to hear about it.

I fear that a LOT of people are going to start using #HTMX for the same reason they use #TailwindCSS; it saves them from having to learn a language they don't like. #javaScript #css

Any feedback about #Windy, the tool from Beyond Code, to transform CSS into #TailwindCSS classes?
Does it work well?

Now there are some that suggest we oughtn't be shipping #DOM declaring JS to the browser at all:

#HTMX recommends returning HTML from APIs and simply rendering that according to the rules of its attributes. In other words; the only DOM manipulations that a frontend app can make are those that are handed to it by the server. The server is the only place where HTML is generated. HTMX simply hydrates it.

#HTMX is for #JS what #TailwindCSS is for #CSS

#Free #dashboard #templates built with #TailwindCSS and #Alpinejs - TailDashboards https://taildashboards.com/

#TailwindCSS #UI #Components, #Templates and Tools - Tailkit https://tailkit.com/

Elixir Phoenix でパンくず（breadcrumb）コンポーネントを作る
https://qiita.com/mnishiguchi/items/48faa6c0fe960b2a0464?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #Elixir #Phoenix #パンくずリスト #tailwindcss #LiveView

Phoenix Liveview と Tailwind CSS でデザイナーと協業した Tips とハマりどころ
https://qiita.com/koyo-miyamura/items/0b69439346f29633b939?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #Phoenix #tailwindcss #LiveView

After a few months on my first Tailwind project I can say it has lived up to my expectations: nice framework for those without prior CSS experience, or for JS or backend devs, but not my thing. I can live with it but I’d rather not if given the choice. Maybe cause I’ve been pro CSS since the beginning, I don’t know. Just seems to not click with the vibe of what CSS really stands for #webdev #css #frontend #tailwindcss

Has anyone had success using Tailwind with Astro in VSCode? Turns out the Headwind extension, which I use to sort Tailwind classes on save, doesn't work on Astro files. I spent a couple hours last night trying to setup ESLint/Prettier to get the same functionality but I had a lot of issues. If anyone has a repo they could point to where that is working, please let me know.

#withastro #tailwindcss #eslint #prettier

Der Wochenrückblick ist da: Kalenderwoche 2023-33. Heute mit #BikeRouter und dem #GravelOverlay, #OpenMapTiles und #Planetiler, #Knoten, #Osmium, #TailwindCSS, #Photovoltaik, #Bohrhammer, #LinkAce von @Kovah, #Techno und #Barbie. Und auch wieder ein Absatz #Meta.

https://www.marcusjaschen.de/blog/2023/2023-33/

Putting this question to the community: I want to try and find a no-code or low-code (preferably #foss) tool to help me build a #MVP proof-of-concept #PWA app, that preferably outputs to modern frameworks like #TailwindCSS over #Laravel - something that I can hack on later, because the thing I lack most at the moment is time, not skill...

#OpenSource #SelfHosted #MinimumViableProduct #LowCode #NoCode #WYSIWYG

🤠 HTML dialog is the new standard for creating modals with less JS and CSS!

Out of the box:
✅ centered
✅ blured bg
✅ disable bg clicks
✅ close on Esc/with btn

🤌 Watch Tailwind on Rails №5: Modals with HTML dialog element, Tailwind and Stimulus: https://superails.com/posts/tailwind-on-rails-142-modals-with-html-dialog-element-tailwind-and-stimulus

#rubyonrails #tailwindcss

Phoenix LiveView に超簡単 UI コンポーネント Pines を導入する
https://qiita.com/RyoWakabayashi/items/133b8880665ab28d0610?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #Elixir #Phoenix #tailwindcss #Alpine_js #Pines

If you need help getting started with tailwind & svelte, my PR just got merged https://tailwindcss.com/docs/guides/vite#svelte

#tailwindcss #svelte #webdevelopment #gettingstarted

[TOOLS] HyperUI per Tailwind CSS

@programmazione

"HyperUI è una raccolta di componenti CSS Tailwind che possono essere utilizzati nel vostro prossimo progetto. Con questa serie di componenti, potrete costruire il vostro prossimo sito web di marketing, la vostra dashboard di amministrazione, il vostro negozio di e-commerce e molto altro ancora."

Sito ufficiale: https://www.hyperui.dev/

#programmazione #tailwindcss #css #opensource

🤌 Tailwind on Rails №2: Advanced Navbar Dropdown Menu

Previously we created a responsive layout with a Sidebar.

Now, on a small screen we will hide the sidebar and display a dropdown mobile-only menu instead.

✓ close dropdown by clicking Escape
✓ close dropdown if screen size is more than sm (768 px)
✓ hide main area and display ONLY dropdown on page
✓ blur main area
✓ disable scrolling of body content

🔴 Watch here: https://superails.com/posts/tailwind-on-rails-139-advanced-navbar-dropdown-menu

#rubyonrails #tailwindcss

À chaque fois que j'utilise #TailwindCSS je ressens la même chose : du repos mental, moins de choix à faire 😎