If you’ve ever owned an IKEA FRAKTA bag (yes, that iconic blue wonder that seems capable of holding your entire life), then you’ll want to check out IKEA’s latest design-inspired pop-up: the ‘Hus of FRAKTA.’ Located on London’s bustling Oxford Street, this pop-up isn’t just a retail space—it’s a celebration of the design innovation and […]
FRAKTA Reimagined: A Playful Tribute to IKEA’s Most Versatile Design Read More »
Earlier this month, we wrapped up our SmashingConfs 2024, and one subject that kept coming up over and over again — among attendees, between speakers, and even within the staff — was “what would we like to get better at next year?” It seems like everyone has a different answer, but one thing is for
Bundle Up And Save On Smashing Books And Workshops 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 for. In this tutorial, we will create a multistep form for a job application.
Creating An Effective Multistep Form For Better User Experience Read More »
It’s that time of year again—Spotify Wrapped season is just around the corner, and this year, the streaming giant has found a new way to keep us guessing. Instead of the usual hints, Spotify is teasing 2024 Wrapped with mysterious, cryptic logos, and the internet is buzzing with theories. What’s Spotify Wrapped Again? If you’ve
Spotify’s Cryptic Tease for 2024 Wrapped Has Everyone Talking Read More »
Welcome to “Anchor Positioning 101” where we will be exploring this interesting new CSS feature. Our textbook for this class will be the extensive “Anchor Positioning Guide” that Juan Diego Rodriguez published here on CSS-Tricks. I’m excited for this one. Some of you may remember when CSS-Tricks released the “Flexbox Layout Guide” or the “Grid
One of Those “Onboarding” UIs, With Anchor Positioning Read More »
Welcome to our monthly roundup of the best new fonts we’ve found online in the previous four weeks. November’s edition is particularly strong for script-inspired sans, display faces with motion and energy, and a charming blackletter font. Enjoy! Formiga Formiga is a versatile, humanist display typeface designed for attention-grabbing editorials. It has a clear, confident, and
15 Best New Fonts, November 2024 Read More »
In the early 2000s, the internet was undergoing a massive transformation. Websites were no longer static, text-heavy pages but were becoming immersive digital experiences. At the forefront of this revolution stood 2Advanced Studios, a name synonymous with cutting-edge web design and innovation. Their website, 2Advanced.com, became an iconic benchmark in the history of the internet,
Blast from the Past: 2Advanced.com Read More »
Looking to add an eye-catching touch to your website? NEAT is here to help! This innovative tool allows you to create beautiful animated 3D gradients that can be used for hero backgrounds or other design elements on your site. It’s incredibly easy to use and gives you endless creative possibilities. With NEAT, you can input
NEAT: Your Go-To Tool for Stunning 3D Gradients 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 in the mood for December — and the holidays, if you’re celebrating? More than
Dreaming Of Miracles (December 2024 Wallpapers Edition) Read More »
Web design is not merely an exercise in aesthetics; it is a blend of art and science where psychology plays a crucial role. Understanding how users think, perceive, and behave online allows designers to create interfaces that feel intuitive, trustworthy, and engaging. By incorporating psychological principles, web designers can craft experiences that resonate with users,
Key Psychological Principles in Web Design: A Deep Dive Read More »
