• The Small Joys Of April (2021 Wallpapers Edition)

    Starting off the new month with a little inspiration boost — that’s the motivation behind our monthly wallpapers series which has been going on for more than ten years already. Each month, the wallpapers are created by the community for the community and everyone who has an idea for a design is welcome to submit […]

    READ MORE
  • Choosing A New Serverless Database Technology At An Agency (Case Study)

    Adopting a new technology is one of the hardest decisions for a technologist in a leadership role. This is often a large and uncomfortable area of risk, whether you are building software for another organization or within your own. Over the last twelve years as a software engineer, I’ve found myself in the position of […]

    READ MORE
  • SVG Generators

    Table of Contents Below you’ll find an alphabetical list of all SVG generators listed below. Skip the table of contents, or just scroll down to explore them one-by-one. Also, subscribe to our newsletter to not miss the next ones. animation backgrounds code snippets compression cropping tools data visualization doodle patterns editors favicon filters color matrix […]

    READ MORE
  • Growing UX Maturity: Knowledge Sharing And Mentorship (Part 2)

    This series of articles presents tactics UX practitioners can use to promote the growth of UX maturity in their organizations or product teams. I covered the importance of finding and utilizing UX Champions and showing the ROI/value of UX in the first article of this series. Today, I’ll focus on two additional tactics for UX […]

    READ MORE
  • How To Boost Media Performance On A Budget

    American scholar Mason Cooley deftly described a hard fact of life: “A budget takes the fun out of money.” Unquestionably, media enlivens websites, adding appeal, excitement, and intrigue, let alone enticements to stay on a page and frequently revisit it. However, just as out-of-control spending bodes ill in the long run, so does unbudgeted digital […]

    READ MORE
  • Reactivity In Vue

    In this article, we’re going to look at reactivity in Vue, how it works, and how we can create reactive variables using newly created methods and functions. This article is targeted at developers who have a good understanding of how Vue 2.x works and are looking to get familiar with the new Vue 3. We’re […]

    READ MORE
  • A Deep Dive Into Eleventy Static Site Generator

    But first — let’s quickly review what is meant by a “static site” and then what a generator provides. A static site is composed of static content — as in, the HTML, CSS, assets, and all content are already compiled together before pushing to a website host. This is different from a dynamic site that […]

    READ MORE
  • Going Headless: Use Cases And What It’s Good For

    Looking back at the years of developing for the web, I’ve used dozens of different CMS tools both off the shelf and homebrewed. I’ve been deploying and building plenty of WordPress sites and plugins, as well as extensions for full-service CMS sites in .NET. But for me, everything changed when I first heard of headless, […]

    READ MORE
  • A Complete Guide To Accessible Front-End Components

    Table of Contents Below you’ll find an alphabetical list of all accessible components. Skip the table of contents, or just scroll down to explore them one-by-one. :focus stylesautocompletebuttonscarousels”close” buttonscontent sliderscheckboxescolor systemscolor palettescomicscomponent librariescookie consent promptsdark modedata chartsdata visualizationsdate pickersform stylesfootnotesicon linksinputskeyboard navigationnavigation menumodalsprefers-reduced-*radio buttons“skip” linksSVGstabstablestoggle switchestoolstooltipsvideo/audio players Accessible :focus Styles Every browser has default focus […]

    READ MORE
  • Gone Floating Labels And Green Lighthouse Scores

    There is always something happening behind the scenes at Smashing. Over the last months, we’ve been continuously working around the performance of the site, but we’ve also removed floating labels from our forms, redesigned our error messages, revamped our Membership dashboard, refactored and adjusted our responsive tables and worked with new authors on a bunch […]

    READ MORE
  • How To Get Web Design Clients Fast (Part 1)

    Starting a web design business isn’t difficult. There’s a low barrier to entry, and almost anyone with some kind of design skill can start an agency. But if we’ve learned one thing, it’s that building a successful design business takes more than just web design chops. Whether you’re a freelancer or a full-scale web design […]

    READ MORE
  • What’s New In Flutter 2?

    Last year, I wrote two articles here on Smashing Magazine about using Flutter on web and desktop platforms. The first article was a general introduction to web and desktop development, and focused on building responsive UI; the second article was about the challenges you might face when trying to develop a Flutter app that runs […]

    READ MORE
  • CSS Generators

    Last week, we looked at CSS Auditing tools, and this week around we’ll be looking at useful generators for everything CSS: from gradients to drop-shadows and bezier curves to triangles and type scales. Just a few useful tools for your toolbelt, to keep close. More On CSS: CSS Auditing Tools Things You Can Do With […]

    READ MORE
  • Good, Better, Best: Untangling The Complex World Of Accessible Patterns

    Marc Benioff memorably stated that the only constant in the technology industry is change. Having worked in tech for over 15 years, I can confirm this. Fellow tech dinosaurs can attest that the way the web worked in the early days is drastically different than many of us could have even imagined. While this constant […]

    READ MORE
  • Growing UX Maturity: Finding A UX Champion And Demonstrating ROI (Part 1)

    UX maturity is the presence and level of sophistication of UX in an organization. Organizational maturity goes beyond the skills of the individuals composing the UX roles on various teams, to the UX processes, philosophies, and tools underpinning the organization’s product development and business practices. As Chapman and Plewes (2014) state, “Achieving great UX design […]

    READ MORE
  • CSS Auditing Tools

    How large is your CSS? How repetitive is it? What about your CSS specificity score? Can you safely remove some declarations and vendor prefixes, and if so, how do you spot them quickly? Over the last few weeks, we’ve been working on refactoring and cleaning up our CSS, and as a result, we stumbled upon […]

    READ MORE
  • The Guide To Ethical Scraping Of Dynamic Websites With Node.js And Puppeteer

    Let’s start with a little section on what web scraping actually means. All of us use web scraping in our everyday lives. It merely describes the process of extracting information from a website. Hence, if you copy and paste a recipe of your favorite noodle dish from the internet to your personal notebook, you are […]

    READ MORE
  • New Live Workshops On Front-End & UX

    There is something magical about people from all over the world coming together, live. Camera on, mic nearby, in a comfy chair, with fingertips eagerly hitting your beloved keyboard. We’ve been so humbled to welcome over 2000 wonderful people like you in our workshops already — from Montevideo to Delhi; from Perth to Cape Town; […]

    READ MORE
  • Modeling A GraphQL API For Your Blog Using Webiny Serverless CMS

    In time past, developers reduced the challenges associated with managing content-dependent platforms through the use of Content Management Systems (CMS) which allowed web content to be created and displayed using existing design templates provided by the CMS service. But with the arrival of Single Page Applications (SPAs), this approach to managing content has become unfavorable […]

    READ MORE
  • Obscure Mobile Design Techniques That Boost UX

    It’s no secret that smartphone usage has doubled over the last five years, accounting for an estimated 3.8 billion users this year. This tells us clearly where people’s attention is and how important mobile web designers are to improving the user experience. We’ve seen plenty of web design experiments in recent years adopted by companies […]

    READ MORE