41554 blogs · [ { "id": "01a0b5e4-5e89-702e-b4d2-c690c3d3d154", "title": "Stop Treating CSS Container Queries Like Traditional Media Queries", "url": "https://smashingmagazine.com/2026/09/stop-treating-css-container-queries-traditional-media-queries/", "published_at": "2026-09-16T13:00:00+00:00" }, { "id": "01a09547-570e-711b-a092-67c99c0461f2", "title": "Building A UX ROI Case That Survives The Boardroom", "url": "https://smashingmagazine.com/2026/09/building-ux-roi-case-survives-boardroom/", "published_at": "2026-09-11T13:00:00+00:00" }, { "id": "01a087e2-881a-7275-bae6-606200332d9a", "title": "The Death Of The Button: Why The Best Interface Is No Interface", "url": "https://smashingmagazine.com/2026/09/death-button-why-best-interface-is-no-interface/", "published_at": "2026-09-09T10:00:00+00:00" }, { "id": "01a07df5-3cda-71db-839b-5c4ae9184f04", "title": "The Many Faces Of September (2026 Wallpapers Edition)", "url": "https://smashingmagazine.com/2026/08/desktop-wallpaper-calendars-september-2026/", "published_at": "2026-08-31T11:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc42d40352", "title": "Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions", "url": "https://smashingmagazine.com/2026/08/rethinking-data-visualisation-ux-approach-dashboards/", "published_at": "2026-08-26T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc430d0a15", "title": "Why Your Website Should Never Stop Changing", "url": "https://smashingmagazine.com/2026/08/why-website-should-never-stop-changing/", "published_at": "2026-08-25T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc43e3eb71", "title": "Timing Charts: A Blueprint For SMIL Animations", "url": "https://smashingmagazine.com/2026/08/timing-charts-blueprint-smil-animations/", "published_at": "2026-08-20T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc44094228", "title": "New EU Guidelines For AI Labelling", "url": "https://smashingmagazine.com/2026/08/eu-guidelines-ai-labelling/", "published_at": "2026-08-13T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc44c2a8f1", "title": "Building Tactile UX: Honoring Intentional Design With Lottie", "url": "https://smashingmagazine.com/2026/08/building-tactile-ux-honoring-intentional-design-lottie/", "published_at": "2026-08-11T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc44fbdb50", "title": "How Baseline Can Help You Ship Less JavaScript", "url": "https://smashingmagazine.com/2026/08/how-baseline-can-help-ship-less-javascript/", "published_at": "2026-08-07T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc45902df2", "title": "Small Joys And Big Adventures (August 2026 Wallpapers Edition)", "url": "https://smashingmagazine.com/2026/07/desktop-wallpaper-calendars-august-2026/", "published_at": "2026-07-31T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc463d00dd", "title": "The Bull And Bear Case For Digital Design In The Age Of AI", "url": "https://smashingmagazine.com/2026/07/bull-and-bear-case-digital-design-age-ai/", "published_at": "2026-07-29T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc46d7832d", "title": "Thinking Outside The Box: Digital Design In The AI Era", "url": "https://smashingmagazine.com/2026/07/digital-design-ai-era/", "published_at": "2026-07-28T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc47c6e9ae", "title": "Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs", "url": "https://smashingmagazine.com/2026/07/weaponizing-defending-react-flight-protocol/", "published_at": "2026-07-21T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4875b9a3", "title": "When It Makes Sense To “Block” The Main Thread", "url": "https://smashingmagazine.com/2026/07/when-makes-sense-block-main-thread/", "published_at": "2026-07-17T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc49259812", "title": "No, People Don’t Want More AI In Their Life", "url": "https://smashingmagazine.com/2026/07/people-dont-want-more-ai/", "published_at": "2026-07-15T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4926784f", "title": "From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction", "url": "https://smashingmagazine.com/2026/07/how-turn-brand-strategy-into-visual-direction/", "published_at": "2026-07-10T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc49740ec8", "title": "Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion", "url": "https://smashingmagazine.com/2026/07/designing-distressed-users-mental-health-apps-ui/", "published_at": "2026-07-09T15:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4a5f5aa1", "title": "Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas", "url": "https://smashingmagazine.com/2026/07/kirki-wordpress-visual-builder-infinite-canvas/", "published_at": "2026-07-07T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4aa3220b", "title": "Users Don’t Need More Tools: They Need Seamless Integrations", "url": "https://smashingmagazine.com/2026/07/users-dont-need-more-tools-need-seamless-integrations/", "published_at": "2026-07-03T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4ba12e9e", "title": "Matching AI Modality To User Intent: Designing The Right Interface", "url": "https://smashingmagazine.com/2026/07/matching-ai-modality-user-intent-designing-right-interface/", "published_at": "2026-07-02T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4be840dd", "title": "Why Accessibility Is An Operational Capability, Not A Feature", "url": "https://smashingmagazine.com/2026/06/why-accessibility-operational-capability-not-feature/", "published_at": "2026-06-30T12:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4c186eba", "title": "Snapshots Of Summer (July 2026 Wallpapers Edition)", "url": "https://smashingmagazine.com/2026/06/desktop-wallpaper-calendars-july-2026/", "published_at": "2026-06-30T11:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4c8f6cd1", "title": "Designing With Uncertainty: How AI Supercharges Probabilistic Thinking", "url": "https://smashingmagazine.com/2026/06/designing-uncertainty-how-ai-supercharges-probabilistic-thinking/", "published_at": "2026-06-16T15:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4d48bd93", "title": "The Impact Of Humanoid Robots On Humanity", "url": "https://smashingmagazine.com/2026/06/impact-humanoid-robots-humanity/", "published_at": "2026-06-12T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4d68250e", "title": "The Benefits Of Cognitive Inclusion In UX Research", "url": "https://smashingmagazine.com/2026/06/benefits-cognitive-inclusion-ux-research/", "published_at": "2026-06-10T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4e16e492", "title": "How To Make Your Design System AI-Ready", "url": "https://smashingmagazine.com/2026/06/how-make-design-system-ai-ready/", "published_at": "2026-06-03T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4ecb2ff4", "title": "June Is For Exploring (2026 Wallpapers Edition)", "url": "https://smashingmagazine.com/2026/05/desktop-wallpaper-calendars-june-2026/", "published_at": "2026-05-31T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4f1702c9", "title": "Algorithmic Theming Engines: Building Self-Correcting Color Systems With `contrast-color()`", "url": "https://smashingmagazine.com/2026/05/building-self-correcting-color-systems-contrast-color/", "published_at": "2026-05-28T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc4fee2d1c", "title": "Your Prototype Is Not Being Honest With Your Users (And Here’s How To Fix It)", "url": "https://smashingmagazine.com/2026/05/prototype-users-fix-protopie/", "published_at": "2026-05-25T12:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc501c3169", "title": "Four Levels Of Customer Understanding", "url": "https://smashingmagazine.com/2026/05/four-levels-customer-understanding/", "published_at": "2026-05-22T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc508d3ae6", "title": "Advanced Tree Counting: Mathematical Layouts With `sibling-index()` And `sibling-count()`", "url": "https://smashingmagazine.com/2026/05/mathematical-layouts-sibling-index-sibling-count/", "published_at": "2026-05-21T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc5156128f", "title": "Ten Data-Backed Truths Of User Experience ROI", "url": "https://smashingmagazine.com/2026/05/data-backed-truths-user-experience-roi/", "published_at": "2026-05-15T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc5228b4b3", "title": "Practical Interface Patterns For AI Transparency (Part 2)", "url": "https://smashingmagazine.com/2026/05/practical-interface-patterns-ai-transparency/", "published_at": "2026-05-13T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc52e7bd5b", "title": "The Architecture Of Local-First Web Development", "url": "https://smashingmagazine.com/2026/05/architecture-local-first-web-development/", "published_at": "2026-05-06T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc53144282", "title": "Rethinking The Experience Of System Tools", "url": "https://smashingmagazine.com/2026/05/rethinking-experience-system-tools/", "published_at": "2026-05-05T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc53829bbb", "title": "Designing Stable Interfaces For Streaming Content", "url": "https://smashingmagazine.com/2026/05/designing-stable-interfaces-streaming-content/", "published_at": "2026-05-01T08:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc5478a2d9", "title": "A Fresh View In May (2026 Wallpapers Edition)", "url": "https://smashingmagazine.com/2026/04/desktop-wallpaper-calendars-may-2026/", "published_at": "2026-04-30T11:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc5514b741", "title": "The “Bug-Free” Workforce: How AI Efficiency Is Subtly Disrupting The Interactions That Build Strong Teams", "url": "https://smashingmagazine.com/2026/04/bug-free-workforce-ai-disrupting-teams/", "published_at": "2026-04-27T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc5569c862", "title": "The UX Designer’s Nightmare: When “Production-Ready” Becomes A Design Deliverable", "url": "https://smashingmagazine.com/2026/04/production-ready-becomes-design-deliverable-ux/", "published_at": "2026-04-22T10:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc56190694", "title": "Session Timeouts: The Overlooked Accessibility Barrier In Authentication Design", "url": "https://smashingmagazine.com/2026/04/session-timeouts-accessibility-barrier-authentication-design/", "published_at": "2026-04-20T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc569a228d", "title": "How To Improve UX In Legacy Systems", "url": "https://smashingmagazine.com/2026/04/legacy-systems/", "published_at": "2026-04-10T13:00:00+00:00" }, { "id": "01a07df5-3cdb-7131-9a91-79fc56f0b517", "title": "Identifying Necessary Transparency Moments In Agentic AI (Part 1)", "url": "https://smashingmagazine.com/2026/04/identifying-necessary-transparency-moments-agentic-ai-part1/", "published_at": "2026-04-07T10:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe3887ab2a9", "title": "Getting To The Bottom Of Minimum WCAG-Conformant Interactive Element Size", "url": "https://www.smashingmagazine.com/2024/07/getting-bottom-minimum-wcag-conformant-interactive-element-size/", "published_at": "2024-07-19T00:00:00+00:00" }, { "id": "01a0e213-0210-71e2-bacd-4e65a6acafa9", "title": "How To Hack Your Google Lighthouse Scores In 2024", "url": "https://www.smashingmagazine.com/2024/06/how-hack-google-lighthouse-scores-2024/", "published_at": "2024-06-11T11:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f381223bd6f0", "title": "The Modern Guide For Making CSS Shapes", "url": "https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/", "published_at": "2024-05-10T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f381231f62e8", "title": "Sliding 3D Image Frames In CSS", "url": "https://www.smashingmagazine.com/2024/04/sliding-3d-image-frames-css/", "published_at": "2024-04-12T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f38124901dbe", "title": "Modern CSS Tooltips And Speech Bubbles (Part 2)", "url": "https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part2/", "published_at": "2024-03-08T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f381260934ef", "title": "Modern CSS Tooltips And Speech Bubbles (Part 1)", "url": "https://www.smashingmagazine.com/2024/03/modern-css-tooltips-speech-bubbles-part1/", "published_at": "2024-03-01T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f381278aa9d0", "title": "The Complex But Awesome CSS border-image Property", "url": "https://www.smashingmagazine.com/2024/01/css-border-image-property/", "published_at": "2024-01-16T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f38128aed7f7", "title": "CSS Responsive Multi-Line Ribbon Shapes (Part 2)", "url": "https://www.smashingmagazine.com/2023/11/css-responsive-multi-line-ribbon-shapes-part2/", "published_at": "2023-11-22T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f381290ce4de", "title": "CSS Responsive Multi-Line Ribbon Shapes (Part 1)", "url": "https://www.smashingmagazine.com/2023/11/css-responsive-multi-line-ribbon-shapes-part1/", "published_at": "2023-11-15T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f3812ad8d142", "title": "Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 2)", "url": "https://www.smashingmagazine.com/2023/10/re-creating-pop-out-hover-effect-modern-css-part2/", "published_at": "2023-10-05T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f3812b7c3345", "title": "Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1)", "url": "https://www.smashingmagazine.com/2023/09/re-creating-pop-out-hover-effect-css-part1/", "published_at": "2023-09-29T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f3812d439015", "title": "Revealing Images With CSS Mask Animations", "url": "https://www.smashingmagazine.com/2023/09/revealing-images-css-mask-animations/", "published_at": "2023-09-15T00:00:00+00:00" }, { "id": "01a0dcfb-9ccc-713c-8762-9023a471dcbb", "title": "Microblog: \"Quirky and minimalist interfaces don’t make users feel awesome — obvious, inclusive, and robust interfaces do.\" Adam Silver in Form Design Patterns", "url": "https://www.smashingmagazine.com/printed-books/form-design-patterns/", "published_at": "2023-08-14T11:44:28+00:00" }, { "id": "01a0dcfb-9ccc-713c-8762-9023a4b80ef7", "title": "Microblog: SVG illustrations have the future. They are the lightweight (less KB) alternative to images and videos meaning they will load quicker and waste less bandwidth making them more sustainable. You can also do very cool things with them as portrayed by Smashin", "url": "https://www.smashingmagazine.com/2022/05/magical-svg-techniques/", "published_at": "2023-08-14T11:44:28+00:00" }, { "id": "01a08765-3896-7048-8206-f3812ece8938", "title": "How To Define An Array Of Colors With CSS", "url": "https://www.smashingmagazine.com/2023/07/define-array-colors-css", "published_at": "2023-07-28T00:00:00+00:00" }, { "id": "01a08765-3896-7048-8206-f3812feb102a", "title": "Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images", "url": "https://www.smashingmagazine.com/2023/07/shines-perspective-rotations-css-3d-effects-images/", "published_at": "2023-07-07T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe388be0146", "title": "Voice Control Usability Considerations For Partially Visually Hidden Link Names", "url": "https://www.smashingmagazine.com/2022/06/voice-control-usability-considerations-partially-visually-hidden-link-names/", "published_at": "2022-06-24T00:00:00+00:00" }, { "id": "01a0d935-14f6-731d-82ba-3e1650ae6335", "title": "You Don’t Need a UI Framework", "url": "https://www.smashingmagazine.com/2022/05/you-dont-need-ui-framework/", "published_at": "2022-05-03T11:00:00+00:00" }, { "id": "01a0d9d5-8618-7044-8eeb-8b84cf1bfd2e", "title": "Building Web Layouts For Dual-Screen And Foldable Devices", "url": "https://www.smashingmagazine.com/2022/03/building-web-layouts-dual-screen-foldable-devices/", "published_at": "2022-03-12T21:23:26+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe389bd11b6", "title": "Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties", "url": "https://www.smashingmagazine.com/2022/03/windows-high-contrast-colors-mode-css-custom-properties/", "published_at": "2022-02-21T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38a986a7a", "title": "Improving The Accessibility Of Your Markdown", "url": "https://www.smashingmagazine.com/2021/09/improving-accessibility-of-markdown/", "published_at": "2021-09-28T00:00:00+00:00" }, { "id": "01a0d958-1a7e-7055-9a39-fa075337f56b", "title": "Creating an Accessible Dialog from Scratch", "url": "https://www.smashingmagazine.com/2021/07/accessible-dialog-from-scratch/", "published_at": "2021-07-28T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38b3b8e40", "title": "Your Image Is Probably Not Decorative", "url": "https://www.smashingmagazine.com/2021/06/img-alt-attribute-alternate-description-decorative/", "published_at": "2021-06-17T00:00:00+00:00" }, { "id": "01a0d9e0-226c-71ca-857b-cf720e3a7b32", "title": "““What’s Next For HTML Controls?” on Smashing Podcast” on Smashing Podcast", "url": "https://www.smashingmagazine.com/2021/02/smashing-podcast-episode-35/", "published_at": "2021-02-11T00:00:00+00:00" }, { "id": "01a0dd6a-524e-7032-b4ed-299617b4ec35", "title": "Preload: What Is It Good For?", "url": "https://www.smashingmagazine.com/2016/02/preload-what-is-it-good-for/", "published_at": "2021-01-28T05:38:53+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38bf190a4", "title": "Equivalent Experiences: Thinking Equivalently", "url": "https://www.smashingmagazine.com/2020/06/equivalent-experiences-part2/", "published_at": "2020-06-05T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38bf77191", "title": "Equivalent Experiences: What Are They?", "url": "https://www.smashingmagazine.com/2020/05/equivalent-experiences-part1/", "published_at": "2020-05-27T00:00:00+00:00" }, { "id": "01a0da69-77d2-71fc-b4ec-3a70b49fddf2", "title": "When is a button not a button?", "url": "https://www.smashingmagazine.com/2019/02/buttons-interfaces/", "published_at": "2019-02-25T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38bfe6a89", "title": "The Importance Of Manual Accessibility Testing", "url": "https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/", "published_at": "2018-09-12T00:00:00+00:00" }, { "id": "01a0d831-7e6a-73fc-936f-efe38cfe0058", "title": "Don't Use The Placeholder Attribute", "url": "https://www.smashingmagazine.com/2018/06/placeholder-attribute/", "published_at": "2018-06-20T00:00:00+00:00" }, { "id": "01a0da73-1e8f-735b-a3b2-a71730c030c9", "title": "Introducing Web Payments - Easier Online Purchases With The Payment Request API", "url": "https://www.smashingmagazine.com/2018/01/online-purchase-payment-request-api/", "published_at": "2018-01-02T00:00:00+00:00" }, { "id": "01a0d9d5-8618-7044-8eeb-8b84cf7102c1", "title": "Making And Maintaining Atomic Design Systems With Pattern Lab 2 By", "url": "https://www.smashingmagazine.com/2016/07/building-maintaining-atomic-design-systems-pattern-lab/", "published_at": "2016-07-13T18:11:24+00:00" }, { "id": "01a0d9d5-8618-7044-8eeb-8b84cf71af00", "title": "Developing Dependency Awareness", "url": "https://www.smashingmagazine.com/2016/05/developing-dependency-awareness/", "published_at": "2016-05-23T23:29:10+00:00" }, { "id": "01a0d9d5-8618-7044-8eeb-8b84cf9586e5", "title": "Creating A Living Style Guide: A Case Study", "url": "https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/", "published_at": "2016-05-16T19:11:47+00:00" }, { "id": "01a0e27c-798a-71b6-a01c-1c9d504d53a3", "title": "Typographic Design Patterns and Best Practices", "url": "http://www.smashingmagazine.com/2009/08/20/typographic-design-survey-best-practices-from-the-best-blogs/", "published_at": "2014-10-03T14:42:32+00:00" } ] posts Claim your blog
Back to Smashing Magazine
Blog · corpus.blog/blogs/smashingmagazine.com/posts

Smashing Magazine

smashingmagazine.com

2026

2024

2023

2022

2021

2020

2019

2018

2016

2014