Articles & Blogs

Garden Eight · Studio/Agency Spotlight – Codrops · Inside Garden Eight's approach to creating websites that are not only visually striking, but thoughtfully crafted to ...

Célia Lopez · case study – Codrops · Go behind the scenes of Cerebrium to explore the design, 3D, and WebGL techniques that turned complex AI infrastructu...

Brad Frost · My website has been my online home and primary means of expression for my entire adult life. Which is why it's a big ...

WP Engine · WP Engine® · JavaScript is the undisputed programming language engine of the modern web. It transforms static pages into highly in...

Laura Busche · Creative Market Blog · Meet Water Lily (B2A8EB), our new Color of the Season. Water Lily captures the gentle sway of periwinkle petals at ov...

Awwwards - Blog · The briefThe iyO One is the world's first audio computer: voice-first, screen-free, and worn in the ear. It's the pre...

Brad Frost

Erin Myers · WP Engine® · You’ve probably noticed that a lot of the websites you visit “remember” things about you. The information they store ...

Dash · case study – Codrops · How a simple branding concept shaped the interaction design, animation, and WebGL implementation of the Dash Creative...

hello@smashingmagazine.com (Durgesh Pawar) · Articles on Smashing Magazine — For Web Designers And Developers · React Server Components don’t send HTML to your browser. They don’t send JSON either. When a server component renders...

Mojtaba Seyedi · Articles – CSS-Tricks · The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction i...

Webdesigner Depot · Web Designer Depot · The designer-developer handoff is officially dead—and AI just pulled the trigger. Instead of wasting weeks translatin...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · We’re Unseen Studio, an independent creative studio specialising in brand, digital and motion.

Robin Rendle · There’s a line from Rutherford Craze’s [latest note]() that hit me like a piano tumbling out of a six story building:

Dribbble Courtside · Courtside · If you work in design, run a creative agency, or are trying to land clients with real ad budgets, this is the cleares...

Codrops — Case Studies · case study – Codrops · You arrive on the site and it’s locked. There’s no enter button, only a prompt to draw a zero. As soon as the circle ...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · We’ve all heard of the sacred rule in modern web development, the rule never to be broken. The rule of “Never block t...

Creative Market Blog · We are collectively building a very particular kind of image across branding, packaging and social design at the mome...

Jeremy Keith (Adactio) · Adactio: Journal · At [The Web You Want]() event in Amsterdam last month, Léonie gave an absolutely fantastic talk. You can now read the...

CSS-Tricks — Articles · Articles – CSS-Tricks · The pointer-events property controls whether an element can become the target of pointer events like clicks, hover st...

CSS-Tricks — Articles · Articles – CSS-Tricks · Read all about boundary-aware CSS, accessible grid lanes, time-based web designs, full-bleed, the customizable select...

Codrops — Case Studies · case study – Codrops · Trionn was built as an exploration of how far a studio website could be pushed when animation, WebGL, and interaction...

WP Engine Blog · WP Engine® · Modern WordPress®[1]() development requires speed and reliability. Whether you’re an agency pro or a freelancer, you ...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · Many companies silently assume that everybody wants more AI in their lives. That people are craving new AI features ,...

Awwwards Blog · Awwwards - Blog · ![La Revoltosa: Rebooting a 70-Year-Old Spanish Soda Brand for the Scroll Generation](https://www.awwwards.com/awards...

Webdesigner Depot · Web Designer Depot · Facebook didn’t get worse overnight—it optimized itself into confusion. What started as the clearest social experienc...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · We are makemepulse, a creative and technology company founded in 2008, based in Paris and operating globally. We crea...

Ethan Marcotte · My journal — Ethan Marcotte’s website · While I was working on [my latest redesign](), I added a [statement explaining how “artificial intelligence” is used ...

Robin Rendle · Last week I picked up the [EP-1320 Medieval]() and I’ve been tinkering with it all weekend. Besides it’s buck-wild lo...

Codrops — Case Studies · case study – Codrops · Building for a challenge like this means working in your own time, for free, and against a tight deadline. That natur...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · When a branding project fails, it usually happens long before the logo stage: in the strategy phase, when words like ...

Awwwards Blog · Awwwards - Blog · 

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · Mental health applications keep facing a continuing, measurable crisis: many people stop using them quickly. The data...

Jeremy Keith (Adactio) · Adactio: Journal · In preparation for [my jaunt to a Greek island](), I figured it would be good to have some Greek-adjacent reading mat...

Jeremy Keith (Adactio) · Adactio: Journal · Exactly one year from now, [UX London 2027]() will be wrapping up.

Jeremy Keith (Adactio) · Adactio: Journal · “Radharc álainn” I said. Beautiful view.

Codrops — Case Studies · case study – Codrops · Ten years is a strange thing to hold. You’ve been going, head down, client after client, deadline after deadline, and...

Awwwards Blog · Awwwards - Blog · ![Designing for an Identity That “ShapeShifts”](https://www.awwwards.com/awards/images/2026/07/69e5f4cf15e99855199696...

CSS-Tricks — Articles · Articles – CSS-Tricks · So, we recently got the new [shape()]() function (now Baseline!) as well as the [corner-shape]() property. What else ...

Dribbble Courtside · Courtside · If you’ve been anywhere near the design internet in the last year, you know the cycle. Someone posts an AI-generated ...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · This article is a sponsored by [Kirki]()

Josh Comeau · Josh Comeau's blog · For decades, one of the most notoriously-challenging problems on the web has been sticking one element to another ele...

Webdesigner Depot · Web Designer Depot · AI promised to turn every developer into a 10x machine—but instead, it’s quietly frying our brains. We’re shipping fa...

Ethan Marcotte · My journal — Ethan Marcotte’s website · It’s been, like, hot -hot for the last week, with Boston seized by the same heat wave affecting…well, everywhere else...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · We often hear about shiny new tools that change everything (yet again). But in practice, most people don’t need more ...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · The design community has entered a period of conversational tunnel vision. Because Large Language Models (LLMs) are t...

Brad Frost · [Poetic CSS]()

Jeremy Keith (Adactio) · Adactio: Journal · The Vaster Wilds is a remarkable book. It somehow manages to be both harrowing and uplifting at the same time.

Webdesigner Depot · Web Designer Depot · Everyone can spin up a website in seconds now—so why does everything feel fake? In a world drowning in AI-generated p...

Codrops — Case Studies · case study – Codrops · When designing a website around a person rather than a product, the challenge goes beyond visuals. The experience has...

Awwwards Blog · Awwwards - Blog · 

Jeremy Keith (Adactio) · Adactio: Journal · It started in Dublin. Myself and [Jessica]() got there in the afternoon and I went straight to [The Cobblestone]() in...

A List Apart · A List Apart: The Full Feed · Every language app in your pocket inherited a teaching method built for Latin. Understanding why that happened is a m...

CSS-Tricks — Articles · Articles – CSS-Tricks · I know you’re busy, so for What’s !important 14 , I’ll be sprinting through what’s been a stacked couple of weeks des...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · This article is a sponsored by [Level Access]()

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · The scent of rain after a hot day, watching the moon rise on a summer night’s sky, or going for a swim in a nearby la...

CSS-Tricks — Articles · Articles – CSS-Tricks · CSS is listening to us. [No, not like that](). Rather, CSS is accumulating more and more pseudo-classes to help us re...

Codrops — Case Studies · case study – Codrops · In collaboration with [Bisous Production](https://bisous-production.com/), we reimagined their digital presence throu...

Dribbble Courtside · Courtside · Strong branding today carries far more weight than a single mark or color palette. Modern teams build identity system...

Dribbble Courtside · Courtside · Strong digital work now depends on more than clean visuals or functional code. The best agencies integrate product st...

Dribbble Courtside · Courtside · Every year, a handful of studios pull ahead because their work moves the needle for the clients they take on. This li...

Codrops — Case Studies · case study – Codrops · Every edition has high ambitions for injecting new & impressive techniques into rendering content on the web. Spring ...

CSS-Tricks — Articles · Articles – CSS-Tricks · The CSS translateZ() function adds depth to an element, drawing it closer or farther in space. In other words, it shi...

CSS-Tricks — Articles · Articles – CSS-Tricks · The CSS translateY() function shifts an element vertically by the specified amount. Specifically, it shifts an elemen...

CSS-Tricks — Articles · Articles – CSS-Tricks · The CSS translateX() function shifts an element horizontally by the specified amount. Specifically, it displaces an e...

CSS-Tricks — Articles · Articles – CSS-Tricks · The CSS translate() function shifts an element from its default position on a two-dimensional plane. This way, we can...

Codrops — Designer Spotlight · Designer Spotlight – Codrops · Hi, I’m Kevin Lam, also known as [urfd](https://urfd.net/) online, short for Ur Friend. I was born in Hong Kong and I...

Ethan Marcotte · My journal — Ethan Marcotte’s website · Two weeks ago, I quietly pushed up a new look for this website. Some redesigns happen over a year or two; others happ...

WP Engine Blog · WP Engine® · For much of its history, WordPress[®[1]]() has been the definitive open-source CMS for publishers seeking an intuitiv...

Codrops — Case Studies · case study – Codrops · Their work captures what happens around performance: the silence, the effort, the environment, the human presence.

Dribbble Courtside · Courtside · Dribbble exists to help service providers generate and convert leads. The purpose of everything we do – every feature...

Webdesigner Depot · Web Designer Depot · As AI agents quietly take over workflows, a new discipline is emerging: AX (Agentic Experience) Design. The designers...

Creative Market Blog · Two visual worlds that have (understandably) rarely sat together are quietly fusing inside the current design environ...

CSS-Tricks — Articles · Articles – CSS-Tricks · Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had t...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · DashDigital is a Cape Town-based digital design studio. We work across strategy, branding, digital design, and techno...

Robin Rendle · This is the sort of book I usually hate. By law books about writing are so desperate to explain the world to me that ...

CSS-Tricks — Articles · Articles – CSS-Tricks · Chrome has shipped scroll-triggered animations, and is the first browser to do so. If you update to [Chrome 146](), y...

Jeremy Keith (Adactio) · Adactio: Journal · This is a collection of short stories by one of Ireland’s best playwrights.

CSS-Tricks — Articles · Articles – CSS-Tricks · I need you all to promise me you’ll be cool about this. I‘m here to tell you about an upcoming web platform feature t...

Codrops — Developer Spotlight · Developer Spotlight – Codrops · I’m Cyd, a freelance creative developer, tech speaker and part-time teacher based in Amsterdam, the Netherlands. I bu...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · In 2024, an Air Canada customer asked a chatbot about bereavement fares. The bot confidently gave him a refund policy...

Jeremy Keith (Adactio) · Adactio: Journal · [CSS Grid Lanes]() has started to ship in browsers. It’s in Safari and behind a flag in Chrome and Edge.

Codrops — Case Studies · case study – Codrops · Healthcare websites often try to solve every question at once. They explain treatments, list services, describe proce...

CSS-Tricks — Articles · Articles – CSS-Tricks · CSS functions, the alpha() function, Grid Lanes, some things about that you might not know, CSS Wordle, and more — th...

Webdesigner Depot · Web Designer Depot · The industry isn't dying—it’s undergoing a high-speed "Hard Reset" that is promoting developers from manual laborers ...

Jeremy Keith (Adactio) · Adactio: Journal · I’m giving a talk this week.

Ethan Marcotte · My journal — Ethan Marcotte’s website · Let’s review.

Robin Rendle · This morning was a total stinker. I woke up with a dull headache, teeth grinding, fists clenched. Sometimes my body b...

Jeremy Keith (Adactio) · Adactio: Journal · I give Apple a hard time. That’s mostly due to how they treat the web on their own mobile devices.

Jeremy Keith (Adactio) · Adactio: Journal · [Sarah Canary]() is an odd book, in the best possible way.

CSS-Tricks — Articles · Articles – CSS-Tricks · If you have played around with view transition a bunch, you may have noticed that 3D transitions between two pages (i...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · For decades, science fiction has cushioned us with the idea that the “android revolution” was a distant fantasy. But ...

WP Engine Blog · WP Engine® · In our previous deep-dives into RAG (Retrieval-Augmented Generation), we solved the problem of fragmented data by con...

Codrops — Case Studies · case study – Codrops · I can’t model 3D. That pretty much explains this entire project.

CSS-Tricks — Articles · Articles – CSS-Tricks · I love the fact that CSS is finally reclaiming control over visual interactions, taking charge of the styling, the an...

Webdesigner Depot · Web Designer Depot · We are entering the era of "Vibe Coding," where AI generates the average of everything we’ve ever built, leaving the ...

Codrops — Case Studies · case study – Codrops · Horeca started as a simple landing page, but quickly evolved into something far more ambitious. Text that scales up t...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · In the summer of 2024, I became co-chair of a working group of expert researchers who came together to determine how ...

Codrops — Case Studies · case study – Codrops · Stamps are miniature art pieces that tell stories; they showcase places, people, and moments through the meticulous a...

Brad Frost · Fantastic.

Jeremy Keith (Adactio) · Adactio: Journal · I’m heading to Amsterdam for [CSS Day](). It’s one of those events I try my best to get to every single year. I have ...

CSS-Tricks — Articles · Articles – CSS-Tricks · I’ve said one and meant another, and I’ve used one when I needed another. Please bear with me as I note the high-leve...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · Our work spans brand platforms, e-commerce, and experimental websites. Some projects are expressive and narrative-dri...

Codrops — Case Studies · case study – Codrops · Lesse Studio was founded five years ago in Bali. Back then, we were a small team figuring things out as we went, deli...

CSS-Tricks — Articles · Articles – CSS-Tricks · Recently, [Juan Diego Rodríguez published an excellent article]() exploring how far CSS can be pushed to build a sema...

CSS-Tricks — Articles · Articles – CSS-Tricks · The offset-path property in CSS defines a movement path for an element to follow during animation.

WP Engine Blog · WP Engine® · WP Engine is powered by individuals who bring unique perspectives and dedication to their teams every day, and each t...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · Yesterday I stumbled upon a [useful practical guide]() by Hardik Pandya from Atlassian — on how to reduce drifts , mi...

Codrops — Developer Spotlight · Developer Spotlight – Codrops · I’m Houmahani Kane, a Creative Developer based in Paris.

Awwwards Blog · Awwwards - Blog · 

Jeremy Keith (Adactio) · Adactio: Journal · [The Session]() existed in a very basic form since the late 1990s. It was just me posting a different tune every week.

Webdesigner Depot · Web Designer Depot · The F-pattern is officially dead: in 2026, users don’t just read your page—they "sift" it through AI overlays and int...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · Beaucoup is a global creative & technology studio founded in 2021 and based in Lyon, France, working internationally ...

Robin Rendle · I have a terrible admission to make and you may never forgive me. It’s taken far too long, so please don’t be mean ab...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · Everyone has a creative spark in them. Some bring their ideas to life with digital tools, others capture the perfect ...

Codrops — Comfort Websites · Comfort Websites – Codrops · This article introduces the concept of comfort websites: personalized digital spaces designed to support emotional gr...

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · The [HTTP Archive Web Almanac]() has been tracking color contrast failures for years. The numbers have barely moved. ...

Codrops — Developer Spotlight · Developer Spotlight – Codrops · Yo! ✌️ I’m Adrien, a Creative Developer originally from the South of France and now based in Montreal, Canada. Since ...

Josh Comeau · Josh Comeau's blog · There are a bunch of JavaScript animation libraries out there, and you might have wondered whether there’s a performa...

Webdesigner Depot · Web Designer Depot · The era of the "ghost button" was a massive mistake that prioritized minimalist purity over actual usability, effecti...

Robin Rendle · [Huh]():

Robin Rendle

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · This article is a sponsored by [ProtoPie]()

Smashing Magazine · Articles on Smashing Magazine — For Web Designers And Developers · Many companies think they know fairly well what their users want and need, and how they make their decisions. Yet mos...

WP Engine Blog · WP Engine® · The foundation of digital growth was a predictable cycle for decades. Search engines crawled a page, indexed the cont...

hello@smashingmagazine.com (Durgesh Pawar) · Articles on Smashing Magazine — For Web Designers And Developers · You know that thing where you have a grid of cards, and you want them to fade in one after another? That staggered ca...

WP Engine Blog · WP Engine® · I’ve been designing and building on WordPress[®[1]]() since 2006. In those two decades, I’ve watched it evolve from a...

Webdesigner Depot · Web Designer Depot · WordPress didn’t kill web design—it exposed how much of it was never that valuable to begin with. Now that anyone can...

Creative Market Blog · Some of the most interesting brands right now look like they were sketched in the margins of a notebook rather than b...

Brad Frost · [Our course]() now has over 16 hours of videos , which includes course lessons, community jam sessions, and other dem...

WP Engine Blog · WP Engine® · Planning to move a site from one host to another can be a stressful endeavor for developers and technical decision-ma...

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · Merlin is a Code Boutique from Amsterdam, founded in 2018 to prove what’s possible. We help ambitious brands and crea...

Brad Frost · I want to talk about this moment in time, this AI era, through the lens of grief. [Grief]() is a powerful response to...

hello@smashingmagazine.com (Carrie Webster) · Articles on Smashing Magazine — For Web Designers And Developers · In the high-stakes economy of today, the cost of a friction-heavy interface is no longer just “lost clicks”, but pote...

hello@smashingmagazine.com (Victor Yocco) · Articles on Smashing Magazine — For Web Designers And Developers · In the first part of this series, we talked about the Decision Node Audit. We mapped out the internal workings of our...

Creative Market Blog · This season, we’re celebrating slow mornings, open fields, and that gentle, creative flow you experience by simply (a...

Robin Rendle

Brad Frost

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · Le:mma Studio is an independent creative studio based between Serbia and a global network of collaborators, working a...

Alex Harper · Web Designer Depot · From a clunky grey box on a 1995 dial-up screen to the invisible, AI-driven "zero-click" purchases of 2026, the "Buy"...

Robin Rendle

Brad Frost

Simon Sterne · Web Designer Depot · Stop optimizing your life for five minutes and embrace the glorious chaos of the "useless" web, where high-level codi...

hello@smashingmagazine.com (Durgesh Pawar) · Articles on Smashing Magazine — For Web Designers And Developers · Last October, I was sitting in a hotel room in Lisbon, the night before I was supposed to demo a project management t...

Awwwards Blog · Awwwards - Blog · 

hello@smashingmagazine.com (Kyrylo Levashov) · Articles on Smashing Magazine — For Web Designers And Developers · This article is a sponsored by MacPaw

Codrops — Studio Spotlight · Studio/Agency Spotlight – Codrops · We are [Akaru](https://akaru.fr/), a digital studio based in Lyon, and we are part of those who choose intention over...

hello@smashingmagazine.com (Joas Pambou) · Articles on Smashing Magazine — For Web Designers And Developers · More interfaces now render while the response is still being generated. The UI begins in one state, then updates as m...

WDD Staff · Web Designer Depot · Discover the top design tools and resources for 2026. Build faster with AI-powered workflows, flexible WordPress them...

hello@smashingmagazine.com (Cosima Mielke) · Articles on Smashing Magazine — For Web Designers And Developers · May has a way of sneaking in with longer days, softer light, and that first real hint of summer in the air. It’s the ...

Codrops — Designer Spotlight · Designer Spotlight – Codrops · I am Sofia, Digital Art & Creative Director with 18 years of experience and a strong foundation in visual design and ...

Awwwards Blog · Awwwards - Blog · 

Dribbble Courtside · Courtside · There’s a moment every freelance designer knows well. You post a project you’re proud of, it gains traction, and sudd...

Josh Comeau · Josh Comeau's blog · The new Animation Timeline API allows us to create dynamic scroll animations without any JavaScript! It’s honestly a ...

Rhumb Studio · Studio/Agency Spotlight – Codrops · A two-person studio working between Bristol and Paris, redefining web design by crafting immersive, spatial experienc...

hello@smashingmagazine.com (Casey Hudetz and Eric Olive) · Articles on Smashing Magazine — For Web Designers And Developers · Through many discussions with industry colleagues, we’ve started hearing a phrase more often when swapping stories ab...

Robin Rendle

A List Apart · A List Apart: The Full Feed · I want to discuss [accessibility]() because it is the most important thing for making websites. Other [A List Apart a...

Brad Frost

Awwwards Blog · Awwwards - Blog · 

hello@smashingmagazine.com (Carrie Webster) · Articles on Smashing Magazine — For Web Designers And Developers · In early 2026, I noticed that the UX designer’s toolkit seemed to shift overnight. The industry standard “Should desi...

Simon Sterne · Web Designer Depot · Most AI comparisons miss the point—because the real differences only show up when you use them for actual work. After...

Ethan Marcotte · My journal — Ethan Marcotte’s website · I’m giving a talk at [next week’s Boston WordPress meetup]()! If you’re around on Monday night — that’s 27 April 2026...

hello@smashingmagazine.com (Eleanor Hecks) · Articles on Smashing Magazine — For Web Designers And Developers · For web professionals, session management is a balancing act between user experience, cybersecurity, and resource usa...

Brad Frost · AI should facilitate human creativity, not replace it.

Codrops — Developer Spotlight · Developer Spotlight – Codrops · Bonjour! 👋 My name is [Corentin Bernadou](https://corentinbernadou.com/), a French freelance developer obsessed with...

Alex Harper · Web Designer Depot · Most local businesses are quietly bleeding customers on Google Maps—and junior designers are turning that into easy c...

Awwwards Blog · Awwwards - Blog · 

Dribbble Courtside · Courtside · More designers are owning web projects from concept to launch with tools like Framer. And if you’re one of them, this...

Simon Sterne · Web Designer Depot · Logos in 2026 aren’t designed to look good—they’re designed to survive. In a world of AI-generated sameness, shrinkin...

Josh Comeau · Josh Comeau's blog · Have you ever heard of Disney’s 12 Basic Principles of Animation? In this tutorial, we’ll explore how we can use the ...

Brad Frost

hello@smashingmagazine.com (Vitaly Friedman) · Articles on Smashing Magazine — For Web Designers And Developers · Imagine that you need to improve the UX of a legacy system. A system that has been silently working in the background...

Creative Market Blog · Our visuals are currently overwhelmingly defined by an almost uncanny clarity with hyper-defined detail; so what we a...

Chanh M. Ho · Developer Spotlight – Codrops · How one direct message opened the door to my first SOTD and shaped my journey as a creative developer.

Alex Harper · Web Designer Depot · Forget prompting—the future of design is a "disappearing act" where your interface melts and morphs based on your int...

Awwwards - Blog · A Brand activation that speaks to the soulUntamed Heroine is a poetic tribute to resilience, identity, and the beauty...

Brad Frost

Dribbble Courtside · Courtside · Last week, we introduced [Outbound Proposals](https://dribbble.com/proposals), enabling service providers to transact...

hello@smashingmagazine.com (Victor Yocco) · Articles on Smashing Magazine — For Web Designers And Developers · Designing for autonomous agents presents a unique frustration. We hand a complex task to an AI, it vanishes for 30 se...

Alex Harper · Web Designer Depot · The web isn’t dead—it’s just weird, and that’s a good thing. Experimental websites, from playful portfolios to surrea...

Brad Frost

Edoardo Lunardi · Developer Spotlight – Codrops · How obsessing over craft, code quality, and the details nobody notices shaped a decade of creative frontend work.

Awwwards - Blog · IntroductionWith 100 Lost Species, we set out to create a digital story about extinction that people could actively e...

hello@smashingmagazine.com (Vitaly Friedman) · Articles on Smashing Magazine — For Web Designers And Developers · We often see design principles as rigid guidelines that dictate design decisions. But actually, they are an incredibl...

hello@smashingmagazine.com (Cosima Mielke) · Articles on Smashing Magazine — For Web Designers And Developers · Starting the new month with a little inspiration boost — that’s the idea behind our monthly wallpapers series which h...

Robin Rendle

hello@smashingmagazine.com (Carrie Webster) · Articles on Smashing Magazine — For Web Designers And Developers · In the early days of the web, the search bar was a luxury, added to a site once it became “too big” to navigate by cl...

Brad Frost · You're on tour, and here are the tour stops:

Brad Frost

Creative Market Blog · You know that feeling: you’re three hours into a project, the layout is coming together, and then you hit the font se...

Codrops — Designer Spotlight · Designer Spotlight – Codrops · Heya! I’m María Vargas, an Argentinian UI designer based in Madrid, Spain. Web UI and digital experiences were part o...

Awwwards - Blog · IntroductionThe UNESCO Virtual Museum of Stolen Cultural Objects was created to make absence visible. Each stolen art...

hello@smashingmagazine.com (Ruben Ferreira Duarte) · Articles on Smashing Magazine — For Web Designers And Developers · Building a true culture of digital accessibility in a company is a mission of resilience and perseverance. It’s not d...

Brad Frost

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Robin Rendle

hello@smashingmagazine.com (Vitaly Friedman) · Articles on Smashing Magazine — For Web Designers And Developers · You probably have been there before. How do we choose between showing a modal to users, and when do we navigate them ...

Codrops — Designer Spotlight · Designer Spotlight – Codrops · Hi, I’m Eva, a multidisciplinary designer with a background in code and a deep interest in the emotional side of digi...

Awwwards - Blog · A case study on how we helped a startup develop a professional platform and attract attention to it. A promotional we...

Brad Frost

hello@smashingmagazine.com (Alan Cohen) · Articles on Smashing Magazine — For Web Designers And Developers · Design isn’t only pixels and patterns. It’s pacing and feelings, too. Some products feel cinematic as they guide us t...

Dribbble Courtside · Courtside · Women’s sports are no longer a “growth opportunity.” They’re a movement.

Brad Frost · Elliot is back with a new typography book! [Elliot Jay Stocks]()

Robin Rendle

Creative Market Blog · In moments of political instability and intense cultural fragmentation, there is often an instinct to return; not to ...

hello@smashingmagazine.com (Joe Attardi) · Articles on Smashing Magazine — For Web Designers And Developers · Almost any kind of application written in JavaScript works with times or dates in some capacity. In the beginning, th...

Codrops — Designer Spotlight · Designer Spotlight – Codrops · Hey, I’m Huy and it’s an incredible honor to be featured here on Codrops! I run [MONOLOG](http://bymonolog.com/), a d...

hello@smashingmagazine.com (Brecht De Ruyte) · Articles on Smashing Magazine — For Web Designers And Developers · When I first started building websites, rounded corners required five background images, one for each corner, one for...

Awwwards - Blog · In 2019, I launched my first portfolio. It was a simple world built with Three.js, where visitors could drive around ...

hello@smashingmagazine.com (Sunil Sandhu) · Articles on Smashing Magazine — For Web Designers And Developers · This article is a sponsored by SurveyJS

hello@smashingmagazine.com (Anders Toxboe) · Articles on Smashing Magazine — For Web Designers And Developers · Ten years ago, persuasive design was a relatively new frontier in the field of UX. In a 2015 Smashing article, I was ...

Brad Frost

Dribbble Courtside · Courtside · Every designer’s journey looks different.

Awwwards - Blog · Our high standards led us to the beginning of a long and enchanting journey of embracing a new philosophy in our appr...

Ethan Marcotte · My journal — Ethan Marcotte’s website · Amid everything happening right now, I read with great interest about the technologies used in planning our latest ho...

Brad Frost

Awwwards - Blog · As 2025 comes to a close, we’re embarking on the search for a new generation of Awwwards Jury members!The Awwwards Ju...

Brad Frost

Robin Rendle

Gabriel Norman · Developer Spotlight – Codrops · How gaming culture, typographic discipline, and a passion for motion design converged into a career building immersiv...

Awwwards - Blog · Ribbit is a Copenhagen-based motion design studio founded by five longtime friends and animators who, after years fre...

Robin Rendle

Dribbble Courtside · Courtside · There’s no single switch that guarantees visibility on Dribbble.

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Dribbble Courtside · Courtside · When people discover you on Dribbble, the first thing they see is your work.

Awwwards - Blog · 1. IntroductionInversa equips wildlife agencies to tackle invasive species where it matters most: out in the field, k...

Dribbble Courtside · Courtside · Eugene intentionally doesn’t show up on Dribbble as a solo act. As a Design Lead at [Shakuro](https://dribbble.com/sh...

Jordan Gilroy · Designer Spotlight – Codrops · How learning to build my own work helped me take back control and fall in love with design again.

Awwwards - Blog · IntroductionMost research websites speak the language of data. MindMarket chose to speak the language of people. The ...

Courtside

Courtside

Vladislav Penev · Developer Spotlight – Codrops · Vladyslav Penev shares how he builds production-ready motion and layout-driven 3D systems, where CSS, WebGL, and inte...

Awwwards - Blog · Heidelberg Materials, a global leader in sustainable construction, is taking the lead in decarbonising its industry.A...

Creative Market Blog · It’s the glow of early tech optimism, the Mac you couldn’t stop staring at, the print test sheet you secretly collect...

Robin Rendle

Daniele Buffa · Designer Spotlight – Codrops · From discovering design as a teenager to creating award-winning experiences, Daniele Buffa’s journey has been shaped ...

Creative Market Blog · Ayya Studio’s work has that rare authentic feeling you notice right away: hand-drawn, intentionally imperfect, and de...

Awwwards - Blog · At Obys, we believe that the right book can change the way you see the world. Obys' Design Books is our curated digit...

Courtside

Dylan Brouwer · Designer Spotlight – Codrops · A look at how Dylan blends visual design, UX, and motion to build expressive, experience-rich websites, powered by to...

Awwwards - Blog · Our goal was to make history, to build a project that positions us as a young design studio, sets a new milestone in ...

Creative Market Blog · Creative Market shop ownerana.yvy joins us as a guest author, bringing her perspective as a working artist who lives ...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Victorine Snijders · Designer Spotlight – Codrops · From student projects to brands like BMW, Google, and Nike, Victorine Snijders shows how design solves everyday probl...

Awwwards - Blog · The new Awwwards trophies translate the values of contemporary digital design into a physical object through material...

Creative Market Blog · This Drop is packed with expressive typography, romantic illustration sets, tactile textures, Procreate tools, and pr...

Awwwards - Blog · “It’s a small planet, but someone’s gotta make the deliveries.”Messenger started because we wanted to build something...

Creative Market Blog · For a culture addicted to innovation, it seems we’ve finally hit some format of an aesthetic fatigue. Between a digit...

Robin Rendle

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website · And every flower that sad embroidery wears;

Heydon Pickering · HeydonWorks · Developer documentation is full of misleading absolutes. When I started learning how to code custom elements—using th...

Heydon Pickering · HeydonWorks · Today, I want to look into one very specific topic in excruciating technical detail: how to dynamically load custom e...

Awwwards - Blog · Glyphic Biotechnologies is developing a groundbreaking scientific method: protein sequencing by expansion. The challe...

Robin Rendle

Angela L. Rupprechter · Creative Market Blog · Balmoral Heritage takes its name from the iconic royal estate nestled in the Scottish Highlands. For over a century, ...

Courtside

Awwwards - Blog · A Modular, System-Driven Digital Identity Rooted in Code and ControlA behind-the-scenes look at how system aesthetics...

Robin Rendle

Awwwards - Blog · STIFF was one of those rare projects where the brand gave us permission to explore. From our first conversations, it ...

Courtside

Olivia Hoskin · Creative Market Blog · Welcome to a special holiday edition highlighting every creator featured in this month’s release. Below, you’ll find ...

Awwwards - Blog · Savor is reimagining how we produce functional and versatile fats. With 30% of global emissions stemming from food pr...

Robin Rendle

Awwwards - Blog · “What if we do a comic that could be animated for the web ?”Ponpon Mania began with that question and with our shared...

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

Josh W. Comeau · Josh Comeau's blog

Abhishek Jha · Designer Spotlight – Codrops · From experimental portfolios to award-winning websites, Abhishek Jha shares how curiosity and emotion shape his creat...

Frank Chimero · Every talk leaves a lot of scraps, and [Beyond the Machine]() is no exception.

Frank Chimero · This talk was given on October 14, 2025 at[Kinference]() in Brooklyn, New York.

A List Apart · A List Apart: The Full Feed · Today’s web is not always an amiable place. Sites greet you with a popover that demands assent to their cookie policy...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

Courtside

Frank Chimero · I’ve been researching a new talk the last few weeks and along the way stumbled across a concept that’s been rattling ...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Frank Chimero

A List Apart · A List Apart: The Full Feed · "Language is not merely a set of unrelated sounds, clauses, rules, and meanings; it is a totally coherent system boun...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website

Sara Soueidan · Sara Soueidan — UI developer · Changelog

Robin Rendle

Sara Soueidan · Sara Soueidan — UI developer · [Kevin]() and I been planning this podcast for months and our schedules finally aligned and we made it happen.

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

Frank Chimero

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan · Sara Soueidan — UI developer · ✨ This post is sponsored by everyone who has bought my [Practical Accessibility course](). ✨

Ethan Marcotte · My journal — Ethan Marcotte’s website

A List Apart · A List Apart: The Full Feed · Picture this: You’re in a meeting room at your tech company, and two people are having what looks like the same conve...

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Heydon Pickering · HeydonWorks · In my [ Use your words](https://github.com/Heydon/principles-of-web-accessibility?tab=readme-ov-fileuse-your-words) p...

Josh W. Comeau · Josh Comeau's blog

HeydonWorks · Hel is a distorted Swiss variable font with three axes

HeydonWorks · Skune is a variable font designed to have the jagged, frenetic appeal of lo-fi garage punk

HeydonWorks · The relationship between shame and motivation in web development, especially regarding accessibility.

HeydonWorks · Addressing the elephant in the room: adverts appearing on my blog

HeydonWorks · An unofficial guide to the HTML col element

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

HeydonWorks · An unofficial guide to the HTML caption element

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan — UI developer · Hello

HeydonWorks · An unofficial guide to the HTML code element

HeydonWorks · An unofficial guide to the HTML cite element

Sara Soueidan — UI developer · I've really been enjoying reading these posts by other people. So I was happy to be tagged.

HeydonWorks · An unofficial guide to the HTML canvas element

A List Apart · A List Apart: The Full Feed · As a product builder over too many years to mention, I've lost count of the number of times I've seen promising ideas...

Ethan Marcotte · My journal — Ethan Marcotte’s website · \( foreground.jpg -gravity center -crop 600x630+0+0 -geometry +0+0 +gravity \) -composite \

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

HeydonWorks · An experimental strategy for contaminating Large Language Models

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website · alt="Five bright red copies of “You Deserve a Tech Union” are stacked on a gray wooden surface. The stack is flared s...

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/20230814-ydatu-stack.jpg, https://ethanmarcotte.com/media/20230814-ydatu-stac...

Robin Rendle

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

Web Design Ledger · 

Robin Rendle

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Robin Rendle

Ethan Marcotte · My journal — Ethan Marcotte’s website · src="https://ethanmarcotte.com/media/rally-2025.jpg"

Robin Rendle

Web Design Ledger · 

Web Design Ledger · 

Robin Rendle

Robin Rendle

Robin Rendle

Robin Rendle

Robin Rendle

Robin Rendle

Robin Rendle

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Robin Rendle

Robin Rendle

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/rwd-unboxing.jpg, https://ethanmarcotte.com/media/rwd-unboxing@2x.jpg 2x"

HeydonWorks · An unofficial guide to the HTML br element

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

HeydonWorks · An unofficial guide to the HTML button element

HeydonWorks · An unofficial guide to the HTML body element

HeydonWorks · An unofficial guide to the HTML blockquote element

Robin Rendle

Robin Rendle

Robin Rendle

HeydonWorks · An unofficial guide to the HTML bdo element

HeydonWorks · An unofficial guide to the HTML bdi element

Robin Rendle

HeydonWorks · An unofficial guide to the HTML b element

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Robin Rendle

HeydonWorks · An unofficial guide to the HTML audio element

Josh W. Comeau · Josh Comeau's blog

Robin Rendle

Robin Rendle

Robin Rendle

Robin Rendle

HeydonWorks · An unofficial guide to the HTML aside element

HeydonWorks · An unofficial guide to the HTML article element

Robin Rendle

HeydonWorks · An unofficial guide to the HTML area element

Robin Rendle

HeydonWorks · An unofficial guide to the HTML address element

HeydonWorks · An unofficial guide to the HTML abbr element

HeydonWorks · An unofficial guide to the HTML anchor element

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Web Design Ledger · [Burts bees]()

Josh W. Comeau · Josh Comeau's blog

A List Apart · A List Apart: The Full Feed · Ever since I was a boy, I’ve been fascinated with movies. I loved the characters and the excitement—but most of all t...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/pilsen-angle.jpg, https://ethanmarcotte.com/media/pilsen-angle@2x.jpg 2x"

A List Apart · A List Apart: The Full Feed · Picture this. You’ve joined a squad at your company that’s designing new product features with an emphasis on automat...

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website · RewriteEngine on

HeydonWorks · CSS can be a great HTML testing tool, especially in 2024

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website · src="https://ethanmarcotte.com/media/ydatu-library-shelf.jpg"

A List Apart · A List Apart: The Full Feed · I offer a single bit of advice to friends and family when they become new parents: When you start to think that you’v...

Ethan Marcotte · My journal — Ethan Marcotte’s website · Instead, like their less experienced counterparts, they learn how to operate automated systems that have been modeled...

HeydonWorks · A quick explainer about single-page applications are what they are good for.

HeydonWorks · Learn about utility-first CSS and what is meant by “utility“ in this context

Web Design Ledger · 

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

A List Apart · A List Apart: The Full Feed · In reading [Joe Dolson’s recent piece on the intersection of AI and accessibility](), I absolutely appreciated the sk...

HeydonWorks · Using a custom property to store IntersectionObserver ratio values

A List Apart · A List Apart: The Full Feed · I am a creative. What I do is alchemy. It is a mystery. I do not so much do it, as let it be done through me.

Web Design Ledger · 

Ethan Marcotte · My journal — Ethan Marcotte’s website

Sara Soueidan — UI developer · Sorry, your browser doesn't support embedded videos.

Sara Soueidan — UI developer · Sorry, your browser doesn't support embedded videos.

Web Design Ledger · 

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

HeydonWorks · The transcript for the Webbed Briefs video What Are Accessibility Overlays?

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/sfor-interview.jpg, https://ethanmarcotte.com/media/sfor-interview@2x.jpg 2x"

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/20230816-ydatu-mail-books.jpg, https://ethanmarcotte.com/media/20230816-ydatu...

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/20230815-ydatu-social-danritz.jpg, https://ethanmarcotte.com/media/20230815-y...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/20230621-cover-ydatu.gif, https://ethanmarcotte.com/media/20230621-cover-ydat...

Ethan Marcotte · My journal — Ethan Marcotte’s website

Ethan Marcotte · My journal — Ethan Marcotte’s website

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/justindauer/">Justin Dauer</a> · A List Apart: The Full Feed · Humility, a designer’s essential value—that has a nice ring to it. What about humility, an office manager’s essential...

Ethan Marcotte · My journal — Ethan Marcotte’s website · srcset="https://ethanmarcotte.com/media/20230621-cover-ydatu.gif, https://ethanmarcotte.com/media/20230621-cover-ydat...

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website · src="https://ethanmarcotte.com/media/2023-aba-six.jpg"

HeydonWorks · Thoughts on making our documentation as reusable as our code.

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Ethan Marcotte · My journal — Ethan Marcotte’s website

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/colineagan/">Colin Eagan</a>, <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/jeffmacintyre/">Jeffrey MacIntyre</a> · A List Apart: The Full Feed · As a UX professional in today’s data-driven landscape, it’s increasingly likely that you’ve been asked to design a pe...

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan — UI developer · There are three popular Virtual Machine software for macOS:

Josh W. Comeau · Josh Comeau's blog

HeydonWorks

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/patrick-clancey/">Patrick Clancey</a> · A List Apart: The Full Feed · The mobile-first design methodology is great—it focuses on what really matters to the user, it’s well-practiced, and ...

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/lennartoverkamp/">Lennart Overkamp</a> · A List Apart: The Full Feed · About two and a half years ago, I introduced the idea of daily ethical design. It was born out of my frustration with...

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

HeydonWorks

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/patrick-brosset/">Patrick Brosset</a> · A List Apart: The Full Feed · CSS is about styling boxes. In fact, the whole web is made of boxes, from the browser viewport to elements on a page....

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/sophiavoychehovski/">Sophia V. Prater</a> · A List Apart: The Full Feed · Do you find yourself designing screens with only a vague idea of how the things on the screen relate to the things el...

Sara Soueidan — UI developer · […]

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/mike-wills/">Mike Wills</a> · A List Apart: The Full Feed · Do you remember when having a great website was enough? Now, people are getting answers from Siri, Google search snip...

Sara Soueidan — UI developer · field.

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Frank Chimero

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/eva-penzeymoog/">Eva PenzeyMoog</a> · A List Apart: The Full Feed · Antiracist economist Kim Crayton says that “intention without strategy is chaos.” We’ve discussed how our biases, ass...

Sara Soueidan — UI developer · figure {

Josh W. Comeau · Josh Comeau's blog

by <a itemprop="url" class="author" rel="author" href="https://alistapart.com/author/tom-greenwood/">Tom Greenwood</a> · A List Apart: The Full Feed · In the 1950s, many in the elite running community had begun to believe it wasn’t possible to run a mile in less than ...

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan — UI developer

Sara Soueidan — UI developer · The Smashing article summary as it appears in the browser with CSS on.

Sara Soueidan — UI developer · MWpwvbB by Sara Soueidan (@SaraSoueidan)

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan — UI developer

Sara Soueidan — UI developer · So, to quickly demonstrate how it is used on the Web, Level Access created a video demoing Dragon Naturally Speaking ...

Josh W. Comeau · Josh Comeau's blog

Sara Soueidan — UI developer · I can't count the number of times I've tried installing a command line tool on my machine, only to find myself going ...

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

Josh W. Comeau · Josh Comeau's blog

HeydonWorks · You may be a libertarian, but that does not mean you have to be right wing.

Frank Chimero

HeydonWorks · Prove to me why you shouldn’t shit yourself.

Sara Soueidan — UI developer · Sorry, your browser doesn't support embedded videos.

Sara Soueidan — UI developer · The faster the user can navigate your UI the better. The faster they can get to the content they need, the better. Th...

Sara Soueidan — UI developer · css

HeydonWorks · It's really, really easy to use design tokens with Eleventy

HeydonWorks · A simple script to convert Wordpress data to eleventy data

HeydonWorks · Exploring a random link implementation for a static site.

HeydonWorks · What we really mean when we're talking about burnout.

Frank Chimero

HeydonWorks · Making ambient music as a means to recuperate from burnout of all kinds

HeydonWorks · Wherein Google commissions research that confirms what I knew already, because it was obvious.

HeydonWorks · Some words are irredeemable. I don't think the word user is one of them.

Sara Soueidan — UI developer · A few years ago I didn't know what the term "accessibility" meant. I built Web sites that were partially inaccessible...

Sara Soueidan — UI developer · A few months ago I teamed up with SuperFriendly to create an accessible micro-site for the Khan Academy 2018 Annual R...

Frank Chimero

Sara Soueidan — UI developer · An icon button is an icon that triggers some sort of action on the page. More accurately, technically speaking, an ic...

Sara Soueidan — UI developer · The first article in a series on SVG filters. This guide will help you understand what they are and show you how to u...

Sara Soueidan — UI developer

Sara Soueidan — UI developer · Sorry, your browser doesn't support embedded videos.

Sara Soueidan — UI developer · I made a poll on Twitter the other day asking the lazyweb how they would mark up an FAQ section — or a list of questi...

Sara Soueidan — UI developer

Sara Soueidan — UI developer · Sorry, your browser doesn't support embedded videos.

Sara Soueidan — UI developer · If you run an event and would like me to give this talk at it, please feel free to drop me a line and request it.

Sara Soueidan — UI developer · The Medium app’s theme customizer is a simple popup panel that includes a simple switch for switching from light to d...

HeydonWorks · Array.prototype.forEach.call(nodes, node = {

Frank Chimero

Sara Soueidan — UI developer

Sara Soueidan — UI developer · I love when I’m pushed to think of creative techniques when tackling design and dev challenges on my client projects....

Sara Soueidan — UI developer · I’m always interested in and thinking about ways to use SVG in my client projects to solve common UI challenges — use...

Sara Soueidan — UI developer · In this article I explain the subtle but important difference between auto-fill and auto-fit for sizing columns in CS...

HeydonWorks

Sara Soueidan — UI developer · During the last 18 months, working on my Web site became a daunting task—be that for developing, redesigning it, writ...

HeydonWorks · &lt;td

HeydonWorks

HeydonWorks · &lt;button aria-expanded="false" aria-controls="expandable"open / close&lt;/button

HeydonWorks · &lt;div role="heading" aria-level="2"Subheading&lt;/div

Sara Soueidan — UI developer · The box model of an element in CSS—includes the content, padding, border, and margin areas. Image borrowed from the b...

Sara Soueidan — UI developer · If you’re reading this article, then I can probably assume you’ve already decided to switch from using fonts for icon...

HeydonWorks

Sara Soueidan — UI developer · The ‘Responsive’ option in the new Illustrator SVG Export Options panel.

HeydonWorks · “Hey, I’ve got these three adjacent ‘calls to action’. They each have a picture, some text and a button (well, a link...

Sara Soueidan — UI developer · Not only should the image be a good candidate for SVG, but SVG should also be a good candidate for the image.

Sara Soueidan — UI developer · That this article is based on my talk “SVG For Web Designers (and Developers)”—a talk I gave at CSSDevConf 2015 last ...

Sara Soueidan — UI developer · This is the last article in the series of article comparing common CSS techniques to their SVG counterparts. This art...

Sara Soueidan — UI developer · This post is the third in the series of posts exploring techniques and examples that can be achieved using both CSS a...

Sara Soueidan — UI developer · This post is the second in the series of posts exploring techniques and examples that can be achieved using both CSS ...

Sara Soueidan — UI developer · The CSS clip-path property is one of the most underused and yet most interesting properties in CSS. It can be used in...

Sara Soueidan — UI developer · This post is the first in a series of posts exploring techniques and examples that can be achieved using both CSS and...

Sara Soueidan — UI developer · An in-depth article on how to style the contents of the SVG &lt;use&gt; element and overcome some challenges it bring...

Sara Soueidan — UI developer · Disclaimer: I am writing this case study and sharing this image after having gotten a written approval from my client...

HeydonWorks

Sara Soueidan — UI developer · The state of SVG animation is changing. CSS, SMIL and JavaScript can be used to animate SVGs. However, SMIL is soon t...

Sara Soueidan — UI developer · The SVG viewBox attribute is easily one of SVG's most powerful features. Mastering this attribute can take your SVG s...

Sara Soueidan — UI developer · In this article, we will take a deep introduction into CSS’s graphical effects—specifically, CSS Filters and Composit...

Sara Soueidan — UI developer · An article in which we take a deep dive into CSS’s background positioning properties with visual explanations and exa...

Sara Soueidan — UI developer · Last week, I released CIRCULUS.SVG—the SVG circular menu generator. In this article I want to go over why SVG is bett...

Sara Soueidan — UI developer · If you use Sass or LESS, then you probably already use variables in your style sheets and know how useful they are. I...

Sara Soueidan — UI developer · This article is also available in Russian.

Sara Soueidan — UI developer · In HTML5 Canvas context, these oprations are specified using the globalCompositeOperation property, and can be used t...

Sara Soueidan — UI developer · For example, a default SVGO optimization will remove the viewBox attribute from your SVG. This is something you shoul...

Sara Soueidan — UI developer · SVGs are a great asset in our responsive web design toolkit. But just like any other image format, there are certain ...

Sara Soueidan — UI developer · SVG can be used as an icon system to replace icon fonts, and there are several ways to create SVG sprites. This artic...

Sara Soueidan — UI developer · CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML element...

HeydonWorks

HeydonWorks · &lt;a href="http://www.yahoo.com"Yahoo master domain portal&lt;/a&gt;

HeydonWorks · &lt;input class="formelem input input--email" /&gt;

HeydonWorks · &lt;ul&gt;

HeydonWorks · The four stages of CSS:

HeydonWorks

HeydonWorks · body {