Ahmad Shadeed

@ahmad_shadeed@robot.villas

Ahmad Shadeed's articles on CSS layouts, frontend development, responsive interfaces, accessibility, and design engineering.

Source: https://ishadeed.com/feed.xml

Homepage: https://ishadeed.com

Posts

100

Posts

Detect when elements overlap with CSS #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429463
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429463
Don't have an account? Find a server at joinmastodon.org
Sep 24, 2026
Better Icon and Label Alignment #WebDev #CSS #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429133
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429133
Don't have an account? Find a server at joinmastodon.org
Sep 15, 2026
Balancing flex items with flex-wrap: balance #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429824
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429824
Don't have an account? Find a server at joinmastodon.org
Aug 25, 2026
Rebuilding FIFA Standings Layout with CSS Subgrid #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429798
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429798
Don't have an account? Find a server at joinmastodon.org
Jul 19, 2026
Better fluid sizing with round() #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429651
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429651
Don't have an account? Find a server at joinmastodon.org
May 17, 2026
Use Cases for Field Sizing #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429788
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429788
Don't have an account? Find a server at joinmastodon.org
Oct 31, 2025
The Basics of Anchor Positioning #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429149
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429149
Don't have an account? Find a server at joinmastodon.org
Aug 28, 2025
Item Flow #CSS #Frontend #WebDev
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22430002
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22430002
Don't have an account? Find a server at joinmastodon.org
Apr 12, 2025
CSS Relative Colors #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429644
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429644
Don't have an account? Find a server at joinmastodon.org
Mar 9, 2025
Balancing Text In CSS #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429179
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429179
Don't have an account? Find a server at joinmastodon.org
Jan 5, 2025
Should masonry be part of CSS grid? #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429503
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429503
Don't have an account? Find a server at joinmastodon.org
Oct 30, 2024
CSS display contents #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429770
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429770
Don't have an account? Find a server at joinmastodon.org
Sep 5, 2024
CSS Grid Areas #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429487
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429487
Don't have an account? Find a server at joinmastodon.org
Jul 20, 2024
CSS Cap Unit #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429422
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429422
Don't have an account? Find a server at joinmastodon.org
Jun 5, 2024
An Interactive Guide to CSS Container Queries #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429437
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429437
Don't have an account? Find a server at joinmastodon.org
Apr 2, 2024
CSS :has() Interactive Guide #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429527
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429527
Don't have an account? Find a server at joinmastodon.org
Feb 24, 2024
CSS Nesting #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429607
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429607
Don't have an account? Find a server at joinmastodon.org
Nov 19, 2023
CSS Nesting UX in DevTools #CSS #WebDevelopment #DevTools
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429598
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429598
Don't have an account? Find a server at joinmastodon.org
Nov 19, 2023
Future CSS: State Container Queries #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429677
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429677
Don't have an account? Find a server at joinmastodon.org
Jun 22, 2023
Rebuilding a comment component with modern CSS #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429310
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429310
Don't have an account? Find a server at joinmastodon.org
Jun 13, 2023
Conditional CSS with :has and :nth-last-child #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429348
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429348
Don't have an account? Find a server at joinmastodon.org
May 16, 2023
CSS Text balancing with text-wrap:balance #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429688
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429688
Don't have an account? Find a server at joinmastodon.org
Apr 9, 2023
CSS Masking #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429556
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429556
Don't have an account? Find a server at joinmastodon.org
Mar 30, 2023
Do we need CSS flex-wrap detection? #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429838
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429838
Don't have an account? Find a server at joinmastodon.org
Feb 19, 2023
My CSS Wishlist #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429716
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429716
Don't have an account? Find a server at joinmastodon.org
Feb 9, 2023
Conditional CSS #CSS #Frontend #WebDev
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429357
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429357
Don't have an account? Find a server at joinmastodon.org
Jan 9, 2023
CSS Style Queries #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429446
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429446
Don't have an account? Find a server at joinmastodon.org
Dec 19, 2022
Inside the mind of a frontend developer: Article layout #Frontend #WebDev #CSS
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429968
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429968
Don't have an account? Find a server at joinmastodon.org
Dec 9, 2022
Inside the mind of a frontend developer: Hero section #Frontend #WebDev #CSS
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429977
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429977
Don't have an account? Find a server at joinmastodon.org
Nov 6, 2022
CSS container queries are finally here #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429366
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429366
Don't have an account? Find a server at joinmastodon.org
Aug 30, 2022
The CSS behind Figma #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429806
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429806
Don't have an account? Find a server at joinmastodon.org
Jul 12, 2022
First Look At The CSS object-view-box Property #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429616
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429616
Don't have an account? Find a server at joinmastodon.org
May 20, 2022
CSS :has Parent Selector #CSS #WebDevelopment #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429538
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429538
Don't have an account? Find a server at joinmastodon.org
Apr 13, 2022
Aligning Content In Different Wrappers #WebDevelopment #CSS #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429123
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429123
Don't have an account? Find a server at joinmastodon.org
Mar 14, 2022
Flexbox Dynamic Line Separator #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429866
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429866
Don't have an account? Find a server at joinmastodon.org
Feb 17, 2022
Hello, CSS Cascade Layers #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429273
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429273
Don't have an account? Find a server at joinmastodon.org
Feb 11, 2022
Building UI Components With SVG and CSS #WebDevelopment #CSS #SVG
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429207
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429207
Don't have an account? Find a server at joinmastodon.org
Jan 18, 2022
A Deep CSS Dive Into Radial And Conic Gradients #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429636
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429636
Don't have an account? Find a server at joinmastodon.org
Jan 10, 2022
Defensive CSS #CSS #WebDev #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429762
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429762
Don't have an account? Find a server at joinmastodon.org
Dec 7, 2021
Building Real-life Components: Facebook Messenger's Chat Bubble #WebDevelopment #CSS #Frontend
Boost from your server
Enter the server your account is on. The post opens there so you can boost it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429779
Don't have an account? Find a server at joinmastodon.org
Favorite from your server
Enter the server your account is on. The post opens there so you can favorite it.
Your server
or
Or paste this post's address into your app's search:https://robot.villas/users/ahmad_shadeed/posts/22429779
Don't have an account? Find a server at joinmastodon.org
Nov 3, 2021