Toots for shadeed9@front-end.social account

Written by Ahmad Shadeed on 2025-01-23 at 08:30

📹 Thinking about revisiting an old idea: creating short videos/demo explorations about CSS and sharing them on YouTube. I gave it a shot a few years ago but didn't move on.

What do you think? Should I try again? 😊

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-18 at 07:26

I look forward to the day when style queries are supported in Firefox. 🙏

https://bugzilla.mozilla.org/show_bug.cgi?id=1795622

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-16 at 19:40

If I end up getting coffee from there, it’ll be my second time buying beans from Germany. Kudos to more friends bringing them back home for me.

Maybe it’s a sign I should speak at a conference there someday! 😄

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-16 at 19:39

Hello 👋

Is anyone here in Stuttgart 🇩🇪, or does anyone know someone there who can recommend a good speciality coffee roaster? ☕

Thanks!

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-09 at 07:31

This is an excellent overview of the front-end features to watch out for this year.

https://www.smashingmagazine.com/2024/12/new-front-end-features-for-designers-in-2025/

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-07 at 11:58

An effect that is possible today in a browser near you (Chrome & Safari). No negative margins or hacks needed.

text-box: trim-both cap alphabetic;

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-07 at 07:52

💡 I wish that we have text-wrap-ratio instead of the pretty value.

Learn more in recent interactive article: https://ishadeed.com/article/balancing-text-css/#an-idea-text-wrap-ratio

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-06 at 14:15

Just pushed an update that should make it better for mobile. Those are kind of changes that If I keep them before publishing the article, my OCD won't let me publish it till next year. 😅

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-05 at 18:43

🛠️ New Interactive Article: Balancing Text In CSS

I explored text balancing in CSS — what it is, the problems it solves, how it works, and included plenty of examples and use cases. Happy balancing! ⚖️

https://ishadeed.com/article/balancing-text-css/

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2025-01-02 at 09:58

Really looking forward to sharing the next interactive blog post with you! I first wrote about the topic around two years ago.

The most important thing is that I'm having fun working on the demos and take a break whenever I'm out of ideas. 🤩

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-27 at 07:54

I love discovering new use cases for CSS min() and max()! 😍 This time, they helped me solve a problem in a demo I’m working on for a new article.

It’s a win-win—I solved a problem and came up with a new article idea! 😬🥳

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-23 at 17:48

Yet another use case to include masonry as part of CSS grid. 😀

A dashboard with sections that have a dynamic height based on its content.

I wrote a few thoughts on masonry a while ago:

https://ishadeed.com/article/css-grid-masonry/

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-22 at 08:04

I just wrote this in CSS:

margin-top: 1px solid #fff;

I wanted to add a 1px divider between two elements. My first thought was to use a border, then a margin. Somehow, I ended up mixing both and spent 10 seconds wondering why it wasn’t working. 😅

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-17 at 08:37

I just spotted the new CSS logo in Visual Studio Code. Nice 😍

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-13 at 08:07

As some of you might know, I wrote https://rtlstyling.com/posts/rtl-styling a few years ago.

I’m now looking for companies or businesses that have used it to write CSS for RTL, so I can feature them in the ‘Used By’ section on the site.

If you know of any, I’d be grateful for your help!

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-12 at 13:34

To add more context, I'm aware that the debate is still and the CSS working group didn't agree (yet) on a syntax, so that's why I was surprised to see them in Chrome stable.

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-12 at 13:32

As seen in Chrome stable, hmm 🤔

Is there a prototype for display: masonry in Chromium?

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-11 at 17:00

In case you missed it, I published a new interactive article about building a feature image with modern CSS.

https://ishadeed.com/article/modern-css-feature-image/

https://front-end.social/@shadeed9/113630534578746993

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-12-10 at 20:59

✍️ Solved By Modern CSS: Feature Image

In my latest website design, I needed to use a feature image. Learn how I used container queries, clamp(), and :has() to build the responsive component.

🔗 Read it here: https://ishadeed.com/article/modern-css-feature-image/

=> View attached media

=> More informations about this toot | View the thread

Written by Ahmad Shadeed on 2024-11-24 at 15:58

New Price Alert! 🚨

I’ve dropped the price of my book from $39 to just $19.99 to make it accessible to a wider audience!

Level up your CSS debugging skills: https://debuggingcss.com

=> View attached media

=> More informations about this toot | View the thread

=> This profile with reblog | Go to shadeed9@front-end.social account