All Things Smashing: Monthly Update All Things Smashing: Monthly Update Iris Lješnjanin 2020-01-17T11:30:00+00:00 2020-01-17T15:36:33+00:00 We 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 as reproducing bugs and fixing issues suddenly become something we all have in common: improving the web for everyone involved. As various … →

Inspirational Website of the Week: NT On Nathan Taylor’s portfolio everything is interactive! A true digital pleasure. Our pick this week. Get inspired Magical Rainbow Gradients with CSS Houdini and React Hooks A great tutorial by Josh Comeau about a very creative way to animate magical gradients! Read it Tiny Helpers Easily find useful single-purpose online tools on this site made by Stefan Judis. Check it out Our Sponsor Start your own freelance business by becoming a Divi developer Learn … →

The Mythical Mythical Man-Month The Mythical Mythical Man-Month John Foreman 2020-01-15T13:00:00+00:00 2020-01-16T15:35:31+00:00 As 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 realize them we need to deliver a substantial amount of product to the market. Oftentimes to many at the company, it feels … →

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-14T15:06:56+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 could, how would you do it? I spoke to Design Systems advocate, Amy Hupe, who shares her advice and lessons learned. Show Notes The GOV.UK … →

React-three-fiber v4 Read about all the new things coming with this major release of the react-three-fiber library. Check it out Progressive Web Apps in 2020 Maximiliano Firtman explores how Progressive Web Apps look like in 2020 and what changes the past year has brought to the ecosystem. Read it Our Sponsor Start your own freelance business by becoming a Divi developer Learn how to develop websites with the most popular WordPress theme in the world and secure your success as … →

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-13T15:36:31+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 addition in React 16.8. They let you use state and other React features without writing a class.” That is basically what a React hook is. … →

Understanding CSS Grid: Grid Lines Understanding CSS Grid: Grid Lines Rachel Andrew 2020-01-10T11:30:00+00:00 2020-01-10T15:37:00+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 of grid lines. In this article, you will learn how to place items against those lines by adding properties to the direct children of the … →

Inspirational Website of the Week: Obys A combination of unique layouts, beautiful elements and smooth animations make Obys stand out. Get inspired This content is sponsored via Thought Leaders Manage projects better in 2020 – Clubhouse.io “Clubhouse is like a fast and delightful version of Jira, a more purposeful version of Trello.” Free for up to 10 users. Check it out The End of Indie Web Browsers: You Can (Not) Compete Samuel Maddock’s sobering article on the detrimental consequences of … →

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-09T15:35:31+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 “Angular Material Design Library” to use the components which follow the material design specifications. From smooth animations to proper interaction feedback, all of this is … →

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-08T15:36:17+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 for those interested in seeing a selection of them in one place. The style has well and truly entered the mainstream. Bloomberg.com’s stark, no-nonsense design … →