All blogs / Frontend / CSS / browsers
Smashing Magazine
Magazine on CSS, JavaScript, front-end, accessibility, UX and design. For developers, designers and front-end engineers.
Frontend / CSS / browsersWeb developmentJavaScript / TypeScript
- Posts
- 4,903 from 1 Sep 2006 to 31 Oct 2026
- Posting
- weekly (101 in the last year)
- Kind
- magazine
- Feed
- https://www.smashingmagazine.com/feed/
Latest
October 2026
- A Spark Of Color In November’s Gray (2026 Wallpapers Edition)
- Accordion Icons: Which Work Best?
- Embracing Playful Imperfection With The CSS `random()` Function
- Is Your Organization Messing Up AI Adoption?
- A Practical Guide To Naming Things
September 2026
- Under Autumn’s Spell (October 2026 Wallpapers Edition)
- Stop Treating CSS Container Queries Like Traditional Media Queries
- Building A UX ROI Case That Survives The Boardroom
- The Death Of The Button: Why The Best Interface Is No Interface
August 2026
- The Many Faces Of September (2026 Wallpapers Edition)
- Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions
- Why Your Website Should Never Stop Changing
- Timing Charts: A Blueprint For SMIL Animations
- New EU Guidelines For AI Labelling
- Building Tactile UX: Honoring Intentional Design With Lottie
- How Baseline Can Help You Ship Less JavaScript
July 2026
- Small Joys And Big Adventures (August 2026 Wallpapers Edition)
- The Bull And Bear Case For Digital Design In The Age Of AI
- Thinking Outside The Box: Digital Design In The AI Era
- Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs
- When It Makes Sense To “Block” The Main Thread
- No, People Don’t Want More AI In Their Life
- From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction
- Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion
- Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas
- Users Don’t Need More Tools: They Need Seamless Integrations
- Matching AI Modality To User Intent: Designing The Right Interface
June 2026
- Why Accessibility Is An Operational Capability, Not A Feature
- Snapshots Of Summer (July 2026 Wallpapers Edition)
- Designing With Uncertainty: How AI Supercharges Probabilistic Thinking
- The Impact Of Humanoid Robots On Humanity
- The Benefits Of Cognitive Inclusion In UX Research
- How To Make Your Design System AI-Ready
May 2026
- June Is For Exploring (2026 Wallpapers Edition)
- Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()`
- Your Prototype Is Not Being Honest With Your Users (And Here’s How To Fix It)
- Four Levels Of Customer Understanding
- Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`
- Ten Data-Backed Truths Of User Experience ROI
- Practical Interface Patterns For AI Transparency (Part 2)
- The Architecture Of Local-First Web Development
- Rethinking The Experience Of System Tools
- Designing Stable Interfaces For Streaming Content
April 2026
- A Fresh View In May (2026 Wallpapers Edition) — Smashing Magazine
- The “Bug-Free” Workforce: How AI Efficiency Is Subtly Disrupting The Interactions That Build Strong Teams — Smashing Magazine
- The UX Designer’s Nightmare: When “Production-Ready” Becomes A Design Deliverable — Smashing Magazine
- Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design — Smashing Magazine
- How To Improve UX In Legacy Systems — Smashing Magazine
- Identifying Necessary Transparency Moments In Agentic AI (Part 1) — Smashing Magazine
- A Practical Guide To Design Principles — Smashing Magazine
March 2026
- The Joy Of A Fresh Beginning (April 2026 Wallpapers Edition) — Smashing Magazine
- The Site-Search Paradox: Why The Big Box Always Wins — Smashing Magazine
- Testing Font Scaling For Accessibility With Figma Variables — Smashing Magazine
- Modal vs. Separate Page: UX Decision Tree — Smashing Magazine
- Anime vs. Marvel/DC: Designing Digital Products With Emotion In Flow — Smashing Magazine
- Moving From Moment.js To The JS Temporal API — Smashing Magazine
- Beyond border-radius: What The CSS corner-shape Property Unlocks For Everyday UI — Smashing Magazine
- Building Dynamic Forms In React And Next.js — Smashing Magazine
- Persuasive Design: Ten Years Later — Smashing Magazine
- Human Strategy In An AI-Accelerated Workflow — Smashing Magazine
- Now Shipping: Accessible UX Research, A New Smashing Book By Michele Williams — Smashing Magazine
- Getting Started With The Popover API — Smashing Magazine
February 2026
- Fresh Energy In March (2026 Wallpapers Edition) — Smashing Magazine
- Say Cheese! Meet SmashingConf Amsterdam 🇳🇱 — Smashing Magazine
- A Designer’s Guide To Eco-Friendly Interfaces — Smashing Magazine
- Designing A Streak System: The UX And Psychology Of Streaks — Smashing Magazine
- Building Digital Trust: An Empathy-Centred UX Framework For Mental Health Apps — Smashing Magazine
- Designing For Agentic AI: Practical UX Patterns For Control, Consent, And Accountability — Smashing Magazine
- CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions — Smashing Magazine
- Combobox vs. Multiselect vs. Listbox: How To Choose The Right One — Smashing Magazine
January 2026
- Short Month, Big Ideas (February 2026 Wallpapers Edition) — Smashing Magazine
- Practical Use Of AI Coding Tools For The Responsible Developer — Smashing Magazine
- Unstacking CSS Stacking Contexts — Smashing Magazine
- Beyond Generative: The Rise Of Agentic AI And User-Centric Design — Smashing Magazine
- Rethinking “Pixel Perfect” Web Design — Smashing Magazine
- Smashing Animations Part 8: Theming Animations Using CSS Relative Colour — Smashing Magazine
- UX And Product Designer’s Career Paths In 2026 — Smashing Magazine
- Penpot Is Experimenting With MCP Servers For AI-Powered Design Workflows — Smashing Magazine
- Pivoting Your Career Without Starting From Scratch — Smashing Magazine
December 2025
- Countdown To New Adventures (January 2026 Wallpapers Edition) — Smashing Magazine
- How To Design For (And With) Deaf People — Smashing Magazine
- Giving Users A Voice Through Virtual Personas — Smashing Magazine
- How To Measure The Impact Of Features — Smashing Magazine
- Smashing Animations Part 7: Recreating Toon Text With CSS And SVG — Smashing Magazine
- Accessible UX Research, eBook Now Available For Download — Smashing Magazine
- State, Logic, And Native Power: CSS Wrapped 2025 — Smashing Magazine
- How UX Professionals Can Lead AI Strategy — Smashing Magazine
- Beyond The Black Box: Practical XAI For UX Practitioners — Smashing Magazine
- Masonry: Things You Won’t Need A Library For Anymore — Smashing Magazine
November 2025
- A Sparkle Of December Magic (2025 Wallpapers Edition) — Smashing Magazine
- The Accessibility Problem With Authentication Methods Like CAPTCHA — Smashing Magazine
- Design System Culture: What It Is And Why It Matters (Excerpt) — Smashing Magazine
- Designing For Stress And Emergency — Smashing Magazine
- Keyframes Tokens: Standardizing Animation Across Projects — Smashing Magazine
- From Chaos To Clarity: Simplifying Server Management With AI And Automation — Smashing Magazine
- CSS Gamepad API Visual Debugging With CSS Layers — Smashing Magazine
- Older Tech In The Browser Stack — Smashing Magazine
- Effectively Monitoring Web Performance — Smashing Magazine
- Smashing Animations Part 6: Magnificent SVGs With <use> And CSS Custom Properties — Smashing Magazine
- Six Key Components of UX Strategy — Smashing Magazine
- How To Leverage Component Variants In Penpot — Smashing Magazine
October 2025
- Fading Light And Falling Leaves (November 2025 Wallpapers Edition) — Smashing Magazine
- JavaScript For Everyone: Iterators — Smashing Magazine
- Ambient Animations In Web Design: Practical Applications (Part 2) — Smashing Magazine
- AI In UX: Achieve More With Less — Smashing Magazine
- How To Make Your UX Research Hard To Ignore — Smashing Magazine
- The Grayscale Problem — Smashing Magazine
- Smashing Animations Part 5: Building Adaptive SVGs With <symbol>, <use>, And CSS Media Queries — Smashing Magazine
- Intent Prototyping: A Practical Guide To Building With Clarity (Part 2) — Smashing Magazine
September 2025
- Shades Of October (2025 Wallpapers Edition) — Smashing Magazine
- From Prompt To Partner: Designing Your Custom AI Assistant — Smashing Magazine
- Intent Prototyping: The Allure And Danger Of Pure Vibe Coding In Enterprise UX (Part 1) — Smashing Magazine
- Ambient Animations In Web Design: Principles And Implementation (Part 1) — Smashing Magazine
- The Psychology Of Trust In AI: A Guide To Measuring And Designing For User Confidence — Smashing Magazine
- How To Minimize The Environmental Impact Of Your Website — Smashing Magazine
- SerpApi: A Complete API For Fetching Search Engine Data — Smashing Magazine
- Functional Personas With AI: A Lean, Practical Workflow — Smashing Magazine
- Creating Elastic And Bounce Effects With Expressive Animator — Smashing Magazine
- From Data To Decisions: UX Strategies For Real-Time Dashboards — Smashing Magazine
- Integrating CSS Cascade Layers To An Existing Project — Smashing Magazine
- Designing For TV: Principles, Patterns And Practical Guidance (Part 2) — Smashing Magazine
August 2025
- A Breeze Of Inspiration In September (2025 Wallpapers Edition) — Smashing Magazine
- Prompting Is A Design Act: How To Brief, Guide And Iterate With AI — Smashing Magazine
- Designing For TV: The Evergreen Pattern That Shapes TV Experiences (Part 1) — Smashing Magazine
- Optimizing PWAs For Different Display Modes — Smashing Magazine
- A Week In The Life Of An AI-Augmented Designer — Smashing Magazine
- The Double-Edged Sustainability Sword Of AI In Web Design — Smashing Magazine
- Beyond The Hype: What AI Can Really Do For Product Design — Smashing Magazine
- The Psychology Of Color In UX And Digital Products — Smashing Magazine
- From Line To Layout: How Past Experiences Shape Your Design Career — Smashing Magazine
- Designing With AI, Not Around It: Practical Advanced Techniques For Product Design Use Cases — Smashing Magazine
- The Power Of The Intl API: A Definitive Guide To Browser-Native Internationalization — Smashing Magazine
- Automating Design Systems: Tips And Resources For Getting Started — Smashing Magazine
- UX Job Interview Helpers — Smashing Magazine
July 2025
- Stories Of August (2025 Wallpapers Edition) — Smashing Magazine
- The Core Model: Start FROM The Answer, Not WITH The Solution — Smashing Magazine
- Web Components: Working With Shadow DOM — Smashing Magazine
- Designing Better UX For Left-Handed People — Smashing Magazine
- Handling JavaScript Event Listeners With Parameters — Smashing Magazine
- Why Non-Native Content Designers Improve Global UX — Smashing Magazine
- Tiny Screens, Big Impact: The Forgotten Art Of Developing Web Apps For Feature Phones — Smashing Magazine
- Design Patterns For AI Interfaces — Smashing Magazine
- Unmasking The Magic: The Wizard Of Oz Method For UX Research — Smashing Magazine
- Droip: The Modern Website Builder WordPress Needed — Smashing Magazine
- Design Guidelines For Better Notifications UX — Smashing Magazine
- CSS Intelligence: Speculating On The Future Of A Smarter Language — Smashing Magazine
- Turning User Research Into Real Organizational Change — Smashing Magazine
June 2025
- Never Stop Exploring (July 2025 Wallpapers Edition) — Smashing Magazine
- Can Good UX Protect Older Users From Digital Scams? — Smashing Magazine
- Decoding The SVG path Element: Curve And Arc Commands — Smashing Magazine
Every year
2026 792025 1382024 1372023 1932022 2332021 2932020 3212019 2872018 2962017 2602016 3432015 2352014 2402013 2702012 3332011 2962010 3852009 3832008 1492007 262006 5