I use Tailwind together with CSS. Not pure Tailwind. Not pure CSS. Pure Tailwind is ugly — but I couldn't go back to pure CSS either. So I spent months building a happy medium. Now I ship 5x faster and the code's actually nice to read! I call it Unorthodox Tailwind. More soon.

Tailwind utilities can be thought of as components. But there's really a difference between the two and it's helpful to know it. That's where @zellwk.bsky.social has an excellent way to distinguish the two. css-tricks.com/distinguishi...

Distinguishing "Components" and "Utilities" in Tailwind | CSS-Tricks

The distinction between "components" and "utilities" seems clear at first glance, but gets a little blurred when working with them in Tailwind.

css-tricks.com

Distinguishing “Components” and “Utilities” in Tailwind, by @zellwk.bsky.social (@csstricks@mastodon.social): https://css-tricks.com/distinguishing-components-and-utilities-in-tailwind/ #tailwind #terminology

Distinguishing "Components" and "Utilities" in Tailwind | CSS-Tricks

The distinction between "components" and "utilities" seems clear at first glance, but gets a little blurred when working with them in Tailwind.

css-tricks.com

Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks@mastodon.social): https://css-tricks.com/popover-api-or-dialog-api-which-to-choose/ #popovers #modals #apis #accessibility #javascript

For a long time, my email list stressed me out. Not because of writing emails. But because every month, the cost made me feel like I had to sell something. When the pressure disappeared, everything felt lighter. I did this by changing my email list provider.

I changed my email list provider a few months ago. Best decision I’ve made in a long time. $141/month → $8 last month. That single change removed a background anxiety I’d been carrying for years.

If you’re tired, overwhelmed, or just don’t feel like digging through CSS… Open the Computed tab and search the property directly. It’s like the Styles panel, but without the noise.

Restarting feels like picking through the ashes of your previous effort. You see everything you wish went differently. And you move anyway. That movement — that tiny, shaky step — is a major milestone towards your future success.

Love how @zellwk.bsky.social goes down a rabbit hole on CSS composition: 1. CSS is composable by nature. 2. You can do composition in HTML or in CSS. ...and ultimately: 3. Styles can be divided into four categories: layouts, typography, theming, and effects. css-tricks.com/composition-...

Composition in CSS | CSS-Tricks

CSS is a composable language by nature. This composition nature is already built into the cascade. We simply don't talk about composition as a Big Thing because it's the nature of the language.

css-tricks.com

Kids don’t listen to you until you can open your heart to them and with them. And they still won’t listen to you. But maybe they will allow you to accompany them to do what you want them to do. (Like Homework, for example).

Be present in this moment vs planning and working out the future. What to choose? Be present now as you work out the future.

A Primer on Focus Trapping, by @zellwk.bsky.social (@csstricks@mastodon.social): https://css-tricks.com/a-primer-on-focus-trapping/ #introductions #focus #keyboardnavigation #javascript #accessibility

A Primer on Focus Trapping | CSS-Tricks

Focus trapping is about managing focus within an element, such that focus always stays within it. The whole process sounds simple in theory, but it can quite difficult to build in practice, mostly because of the numerous parts to you got to manage.

css-tricks.com

What is dead may never die What is alive may die anytime A human’s heart keeps thumping to keep him alive. What’s the thumping heart that keeps your dreams alive?

The unfortunate part about setting goals is the erosion of trust in yourself if you don’t fulfill those goals. Incredible slippery slope. Be careful what you wish for. But be bold to ask for what you truly want. Paradoxical. But not.

This was one of the things I’ve been super excited about lately 2024. Finally got to blogging and releasing the details behind building this cool stuff.

Frontend Dogma@frontenddogma.com · last yr.

Making a Masonry Layout That Works Today, by @zellwk.bsky.social (@csstricks@mastodon.social): https://css-tricks.com/making-a-masonry-layout-that-works-today/ #css #layout #masonry

One of the hardest parts about entrepreneurship is learning to keep expenses low. It’s easy to succumb to the possibility and hype that something will work out — and overspend. But what if it doesn’t work out? True story that took a pretty difficult fall to learn.

TIL that honeypot fields still work today — no need for recaptcha or other annoying solutions that users don’t really like. Blog post about this coming soon.

I'm also quite misaligned with almost every tool out there that states yearly payment in monthly terms.

Zell Liew@zellwk.bsky.social · last yr.

I'm actually quite sick of Adobe's pricing methods. I only needed Photoshop and Lightroom for a month. I saw they have a discounted plan and I jumped on it... only to discover later that I gotta "pay up the difference" for the "yearly plan" (that was stated in monthly payments).

I'm actually quite sick of Adobe's pricing methods. I only needed Photoshop and Lightroom for a month. I saw they have a discounted plan and I jumped on it... only to discover later that I gotta "pay up the difference" for the "yearly plan" (that was stated in monthly payments).

I realize I soak up on people’s energy quite unconsciously as I read thru stuff. Letting myself know that it’s okay to let go of all of those energies — and that I don’t have to do anything about them — allows me to lighten and unload.

Finally just gonna be brave and release this openly: splendidlabz.com/solutions/la...

Just wanna have a place to sulk 😦 Family got caught up in a scam case, losing 80k in the process. This is related to a corporate account, so I am hoping the amount hasn't actually been cleared yet... Need some prayers. Thanks.

@cssweekly.com Zoran, here's the article where I talk about how I use CSS Cascade Layers in the real world. (One aspect of it at least). It's been many months away from your original question, so it might have been late. But hope this helps you somewhat. css-tricks.com/using-css-ca...

Using CSS Cascade Layers With Tailwind Utilities | CSS-Tricks

Being the bad boy I am, I don't take Tailwind's default approach to cascade layers as the "best" one. Over a year experimenting with Tailwind and vanilla CSS, I've come across what I believe is a bett...

css-tricks.com

Finally got multi-turn chat working with Astro + Svelte + Turso (for DB). Streaming is a new challenge that I have just sorta conquered!

Personal blogs and even social media seems to gain some form of traction if the person can be known for one thing — this statement seems to be an illusion.

Creating a proper LLM Chat Interface is a pretty involved process — not easy. It's been two days and I'm still struggling to figure things out.

One thing to remember — AI information is often outdated. So take that with a pinch of salt if you're in a fast-moving industry like what we're in. For stable things, they might be accurate. But still, check to be sure. Cos you wanna ensure you don't take in hallucinations unknowingly.

Of all the possible things that I can do, it feels really difficult to box myself in publicly and say “I’m a X”. At the same time, that’s what most people are able or willing to accept, given the small amount of attention each one of us can now give to others

Hm. Am I the only person who finds LangGraph extremely extremely extremely confusing? 🤔. I'm not sure what I'm not getting here.

Playing around with Claude Code now, I can begin to see that future App Creation Scaffolds can easily be done via LLMs. That would be an interesting way to begin new projects instead of copy-pasting from old projects.