Articles by Smashing Magazine

  • Building A Video Streaming App With Nuxt.js, Node And Express

    Videos work with streams. This means that instead of sending the entire video at once, a video is sent as a set of smaller chunks that make up the full video. This explains why videos buffer when watching a video on slow broadband because it only plays the chunks it has received and tries to […]

    READ MORE
  • A Complete Guide To HTML Email

    Table of Contents Below you’ll find quick jumps to particular components that you might need. Scroll down for a general overview. Or skip the table of contents. accessibility bugs dark mode editors and IDEs feature support frameworks getting started guides and resources inline CSS inspiration mailto link generator mailto selection prompt marketing meta-languages previews productivity […]

    READ MORE
  • Growing UX Maturity In Organizations: Education And Training (Part 3)

    This series of articles presents tactics UX practitioners can use to promote the growth of UX maturity in their organizations or product teams. In part 1, I covered the importance of finding and utilizing UX Champions and showing the ROI/value of UX. In part 2, I focused on knowledge sharing and mentorship. In this third, […]

    READ MORE
  • Better Documentation And Team Communication With Product Design Docs

    The typical process for working as a product designer in a company or startup could be familiar to you: a new product is being developed for which to provide a design solution. Then you work on some design proposals and you pitch them in front of 1–3 people to gather feedback. Sometimes this process works […]

    READ MORE
  • Flaky Tests: Getting Rid Of A Living Nightmare In Testing

    There is a fable that I think about a lot these days. The fable was told to me as a child. It’s called “The Boy Who Cried Wolf” by Aesop. It is about a boy who tends the sheep of his village. He gets bored and pretends that a wolf is attacking the flock, calling […]

    READ MORE
  • Don’t Lose Your Head: Evaluating Headless

    With many options comes many decisions, and it is easy to drown in all the many and various stated benefits of the different systems. So how do you approach evaluating these options? Two weeks ago, Aaron Hans shed light on the use cases of going headless and what it is good for here on Smashing […]

    READ MORE
  • Vanilla JavaScript Code Snippets

    Every now and again we have to deal with legacy code, wading through dark and eerie sides of the code base, often with a vague, ambiguous and unsettling documentation — if any is provided at all. In such cases, refactoring the component seems inevitable. Or perhaps you need to manage dates and arrays, or manipulate […]

    READ MORE
  • Guarding Against Disposable Design

    Disposability is a tricky term to handle in the digital world. So many things are changing so quickly — programming languages, frameworks, and design trends to name but a few — that it often feels inevitable that the things we make will be outdated almost as soon as we finish making them. This is in […]

    READ MORE
  • Meet Utopia: Designing And Building With Fluid Type And Space Scales

    Two decades ago, as we embarked on our voyage from the comfortable, predictable shores of print design to the fluid and ever-changing open seas of the World Wide Web, John Allsopp encouraged the acceptance of “the ebb and flow of things”. Ten years later, Ethan Marcotte coined the term “responsive web design”, kickstarting a seismic […]

    READ MORE
  • 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