Articles

May 6, 2025
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be convinced that the CSS grid layout […]

May 5, 2025
How To Launch Big Complex Projects

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Think about your past projects. Did they finish on time and on budget? Did they end up getting delivered without cutting corners? Did they get disrupted along the way with a changed scope, conflicted interests, unexpected delays, and surprising blockers? Chances […]

May 2, 2025
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Since their introduction in 1999, the Web Content Accessibility Guidelines (WCAG) have shaped how we design and develop inclusive digital products. The WCAG 2.x series, released in 2008, introduced clear technical criteria judged in a binary way: either a success criterion […]

April 30, 2025
Make Every Day Count (May 2025 Wallpapers Edition)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Sometimes, it doesn’t take a lot to get inspired. A short bike ride to soak in the sun, a coffee break with a friend, or listening to your favorite song might be just what you need to spark some fresh ideas […]

April 29, 2025
How To Turn Your Figma Designs Into Live Apps With Anima Playground

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Anima App For years, designers and developers have been stuck in a frustrating loop. Designers create stunning UIs in Figma, only for developers to spend hours — or days — coding them from scratch. Along […]

April 28, 2025
UX And Design Files Organization Template

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Are you also getting lost in all the files, deliverables, shared docs, PDFs, and reports related to your UX work? What about decisions scattered everywhere between email, Slack conversations, Dropbox folders, SharePoint, Notion, and Figma? It’s too easy to lose important […]

April 25, 2025
“Product Kondo”: A Guide To Evaluating Your Organizational Product Portfolio

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More When building digital products, thinking in terms of single features and urgent client needs can lead to a large portfolio of products with high maintenance costs. At first, this approach makes sense, as you’re offering new value to customers and keeping […]

April 24, 2025
Boosting Up Your Creativity Without Endless Reference Scrolling

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More The work of a designer largely consists of inventing new things, which requires creativity that is generally believed to depend on inspiration, making it unpredictable and difficult to control. Many designers, as well as those who would like to try their […]

April 23, 2025
Building An Offline-Friendly Image Upload System

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More So, you’re filling out an online form, and it asks you to upload a file. You click the input, select a file from your desktop, and are good to go. But something happens. The network drops, the file disappears, and you’re […]

April 18, 2025
What Does It Really Mean For A Site To Be Keyboard Navigable

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Keyboard navigation is a vital aspect of accessible web design, and a detail-oriented approach is crucial. Prioritizing keyboard navigation prioritizes the user experience for a diverse audience, extending your reach while simultaneously fostering a more inclusive web environment. Efficient navigation is […]

April 17, 2025
Fostering An Accessibility Culture

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Building an accessibility culture isn’t easy, and there’s no clear playbook. But Dani offers insights from his own journey, where small, consistent habits made a big difference. A year ago, I learned that my role as an accessibility engineer was at […]

April 15, 2025
Inclusive Dark Mode: Designing Accessible Dark Themes For All Users

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Dark mode isn’t just a trendy aesthetic. It’s a gateway to more inclusive digital experiences, but only if designed thoughtfully. While its sleek visuals and reduced eye strain appeal to many, poorly implemented dark themes can alienate users with visual impairments, […]

April 10, 2025
Gild Just One Lily

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More “Gilding the lily” isn’t always bad. In design, a touch of metaphorical gold — a subtle animated transition, a hint of color, or added depth in a drop shadow — can help communicate a level of care and attention that builds […]

April 8, 2025
Using Manim For Making UI Animations

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Animation makes things clearer, especially for designers and front-end developers working on UI, prototypes, or interactive visuals. Manim is a tool that lets you create smooth and dynamic animations, not just for the design field but also in math, coding, and […]

April 4, 2025
How To Build A Business Case To Promote Accessibility In Your B2B Products

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More When I started working on promoting accessibility, I was fully convinced of its value and was determined to bring it to the business stakeholders. I thought that the moment I started pushing for it inside the company, my key stakeholders would […]

April 2, 2025
Building A Drupal To Storyblok Migration Tool: An Engineering Perspective

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Storyblok Content management is evolving. The traditional monolithic CMS approach is giving way to headless architectures, where content management and presentation are decoupled. This shift brings new challenges, particularly when organizations need to migrate from […]

March 31, 2025
Blossoms, Flowers, And The Magic Of Spring (April 2025 Wallpapers Edition)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Starting the new month with a little inspiration boost — that’s the idea behind our monthly wallpapers series which has been going on for more than fourteen years already. Each month, the wallpapers are created by the community for the community, […]

March 28, 2025
How To Argue Against AI-First Research

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More With AI upon us, companies have recently been turning their attention to “synthetic” user testing — AI-driven research that replaces UX research. There, questions are answered by AI-generated “customers,” human tasks “performed” by AI agents. However, it’s not just for desk […]

March 27, 2025
Adaptive Video Streaming With Dash.js In React

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More I was recently tasked with creating video reels that needed to be played smoothly under a slow network or on low-end devices. I started with the native HTML5 <video> tag but quickly hit a wall — it just doesn’t cut it […]

March 21, 2025
Previewing Content Changes In Your Work With document.designMode

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More So, you just deployed a change to your website. Congrats! Everything went according to plan, but now that you look at your work in production, you start questioning your change. Perhaps that change was as simple as a new heading and […]

March 17, 2025
Web Components Vs. Framework Components: What’s The Difference?

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More It might surprise you that a distinction exists regarding the word “component,” especially in front-end development, where “component” is often used and associated with front-end frameworks and libraries. A component is a code that encapsulates a specific functionality and presentation. Components […]

March 13, 2025
How To Prevent WordPress SQL Injection Attacks

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Did you know that your WordPress site could be a target for hackers right now? That’s right! Today, WordPress powers over 43% of all websites on the internet. That kind of public news makes WordPress sites a big target for hackers. […]

March 11, 2025
How To Build Confidence In Your UX Work

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More When I start any UX project, typically, there is very little confidence in the successful outcome of my UX initiatives. In fact, there is quite a lot of reluctance and hesitation, especially from teams that have been burnt by empty promises […]

March 6, 2025
How To Fix Largest Contentful Paint Issues With Subpart Analysis

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by DebugBear The Largest Contentful Paint (LCP) in Core Web Vitals measures how quickly a website loads from a visitor’s perspective. It looks at how long after opening a page the largest content element becomes visible. […]

March 6, 2025
How To Fix Largest Contentful Issues With Subpart Analysis

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Struggling with slow Largest Contentful Paint (LCP)? Newly introduced by Google, LCP subparts help you pinpoint where page load delays come from. Now, in the Chrome UX Report, this data provides real visitor insights to speed up your site and boost […]

Get in Touch

Copyright © Graffiti Kitchen
envelope linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram