Articles by Smashing Magazine

  • All Things Smashing: Monthly Update

    All Things Smashing: Monthly UpdateAll Things Smashing: Monthly Update Iris Lješnjanin 2020-01-17T11:30:00+00:002020-01-18T02:36:25+00:00We can’t repeat enough how wonderful the web performance community is! There are good folks who help make the web faster, and their efforts matter indeed. With the new year sinking in and everyone’s resolutions still being put to the test, personal goals such […]

    READ MORE
  • The Mythical Mythical Man-Month

    The Mythical Mythical Man-MonthThe Mythical Mythical Man-Month John Foreman 2020-01-15T13:00:00+00:002020-01-17T02:36:56+00:00As a product leader at a tech company, I am a bottomless pit of need. My job as the Chief Product Officer at Mailchimp is to bring the product to market that’s going to win in a very competitive space. Mailchimp’s aspirations are high, and to […]

    READ MORE
  • Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System?

    Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System?Smashing Podcast Episode 7 With Amy Hupe: What Is A Government Design System? Drew McLellan 2020-01-14T05:00:00+00:002020-01-15T02:37:15+00:00Have you ever wondered how design systems are used within a government? Also, if you’d want to document a design system the best way you could, how would […]

    READ MORE
  • An Introduction To React’s Context API

    An Introduction To React’s Context APIAn Introduction To React’s Context API Yusuff Faruq 2020-01-13T11:30:00+00:002020-01-14T02:36:15+00:00For this tutorial, you should have a fair understanding of hooks. Still, before we begin, I’ll briefly discuss what they are and the hooks we’ll be using in this article. According to the React Docs: “Hooks are a new addition in React […]

    READ MORE
  • Understanding CSS Grid: Grid Lines

    Understanding CSS Grid: Grid LinesUnderstanding CSS Grid: Grid Lines Rachel Andrew 2020-01-10T11:30:00+00:002020-01-11T02:37:14+00:00In the first article in this series, I took a look at how to create a grid container and the various properties applied to the parent element that make up your grid. Once you have a grid, you have a set of grid lines. […]

    READ MORE
  • How To Create And Deploy Angular Material Application

    How To Create And Deploy Angular Material ApplicationHow To Create And Deploy Angular Material Application Shubham 2020-01-09T12:30:00+00:002020-01-10T02:36:57+00:00Angular is one of the popular choices while creating new web applications. Moreover, “Material Design” specs have become a go-to choice for creating minimal and engaging experience today. Thus, any new “Angular” project mostly uses the “Angular Material Design […]

    READ MORE
  • The Split Personality Of Brutalist Web Development

    The Split Personality Of Brutalist Web DevelopmentThe Split Personality Of Brutalist Web Development Frederick O’Brien 2020-01-08T11:00:00+00:002020-01-09T02:35:39+00:00Of all the design trends to hit the Internet in recent years, brutalism is surely the most eye-catching, and the most poorly defined. A variety of major brands have embraced ‘brutalist’ aesthetics online. There are even directories for those interested […]

    READ MORE
  • Why You Should Choose HTML5 Over

    Why You Should Choose HTML5 <article> Over <section>Why You Should Choose HTML5 <article> Over <section> Bruce Lawson 2020-01-07T11:30:00+00:002020-01-07T22:35:47+00:00A few days ago, I was having a chat with some friends, one of whom asked me the difference between and in HTML. This is one of the eternal mysteries of web development, up there with “why is […]

    READ MORE
  • Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

    Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word] Vitaly Friedman 2020-01-06T10:30:13+00:002020-01-07T02:36:05+00:00Web performance is a tricky beast, isn’t it? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are? Is it expensive JavaScript, slow web font delivery, heavy […]

    READ MORE
  • Understanding CSS Grid: Creating A Grid Container

    Understanding CSS Grid: Creating A Grid ContainerUnderstanding CSS Grid: Creating A Grid Container Rachel Andrew 2020-01-03T11:30:00+00:002020-01-04T02:35:32+00:00This is the start of a new series here at Smashing Magazine concentrating on CSS Grid Layout. While Grid has been available in browsers since 2017, many developers won’t have had a chance to use it on a project yet. […]

    READ MORE
  • How To Decide Which PWA Elements Should Stick

    How To Decide Which PWA Elements Should StickHow To Decide Which PWA Elements Should Stick Suzanne Scacca 2020-01-02T12:30:00+00:002020-01-03T02:36:45+00:00As the number of website visitors and shoppers grows on mobile, it’s important to consider how small additions to your design will encourage them to do more than just research and browse. One of the elements I think […]

    READ MORE
  • 2019: A Smashing Year In Review

    2019: A Smashing Year In Review2019: A Smashing Year In Review Rachel Andrew 2019-12-31T13:30:00+00:002020-01-01T02:35:26+00:002019 has been quite a productive (sometimes challenging, but ultimately very successful) year for the Smashing team. In this annual round-up, I’d like to share some of my thoughts and those of some of the Smashing team, as we look back on […]

    READ MORE
  • New Adventures Ahead! (January 2020 Wallpapers)

    New Adventures Ahead! (January 2020 Wallpapers)New Adventures Ahead! (January 2020 Wallpapers) Cosima Mielke 2019-12-31T12:30:00+00:002020-01-01T02:35:26+00:00Let’s welcome 2020 with a new wallpaper! After all, the new year is the perfect occasion to tidy up your desktop and start on a fresh, blank slate — no clutter, just the things you really need and space for what’s about […]

    READ MORE
  • Smashing Podcast Episode 6 With Luca Mezzalira: What Are Micro-Frontends?

    Smashing Podcast Episode 6 With Luca Mezzalira: What Are Micro-Frontends?Smashing Podcast Episode 6 With Luca Mezzalira: What Are Micro-Frontends? Drew McLellan 2019-12-31T05:00:00+00:002020-01-01T02:35:26+00:00We finish off this year with yet another Smashing podcast! This time, we’ll be talking about micro-frontends. What is a micro-frontend? How is it different from the sort of approach we might be taking […]

    READ MORE
  • 5 Things To Stop Doing In Mobile App Design

    5 Things To Stop Doing In Mobile App Design5 Things To Stop Doing In Mobile App Design Suzanne Scacca 2019-12-30T11:00:00+00:002019-12-31T02:35:49+00:00I move to a new state every two to three years, so it’s important for me to live “light”. Every time I prepare to move, I go through the “Do I really need to keep this?” […]

    READ MORE
  • Helping Browsers Optimize With The CSS Contain Property

    Helping Browsers Optimize With The CSS Contain PropertyHelping Browsers Optimize With The CSS Contain Property Rachel Andrew 2019-12-27T12:00:00+00:002019-12-28T02:35:30+00:00In this article, I’m going to introduce a CSS Specification that has just become a W3C Recommendation. The CSS Containment Specification defines a single property, contain, and it can help you to explain to the browser which parts […]

    READ MORE
  • Beyond Sprint 0: An Alternative For Integrating Teams

    Beyond Sprint 0: An Alternative For Integrating TeamsBeyond Sprint 0: An Alternative For Integrating Teams Shamsi Brinn 2019-12-24T15:30:00+00:002019-12-25T02:36:18+00:00Scrum is the most popular project management methodology in the world with over 72% of teams using Scrum or a scrum-hybrid. Chances are good that if you work in web development you are using Scrum in some form. […]

    READ MORE
  • Creating Voice Skills For Google Assistant And Amazon Alexa

    Creating Voice Skills For Google Assistant And Amazon AlexaCreating Voice Skills For Google Assistant And Amazon Alexa Tris Tolliday 2019-12-23T12:00:00+00:002019-12-24T02:36:18+00:00Over the past decade, there has been a seismic shift towards conversational interfaces. As people reach ‘peak screen’ and even begin to scale back their device usage with digital wellbeing features being baked into most operating […]

    READ MORE
  • Smashing Monthly Roundup: What’s New?

    Smashing Monthly Roundup: What’s New?Smashing Monthly Roundup: What’s New? Iris Lješnjanin 2019-12-20T14:00:00+00:002019-12-21T02:35:27+00:00With the year slowly coming to an end, now is probably a great time to slow down and be mindful. Look back, reflect, breathe. It’s been a long year for all of us, so why not make yourself a good cuppa coffee or tea […]

    READ MORE
  • Quantitative Data Tools For UX Designers

    Quantitative Data Tools For UX DesignersQuantitative Data Tools For UX Designers Adonis Raduca 2019-12-19T11:30:00+00:002019-12-20T02:38:26+00:00Many UX designers are somewhat afraid of data, believing it requires deep knowledge of statistics and math. Although that may be true for advanced data science, it is not true for the basic research data analysis required by most UX designers. Since […]

    READ MORE