Category: Web Design
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:00 2020-01-14T12:35:55+00:00 Have 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…
An Introduction To React’s Context API An Introduction To React’s Context API Yusuff Faruq 2020-01-13T11:30:00+00:00 2020-01-13T12:07:16+00:00 For 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…
Understanding CSS Grid: Grid Lines Understanding CSS Grid: Grid Lines Rachel Andrew 2020-01-10T11:30:00+00:00 2020-01-10T12:37:05+00:00 In 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…
How To Create And Deploy Angular Material Application How To Create And Deploy Angular Material Application Shubham 2020-01-09T12:30:00+00:00 2020-01-10T12:37:05+00:00 Angular 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…
The Split Personality Of Brutalist Web Development The Split Personality Of Brutalist Web Development Frederick O’Brien 2020-01-08T11:00:00+00:00 2020-01-08T12:37:38+00:00 Of 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…
Why You Should Choose HTML5 <article> Over <section> Why You Should Choose HTML5 <article> Over <section> Bruce Lawson 2020-01-07T11:30:00+00:00 2020-01-07T12:35:56+00:00 A 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…
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:00 2020-01-06T12:35:46+00:00 Web 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…
Understanding CSS Grid: Creating A Grid Container Understanding CSS Grid: Creating A Grid Container Rachel Andrew 2020-01-03T11:30:00+00:00 2020-01-03T12:36:37+00:00 This 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…
How To Decide Which PWA Elements Should Stick How To Decide Which PWA Elements Should Stick Suzanne Scacca 2020-01-02T12:30:00+00:00 2020-01-03T12:36:37+00:00 As 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…
2019: A Smashing Year In Review 2019: A Smashing Year In Review Rachel Andrew 2019-12-31T13:30:00+00:00 2020-01-01T12:36:06+00:00 2019 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…