December 17, 2019 — In this episode of the Smashing Podcast, we’re talking about variable fonts. What are they, how do they differ from regular fonts, and how can they help in the design and performance of our websites? Read more…

December 3, 2019 — In this episode of the Smashing Podcast, we’re talking about inclusive components. What does it mean to be inclusive, or let alone a component? And what has that got to do with accessibility? Drew McLellan talks to Smashing author Heydon Pickering to find out. Read more…

November 26, 2019 — Many sites have hosted media and content that can be shared elsewhere by the use of some HTML embed code. What happens if you just have the URL of the item and need to find an embeddable version of the media without human intervention? That is where oEmbed comes in. Read more…

November 19, 2019 — What are Design Tokens and how are they used? In this episode of the Smashing Podcast, Drew McLellan talks to Design Systems expert Jina Anne. Read more…

November 5, 2019 — What does it mean to be a freelance designer or developer? In this episode of the Smashing Podcast, Drew McLellan talks to experienced freelance brand designer Liz Elcoate to find out more. Read more…

November 5, 2019 — In this inaugural episode of the Smashing Podcast, Drew McLellan talks to Andy Clarke about Art Direction. What is it, and how can it be used in our web projects? Find out about the book Art Direction For The Web, and catch up on the latest from Smashing Magazine. Read more…

April 17, 2019 — Many performance optimizations can be made when we can predict what users might do before they actually do it. Resource Hints are a simple but effective way that web developers can help the browser to stay one step ahead of the user and keep pages fast. Read more…

April 9, 2019 — Every bit of JavaScript you add to a site is a potential way in for a hacker. This is doubly true if that JavaScript is hosted by someone else, such as on a public CDN. Subresource Integrity is a browser feature you can use to make sure that the code being used is exactly … Read more…

January 16, 2019 — HTML5 introduced thirteen new types of form input, adding significantly to the number of different fields web designers and developers could add to our forms. But what is the state of those field types in 2019? Let’s find out. Read more…

October 30, 2018 — The Server Timing header provides a discrete and convenient way to communicate backend server performance timings to developer tools in the browser. Adding timing information to your application enables you to monitor back-end and front-end performance all in one place. Read more…