#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.

Hey Fediverse, ich habe freie Kapazitäten für neue Projekte. Mein Fokus liegt in der Umsetzung von maßgeschneiderter Software. Dafür setze ich folgende Technologie ein: #PHP, #Laravel, #LaravelLivewire, #Vue, #TailwindCSS.

Fall ihr Unterstützung sucht, gerne bei mir melden.

https://leitsch.org

Gerne RT.

Rubyists! tailwindcss-ruby v4.0.0.beta9 is out and finally supports Musl systems thanks to upstream work by the Bun team!

https://github.com/flavorjones/tailwindcss-ruby/releases/tag/v4.0.0.beta.9

こういう #CSS 情報発信していたりすると、そりゃあ #TailwindCSS を皮肉りたくなるよなあ（自分もついそうなりがちなので

https://front-end.social/@css/113639211038637549

Trying #TailwindCSS in a project and starting to see the appeal. I fought against it for so long because it looked like Yet Another Silly Abstraction over CSS, but after doing SwiftUI which… basically works the same way, I sort of get it.

They seem to be hostile to abstraction, and I can't tell if that's genius or is going to cause me a mountain of headaches down the road when I want to make changes. But at least for now it's getting me to stop wasting time with architecture paralysis.

#TailwindCSS の設定が #JS ではなく #CSS からできるようになるらしい。
#OpenProps とかで見慣れた #CSS変数 #CSSVariables で設定を上書きするスタイル。

https://tailwindcss.com/docs/v4-beta#css-first-configuration

#StateOfCSS 2024 が出てたので見てる

https://2024.stateofcss.com/en-US/usage/#css_pain_points

CSS の Pain Points （つらいところ）の2位が #TailwindCSS なのちょっと面白いな。まあ言っても全体の 5% だけど。
一番使われてるライブラリも #Tailwind だったので必然的に否定的な声も母数がちょっと多くなってるんだろうな

Rubyists! tailwindcss-rails v3.0.0 is out, and it now relies on tailwindcss-ruby to package the tailwindcss executable.

https://github.com/rails/tailwindcss-rails/releases/tag/v3.0.0

This means you get to choose the version of tailwindcss that fits you best, even the new 4.0 alpha releases if you want!

I really enjoyed the visual examples in this talk by @simonswiss!

I have a similar experience with Tailwind CSS making it so much easier to collaborate closely with designers and developers - especially during the crucial prototyping stage. In small teams, this saves a lot of time compared to first designing, iterating and *then* implementing.

Watch the talk: https://www.epicweb.dev/talks/unleashing-designers-with-tailwind-css

It's easier to learn how to write #CSS than to learn how to use #Tailwind

#Tailwind にずっと馴染めていない勢なので、とても興味深く読んだ。

https://fuku.day/blog/2024-08-10-tailwind/

『「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは』というタイトルにもある見解は、自分も読んで「確かに」と思った。

そのうえで、なんで自分は #tailwindcss に馴染めないのか、という理由についても考えてみた。

自分は結局のところ #CSS が書きたいんだと思う。

自分がおもう #Tailwind の意義って「フロントのコードでコンポーネント管理できる時代に #CSS のレイヤーでもコンポーネントを管理するの無駄じゃない？」っていうことだと思っていて、自分自身、馴染めてはいないまでもその発想には結構同意もしてる。

ただ、結局自分は #CSS が好きで #CSS が書きたい。ブラウザーの表現力を直接的に呼び出してそれを応用している感じが好きだし、今もどんどん新しい仕様がブラウザー側にも実装されている機能を、.css という拡張子の、つまるところただのテキストファイルを書くだけで使えるのは、#AI にプロンプトを投げて画像を生成するよりも自分にとっては楽しい。

だから、#Tailwind が便利なことも、いまのコンポーネントベースで UI を構築するフロントエンド事情にマッチしてるのもわかるけど、
やっぱりブラウザーの表現力と #CSS というレイヤーの間に一枚、別のレイヤーを発明するというやり方がどうしても馴染めないんだと思う。

ということを、考えながら楽しく拝読しました。勉強にもなったし、また思い出して読むかもしれないなとおもった

CSS Functions and Mixins Module とかが全ブラウザーで使えるようになるのはまだ先だとはおもうけど、こういうふうに #CSS が進化していくのに #TailwindCSS とかに留まってるのもったいないきがするんだよなー
#TailwindCSS が CSS Functions と Mixins をどう取り込むのか（取り込まないのか）知らないけど

https://drafts.csswg.org/css-mixins/

Released a #vue and #tailwindcss plugin that let's you group your variant classes, rather than having everything in `class`! So you can do things like `v-tw.md.hover=“‘px-4 bg-green-500 text-red-400’”`

https://www.npmjs.com/package/vue-tw-directive

Question for the #tailwindcss folks out there:

If I have an image with a minimum height set to the height of the parent div how do I prevent the image from getting squished when the parent is resized??

#StateOfCSS の 2023 の CSS フレームワークの部、 #OpenProps が興味と満足度で #TailwindCSS を上回ってた

やっぱそうだよね、という気持ち

https://2023.stateofcss.com/ja-JP/css-frameworks/

#OOCSS の時代からすでにリアルタイムで #CSS 書いてた世代なので、特に前半はノスタルジーもあって頷きすぎちゃう内容だった。

後半の内容では、とくに #TailwindCSS がコンポーネント管理を #JavaScript 側で行うようになってきた状況の中で使われはじめた、みたいな話は、そうだよね〜と思うし、今後を考える意味で大事な視点だと思った。

最新 #CSS の機能（\@Layer とか \@Scope とか、もう少し前から使えるものだと CSS 変数とか）は、そういう #JavaScript フレームワーク側でコンポーネント管理が行われる環境と #TailwindCSS の組み合わせが解決した問題の一部を #CSS の領域で解決するという点でかなり強力だし、しかもそれが #JavaScript フレームワークに依存しない Web 標準 #CSS の仕様としてブラウザの中に実装されてるということを踏まえると、

個人的意見としては、なんでも #JavaScript の中に書いて管理するという最近の開発環境から、もう少し #CSS を中心持ってきて考えてもいいんじゃないかと思ってる

と、それらしい文章にまとめてみたけど、自分はとにかく #CSS が好きなので、つまるところ #CSS を #CSS として書かせてほしいだけなんだけど

https://speakerdeck.com/shinkufencer/the-aims-of-object-oriented-css-and-the-current-state-of-css-usage

New Coding short released: I look at #daisyui with #tailwindcss:

https://youtu.be/TW9MQLjL1uw

My website re-write is going well. Next.js is a fine framework, if still evolving, and lightning fast. Also my first real dance with CSS, although Tailwind makes it feel like cheating.

All major features are in, just working on the little stuff like metadata, sitemaps, and redirects. Hope to have it live next week before Wix raises (doubles!) their hosting fees.