Build any web layout, with confidence. Checkout The Layout Maestro course. Learn more

UX Design, Web Design Engineering, and UX Audits.

A photo of Ahmad speaking at CSS Day Conference in Amsterdam, Netherlands.

I bridge the gap between design and development.

I'm Ahmad, a senior UX Designer and front-end engineer (AKA design engineer, or a designer who codes, etc) known for fast, creative problem-solving and solid CSS/layout systems.

I help teams ship modern, responsive, easy to use user interfaces with speed and clarity.

Book a call

I built a CSS course New

The Layout Maestro

Enroll now

Build any web layout, with confidence. A written course on how to think about CSS layouts, so you can build them from scratch or fix the ones AI gets wrong.

[画像:Overview 1] [画像:Overview 2] [画像:Overview 3] [画像:Overview 4] [画像:Overview 5] [画像:Overview 6] [画像:Overview 7] [画像:Overview 8] [画像:Overview 9] [画像:Overview 10] [画像:Overview 11] [画像:Overview 12]
[画像:Overview 13] [画像:Overview 14] [画像:Overview 15] [画像:Overview 16] [画像:Overview 17] [画像:Overview 18] [画像:Overview 19] [画像:Overview 20] [画像:Overview 21] [画像:Overview 22] [画像:Overview 23] [画像:Overview 24]

Work

I do design and build web and mobile experiences with a focus on the user needs.

Explore my work

Recent articles

View all articles

I wrote a book on

Debugging CSS

Buy my book

Debugging CSS isn’t only about adding an outline to all elements.

* {
outline: solid 1px red;
}

I wrote a book that will help you improve your debugging CSS skills and reduce the time you spend on bugs by showing proven methods and techniques.

[画像:Page 01] [画像:Page 02] [画像:Page 03] [画像:Page 04] [画像:Page 05] [画像:Page 06]
[画像:Page 07] [画像:Page 08] [画像:Page 09] [画像:Page 10] [画像:Page 11] [画像:Page 12]

I help the community with

Web contributions

Defensive CSS

It's a term I coined that is about writing future-proof CSS to reduce broken UIs.

RTL Styling 101

The most detailed guide on writing CSS for RTL layouts on the internet.

iShadeed Lab

A corner where I share my cutting-edge CSS experiments.

Headers CSS

The blueprint HTML and CSS for 17+ website headers.

Join my mailing list

Join over 3400+ subscribers to explore my thoughts and favorite links from around the web.

I will share content that:

  • Clear and explain the point without too much words.
  • Contains at least one figure or clear example.
  • Make you learn something new, or at least to remind you of it.

Rest assure that you will receive top notch quality content recommendations.

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /