outofcontrol, (edited ) to webdev
@outofcontrol@phpc.social avatar

Reading ‘Why Tailwind CSS Won’ and was caught off-guard by this comment from Matt Rickard “few developers are writing HTML (instead, they are writing JSX or TSX).” What do you write mostly?

AstraKernel, to rust

✨ A wonderful tutorial on Rust+Htmx+Tailwind

👉 Axum as Backend server
👉 htmx for reactivity on the UI
👉 Askama for templating
👉 Tailwind CSS

https://joeymckenzie.tech/blog/templates-with-rust-axum-htmx-askama/

Credits: @_joeyMcKenzie

changelog, to UI
@changelog@changelog.social avatar

🗞 New episode of Changelog News!

🏳️ Matt Asay declares war over
💅 A perfect for your
🔌 Ivan Kuleshov makes a Mac mini
🤝 joins the alliance
🔧 John D. Cook on picking the worst tool for the job
🎙 hosted by @jerod

🎧 https://changelog.com/news/56

Mawoka, to CSS
@Mawoka@mastodon.online avatar

Some people criticize #tailwind/#tailwindcss, but I still think that it's great and even a good way to learn #css. It solves one fundamental problem of CSS (for me):

You can't go all-in with inline. What about transitions, states, etc?

The docs are also great and help you understand CSS. The docs may even be better than #mdn. Maybe not as comprehensive, but just as clear with good examples.

https://www.reddit.com/r/ProgrammerHumor/comments/15kjjep/cssinhtmlinjs/

#webdev #webdevelopment

vanilla, to CSS
@vanilla@social.spicyweb.dev avatar

Another good addition to the corpus of why is bad news for and is actually an indication of deeper concerns about our industry, by Jeff Sandberg:

https://thathtml.blog/2023/08/tailwind-death-of-craftsmanship/

bobiko, to webdev Polish

w koncu wrzucę release mojego self-projektu rowerowo-podróżniczego :) ... i bede musiał zmienić UI. z na coś znacznie lekkiego i łatwego w utrzymaniu.

davidbisset, to CSS
@davidbisset@phpc.social avatar

and the death of web craftsmanship

https://pdx.su/blog/2023-07-26-tailwind-and-the-death-of-craftsmanship/

"...it reduces your HTML to a gigantic pile of near-gibberish classes."

Still digesting, but i'm not a Tailwind user. I'm not violent against it but i've been working with CSS since it's invention.

stux, to random
@stux@mstdn.social avatar
manlycoffee, to CSS
@manlycoffee@techhub.social avatar

People who moved from the Emotion library to Tailwind CSS, what motivated you to move to it?

adam, to CSS
@adam@ruby.social avatar

Tailwind discovery of the day: Line Clamp.

When you have more text than you want to show, with an ellipsis, you can use line-clamp-{n} to automatically shorten the text to fit.

It's very satisfying to refactor an entire React component to use one CSS class. 😂

https://tailwindcss.com/docs/line-clamp

trovster, to CSS
@trovster@mastodon.social avatar

I came across an interesting interactive visual effect on a website and thought I'd try to recreate it with core – I've written up my solution and demo at https://www.trovster.com/blog/2023/07/hover-and-blur-effect-using-tailwind

schizanon, to webdev
@schizanon@mas.to avatar

I've decided to build one of my long-time pet-projects just to hone my skills a little.

I've been working on sites professionally for about 8 years so I think I should stick to that.

My most recent job was on a app that used so I think I'll use those too.

seems like a good place to host those things.

The idea is like Foursquare/Swarm, but on !

Wish me luck!

schizanon, (edited ) to webdev
@schizanon@mas.to avatar

Dear

Who are your favorite and who have stopped posting to Twitter? People who support and in the community on the instead of chasing engagement on a hate-site?

I want to them!!!

freekmurze, to CSS
@freekmurze@phpc.social avatar

🔗 Watch the keynote of Tailwind Connect 2023
https://freek.dev/2530-watch-the-keynote-of-tailwind-connect-2023

benx, to CSS
@benx@kolektiva.social avatar

I like Bootstrap, but I also find it funny that the purpose of CSS was to separate styling code away from semantic code (html), only for Bootstrap to shove all that back into the html again.

patrick_h_lauke,
@patrick_h_lauke@mastodon.social avatar

@benx now do :)

marina, to react
@marina@toot.community avatar

I started trying out and and am overwhelmed how fast I was able to design a website structure. 🤩 I think I will be on the other side of no/low-code.

schizanon, to webdev
@schizanon@mas.to avatar

Maybe it's just the algorithm but it's crazy how all the "influencers" who are still on Elon Musk's right-wing hate-site are talking about

That brainworm's dug in deep!

joshofalltrades, to CSS

I am genuinly interested. Can somebody please elaborate on why is so amazing to you?

To me it just looks like an ugly looking way to get around having to understand ... But I seem to be missing the point. Enlighten me plz? 🙏

sukima, to webdev
@sukima@twit.social avatar

I have to vent.

For good or for bad, makes my look like I shat my pants.

There, I said it. Deal with it.

carlton, to random
@carlton@fosstodon.org avatar

Quick note on Adding Custom Colour Aliases to Tailwind CSS, which is sort of — but not quite — like the examples they have in the docs.

https://noumenal.es/notes/tailwind/custom-color-aliases/

einenlum, to ai
@einenlum@fosstodon.org avatar

What are the best tools out there right now to quickly build a web interface (using ) given that I am bad with design?

has good ideas, but it's not the best medium to generate code.

khalidabuhakmeh, to random
@khalidabuhakmeh@mastodon.social avatar

Shout out to my favorite Belgian 🇧🇪, @maartenballiauw for fixing support in files when using .

You now get proper support for Tailwind classes that might not yet exist in your CSS files.

brad_frost, to random
@brad_frost@mastodon.social avatar

It's a good time to really double down on HTML, CSS, and JavaScript fundamentals.

sergio_101,
@sergio_101@mastodon.social avatar

@bersling @brad_frost this is all super true. I have used tailwind on a few projects to dial the interface in before a real designer cleaned it up, and it still did look passable.

is now part of , so that will get really interesting.

clement, to random
@clement@ck.villisek.fr avatar

I've been working on a huge re-make of my whole website!

Among the planned features: a full portfolio/résumé, a technical blog, PDF documentations about various IT domains... and all of that with internationalisation!

😉

Technical stack I'm using: Svelte+SvelteKit on the front-end, Directus and PostgreSQL running in Docker on Alpine Linux for the back-end.
I don't know yet what target I'll use for SvelteKit, maybe bun or deno if either of them works fine :)

clement,
@clement@ck.villisek.fr avatar

Another update.

It's taking more time than expected, working on so (too!) many stuff in parallel...

I made a few stress tests and asked friends with fast internet if things load quick (everything is a hassle to load for my poor broadband internet BUT my website loads quite fast anyway on it compared to most websites); and I can confirm I'll keep this tech stack: + / + API on . The SvelteKit part ran like a charm on a .

  • All
  • Subscribed
  • Moderated
  • Favorites
  • anitta
  • thenastyranch
  • rosin
  • GTA5RPClips
  • osvaldo12
  • love
  • Youngstown
  • slotface
  • khanakhh
  • everett
  • kavyap
  • mdbf
  • DreamBathrooms
  • ngwrru68w68
  • megavids
  • magazineikmin
  • InstantRegret
  • normalnudes
  • tacticalgear
  • cubers
  • ethstaker
  • modclub
  • cisconetworking
  • Durango
  • provamag3
  • tester
  • Leos
  • JUstTest
  • All magazines