Articles

December 11, 2024
An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You can safely use scroll-driven animations in Chrome as of December 2024. Firefox supports them, too, though you’ll need to enable a flag. Safari? Not yet, but don’t worry — you can still offer a seamless experience across all browsers with […]

December 9, 2024
Mastering SVG Arcs

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More So, I love drawing birds with code. Inspired by my brother’s love for birdwatching, I admire the uniqueness of their feathers, colors, and sounds. But what I notice most is the way their bodies curve and different birds can have dramatically […]

December 6, 2024
The Importance Of Graceful Degradation In Accessible Interface Design

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Graceful degradation is a design approach that ensures the basics of a website will still function even if specific individual parts of it stop working. The approach removes single points of failure: just because one thing stops working doesn’t mean the […]

December 5, 2024
How to Update Two Components Simultaneously in a Figma Prototype

Source: Medium.design - Medium | Read More A simple trick with Figma variables A Bit of Context How do I change the appearance of my fixed button depending on the chosen payment method? Above is a screenshot of a prototype I worked on for mobile purchase funnel iterations. I work as a product designer at Medium, mostly […]

December 3, 2024
Bundle Up And Save On Smashing Books And Workshops

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More It’s the end of the year, and as we look at our inventory, we thought, “Let’s help everyone in our community get ready for the year ahead!” Get friendly pricing on bundles of books and workshops to dive deep into the […]

December 3, 2024
Creating An Effective Multistep Form For Better User Experience

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More For a multistep form, planning involves structuring questions logically across steps, grouping similar questions, and minimizing the number of steps and the amount of required information for each step. Whatever makes each step focused and manageable is what should be aimed […]

November 30, 2024
Dreaming Of Miracles (December 2024 Wallpapers Edition)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More As the year is coming to a close, many of us feel rushed, meeting deadlines, finishing off projects, or preparing for the upcoming holiday season. So how about some beautiful, wintery desktop wallpapers to sweeten up the month and get you […]

November 27, 2024
The Hype Around Signals

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More The groundwork for what we call today “signals” dates as early as the 1970s. Based on this work, they became popular with different fields of computer science, defining them more specifically around the 90s and the early 2000s. In Web Development, […]

November 22, 2024
Why You Should Speak At Events As An Early-Career Professional

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More On Thursday, October 10, 2024, I gave my first talk at an international event, the WordPress Accessibility Day (WPAD) 2024. Just a few months before, I was a newcomer to the world of web accessibility. Yet here I was, speaking to […]

November 19, 2024
AI’s Transformative Impact On Web Design: Supercharging Productivity Across The Industry

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More As I sit down to write this article, I can’t help but marvel at the incredible changes sweeping through our industry. For the first time in my career, I feel like we’re no longer limited by our technology but by our […]

November 14, 2024
Open-Source Meets Design Tooling With Penpot

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Penpot Penpot is a free, open-source design tool that allows true collaboration between designers and developers. Designers can create interactive prototypes and design systems at scale, while developers enjoy ready-to-use code and make their workflow […]

November 12, 2024
Bundle Up And Save On Smashing Books And Workshops

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More It’s the end of the year, and as we look at our inventory, we thought, “Let’s help everyone in our community get ready for the year ahead!” Get friendly pricing on bundles of books and workshops to dive deep into the […]

November 8, 2024
Alternatives To Typical Technical Illustrations And Data Visualisations

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Thomas Bohm rethinks technical illustrations and data visualizations, sharing interesting and uncommon examples of how to present data and information. Bar graphs and pie charts are great, but there’s so much more to explore! Good technical illustrations and data visualisations allow […]

November 5, 2024
Why Optimizing Your Lighthouse Score Is Not Enough For A Fast Website

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Feeling good with your Lighthouse score of 100%? You should! But you should also know that you’re only looking at part of the performance picture. Learn how Lighthouse scores are measured differently than other tools, the impact that has on measuring […]

October 31, 2024
About Medium’s new(ish) logo

Source: Medium.design - Medium | Read More You might have noticed a change to Medium’s logo and app icon. Here’s why and how we did it. Alright, yes, we changed the logo again. Sort of. But not really that much at all. It’s for a good reason, we promise. Hear us out. This year has been one […]

October 31, 2024
Ingredients For A Cozy November (2024 Wallpapers Edition)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More November is just around the corner and that means: It’s time for some new desktop wallpapers! Created with love by the community for the community, they are available in versions with and without a calendar. Enjoy! When the days are gray […]

October 30, 2024
Designing For Gen Z: Expectations And UX Guidelines

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More There are many myths revolving around Gen Z and how they use tech. Time to take a look at actual behavior patterns that go beyond heavy use of social media. Part of Smart Interface Design Patterns by yours truly. Every generation […]

October 17, 2024
CSS min() All The Things

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Victor Ayomipo experiments with the CSSmin()function, exploring its flexibility with different units to determine if it is the be-all, end-all for responsiveness. Discover the cautions he highlights against dogmatic approaches to web design based on his findings. Did you see this […]

October 15, 2024
It’s Here! How To Measure UX & Design Impact, With Vitaly Friedman

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Design decisions shouldn’t be a matter of personal preference. We can use reliable design KPIs and UX metrics to guide and shape our design work and measure its impact on business. Meet How To Measure UX and Design Impact, our new […]

October 11, 2024
Using Multimodal AI Models For Your Applications (Part 3)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You’ve covered a lot with Joas Pambou so far in this series. In Part 1, you built a system using a vision-language model (VLM) and a text-to-speech (TTS) model to create audio descriptions of images. In Part 2, you improved the […]

October 7, 2024
Build A Static RSS Reader To Fight Your Inner FOMO

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More RSS is a classic technology that fetches content from websites and feeds it to anyone who subscribes to it with a URL. It’s based on XML, and we can use it to consume the feeds in our own apps. Karin Hendrikse […]

October 4, 2024
How A Bottom-Up Design Approach Enhances Site Accessibility

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You can’t overstate the importance of accessible website design. By the same token, bottom-up philosophies are crucial in modern site-building. A detail-oriented approach makes it easier to serve a more diverse audience along several fronts. Making the most of this opportunity […]

October 2, 2024
Interview With Björn Ottosson, Creator Of The Oklab Color Space

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Go behind the scenes with Björn Ottosson, the Swedish engineer who created Oklab color space, and discover how he developed a simple yet effective model with good hue uniformity while also handling lightness and saturation well — and is “okay” to […]

September 30, 2024
Crows, Ghosts, And Autumn Bliss (October 2024 Wallpapers Edition)

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Could there be a better way to celebrate the beginning of a new month than with a collection of desktop wallpapers? We’ve got some eye-catching designs to sweeten up your October. Enjoy! The leaves are shining in the most beautiful colors […]

September 27, 2024
How To Manage Dangerous Actions In User Interfaces

Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More One of the main laws that applies to almost everything in our lives, including building digital products, is Murphy’s Law: “Anything that can go wrong will go wrong.” Our goal is to prevent things from going wrong and, if they do, […]

Get in Touch

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