Drew is a Staff Engineer specialising in Frontend at Snyk, as well as being a co-founder of Notist and the small content management system Perch. Prior to this, he was a Senior Engineer at Netlify, and from 2006-08 was Group Lead for The Web Standards Project. Drew has had articles published by A List Apart, Adobe, and O’Reilly Media, and is the host of the biweekly Smashing Podcast.
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…
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…
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…
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…
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…
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…
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…
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…
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…
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…