UI ‘Isms’ Explained by Me Poking Buttons
Introduction This post started as a handful of bookmarks and turned into a tiny design museum I built in my browser at 1:47 am. I kept seeing words like glassm...
Introduction This post started as a handful of bookmarks and turned into a tiny design museum I built in my browser at 1:47 am. I kept seeing words like glassm...
What is a Design System? A design system is a comprehensive set of rules, components, and documentation that standardizes the look and feel of digital products...
Why hard‑coded Tailwind colors are a problem When using Tailwind you often place the color or background‑color directly on the element, e.g. bg-blue-500. This...
Introduction With AI‑generated UIs, component libraries, and design systems everywhere, a real question is starting to appear: Is learning CSS still worth it i...
Drift in CSS Design In Part 1, I argued that CSS architecture should shift from “rules to memorize and follow” to a “feedback system.” But what exactly does re...
BootCamp by Dr. Angela Display: Flex css / example / .container { display: flex; gap: 10px; } - When display: flex is applied, all child elements are laid out i...
CSS architecture has long been designed with the assumption that humans write the code. The naming conventions of BEM/SMACSS and the design philosophy of utilit...
!Cover image for Building a Fluid, Minimalist Portfoliohttps://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%...
Introduction Hi! I'm Ahmed Anter Elsayed, a passionate developer and educator in Python, AI, and web development. Live Portfolio Check out my live portfolio he...
Introduction: CSS Without Selectors Is Just Noise HTML gives your webpage structure. But here’s the uncomfortable truth most beginners don’t realize early enou...
Starting Out When I first dipped my toes into the world of tech, I had no idea where it would lead. I just knew I was curious—and that curiosity turned into a...