Articles by Smashing Magazine

  • Lesser-Known And Underused CSS Features In 2022

    After reading Louis Lazaris’ insightful article “Those HTML Attributes You Never Use”, I’ve asked myself (and the community) which properties and selectors are lesser-known or should be used more often. Some answers from the community surprised me, as they’ve included some very useful and often-requested CSS features which were made available in the past year […]

    READ MORE
  • The Ultimate Free Solo Blog Setup With Ghost And Gatsby

    These days it seems there are an endless number of tools and platforms for creating your own blog. However, lots of the options out there lean towards non-technical users and abstract away all of the options for customization and truly making something your own. If you are someone who knows their way around front-end development, […]

    READ MORE
  • Kubernetes For Frontend Developers

    Kubernetes, also known as k8s, was coined by a Google engineer in mid-2014 and is now widely used throughout the developer ecosystem. According to the Kuberenetes Documentation: “Kubernetes is an open-source platform for managing containerized workloads and services that allow declarative configuration and automation. It enables developers to build containerized applications that can react to […]

    READ MORE
  • The Modern Way To Create And Host A WordPress Site

    What does it take to design a new website in 2022? Well, it’s possible to break this process into a few steps. You likely start with choosing a domain name for your website and buying it. Next, you will compare various hosting services and choose the one that satisfies your needs, and lastly, you will […]

    READ MORE
  • Smashing Podcast Episode 46 With Vitaly Friedman: Who Is Elliot Jay Stocks?

    In this episode, we ask how one man can go from designing websites for local bands to heading up Google Fonts Knowledge. Smashing’s Vitaly Friedman talks to Elliot Jay Stocks to find out. Show Notes Google Fonts Knowledge Smashing Conf San Francisco 2022 Elliot’s personal website Elliot on Twitter Weekly Update Performance Game Changer: Browser […]

    READ MORE
  • Rethinking Server-Timing As A Critical Monitoring Tool

    In the world of HTTP Headers, there is one header that I believe deserves more air-time and that is the Server-Timing header. To me, it’s a must-use in any project where real user monitoring (RUM) is being instrumented. To my surprise, web performance monitoring conversations rarely surface Server-Timing or cover a very shallow understanding of […]

    READ MORE
  • Top Tasks: To Focus On What Matters You Must De-Focus On What Doesn’t

    Let us start with a simple explanation of the word “task”. A task is something someone wants to do using your website or app. If you have a technology website, then tasks might include pricing, installation, and troubleshooting. If you have a university website, then tasks might include courses, lecturer/professor profiles, and accommodation. If you […]

    READ MORE
  • Magical SVG Techniques

    SVGs have become more and more popular in the past few years. For good reasons. They are scalable, flexible, and, most importantly, lightweight. And, well, they have even more to offer than you might think. We came across some magical SVG techniques recently that we’d love to share with you. From SVG grids and fractional […]

    READ MORE
  • How Even Small UX Changes Can Result In An Increase In Conversion (A Case Study)

    Sunuva is a global fashion brand for kids established in 2007. Today, their products are featured in famous luxury store brands, such as Bloomingdale’s, Harrods, Barneys, Harvey Nichols, and other luxury department store chains. This is a great example of how — after conducting a UX audit — the team and I at Turum-burum established […]

    READ MORE
  • Performance Game Changer: Browser Back/Forward Cache

    First of all, it would be remiss of me to give the Chrome browser all the credit here, when the other two main browsers (Safari and Firefox) have had this concept for quite some time now, though there are some subtle differences in all three implementations. So, Chrome was playing catch-up here. However, as the […]

    READ MORE
  • How To Use Google CrUX To Analyze And Compare The Performance Of JS Frameworks

    In recent years, frameworks have taken over web development, and React is leading the charge. These days it is fairly uncommon to encounter a new website or web app that doesn’t rely on some framework, or a platform such as a CMS. And while React’s tagline is “a JavaScript library for building user interfaces” rather […]

    READ MORE
  • How To Give Effective Feedback Remotely

    We need more good feedback in our world, and I don’t just mean the type of feedback that celebrates your good work. I’m talking about feedback that is actionable, specific, and kind; feedback that does not set us on edge or make us fall into an anxious spiral; feedback that helps us collaborate more effectively. […]

    READ MORE
  • Designing A Better Language Selector

    Imagine that you’ve just arrived in Tokyo. Full of impatience and excitement, you are just about to hit the road, yet there it comes: an urgent warning from your mobile provider, nudging you to top up your dwindling balance. With some justified concern, you go to the website, just to be redirected to the Japanese […]

    READ MORE
  • You Don’t Need A UI Framework

    Every now and then, someone will ask for my recommendations on UI frameworks. By “UI framework”, I mean any third-party package that is focused on providing styled UI components. It includes CSS frameworks like Bootstrap, as well as JS component libraries like Material UI or Ant Design. My answer to this question tends to catch […]

    READ MORE
  • Resilience, Flexibility And Immediacy: Working With Headless Systems

    In the last couple of years, our industry has figured out how to make use of cloud infrastructure and flexible deployments in the best way possible. We use services that give us continuous integration without headaches and serve static files without us managing anything. And adding the right framework to the mix, those services blur […]

    READ MORE
  • Make A Wish (May 2022 Desktop Wallpapers Edition)

    We always try our best to challenge your creativity and get you out of your comfort zone. In all these years we’ve been running it, our monthly wallpapers series has turned out to be the perfect occasion to do just that: to put your creative skills to the test, try out a new technique you […]

    READ MORE
  • How Partytown Eliminates Website Bloat From Third-Party Scripts

    Great user experience starts with a page that loads instantly. The average user doesn’t spend much time waiting for a web page to load or to interact with the page: According to Google, if a page’s load time goes up from 1 second to 3 seconds, the probability of the user bouncing increases by 32%. […]

    READ MORE
  • CTA Modal: How To Build A Web Component

    I have a confession to make — I am not overly fond of modal dialogs (or just “modals” for short). “Hate” would be too strong a word to use, but let’s say that nothing is more of a turnoff when starting to read an article than being “slapped in the face” with a modal window […]

    READ MORE
  • Boosting UX With Design KPIs

    Imagine that you’ve just received an invite to a new meeting. The description is a bit vague, but the title is sitting right there, with its heavy weight, making you a bit worried: design KPIs. Now, what do you think the meeting is going to be about? It wouldn’t be surprising to hear about conversion […]

    READ MORE
  • Preventing Bad UX Through Integrated Design Workflows

    Let’s take a moment to think about the time you’ve spent navigating intranets, password resets, project management software, or government websites. How many moments of technological frustration can you add up in the last few days when you think about them? Some of these websites and platforms are too important to avoid — they enable […]

    READ MORE