No – Safari 14 Does Not Block Google Analytics

Last week there were rumours that this was the case when in fact, it is not. Safari are including Intelligent Tracking Prevention which will impact the ability for sites to track users, however, Google Analytics is a first-party analytics platform in that it stores first-party cookies on the browser for the site.

Read more

Designing for voice

Five years ago I was really keen to see how our websites were going to take advantage of AR and VR to unleash our content on the world, but in the past two years I’ve been more excited about how voice is going to fit into how we interact online. Abraham has a great overview […]

Read more

Bootstrap 5 alpha!

Bootstrap 5 is hitting alpha and it’s jam-packed with changes. The biggest changes for me is a shiny new logo (very nice), a departure from using jQuery, and the dropping of support for Internet Explorer. You can read about more of the changes (including increased use of CSS custom variables) in this article.

Read more

Chrome is experimenting with URL display again

Twitter is hilarious (but not really). I respect Jake and the work he does for the web and this week one tweet of his really took off (in a not so good way). In true Twitter style, I read this post and the comments without watching the video and was annoyed at the end and […]

Read more

Twitter User Analysis

This tool allows you to drop in a publicly accessible twitter user, and will then run some machine learning across up to 3,200 tweets. This is necessarily the optimum number of tweets, but more to do with the limit of the Twitter API. It looks at your most commonly used words, how positive or negative […]

Read more

Eleventastic – 11ty Starter Pack

I’m on annual leave this week and I’m looking for a few online tidbits that I want to try out and learn something new. Eleventy is high on that list so I’m likely to post a few things around that. When getting into these new technologies I always like to initially try and leverage off […]

Read more

Dark mode with stack overflow

StackOverflow now has a Dark Mode. This tutorial goes through the entire process from finding the right colours across their brand assets to how they implemented it through the CSS.

Read more

Image Techniques On The Web

This isn’t the usual image tutorial that we feature where the focus is on the responsive code implementation. Instead, Ahmad takes a close look at the different design approaches you can have with images and how they’re done with CSS & HTML.

Read more

PostCSS 8.0 is coming

PostCSS is a tool for transforming CSS with JavaScript. It will auto prefix vendor specific code, add pollyfills to new CSS methods based on your browser support needs and more. Now PostCSS 8.0 will bring new API for plugins, which will make your CSS build faster and keep your node_modules smaller.

Read more

Technical writing courses from Google

If you’re working on the web it’s a good chance you’ve had to write a technical document at some point in your career. These are aimed at engineers and product owners but I think everyone could learn something from these free resources.

Read more

Learn Eleventy From Scratch

Are you interested in the JAM Stack but you’re not really sure how to get started? Have you been working with Hugo, Gatsby, or Jekyll or other static site generators but you want to give Eleventy a go? Well I HIGHLY recommend you signing up to this new course from Andy Bell, currently on Early […]

Read more

A Variable Fonts Primer

This site, made by the friends of Google Fonts, cover everything about Variable Fonts and show you how to get started. Google Fonts have even included variable fonts as one of the filter options on it’s own site. BEWARE though, make sure you also read the performance article about Variable Fonts below and understand when […]

Read more

CSS Viewport Units

A great round up of what CSS Viewport Units can offer you along with a whole bunch of useful examples on how and when to implement them.

Read more

Variable fonts: Is the performance trade-off worth it?

Ann takes a look at the Roboto Variable Font compared against loading static versions of the Font to see which has the better performance. As with most things, it depends is really the answer, but this should make you think twice before automatically reaching for a variable font (and it helps you understand what you […]

Read more

Introducing the Page Visibility API

The Page Visibility API is useful for detecting the visibility state of the page. We can listen to the visibilitychange event and then get the visibility state with document.visibilityState and so what we want with it. How can you use it? Well imagine you’re playing a video and then scroll away from it, or maybe […]

Read more

Performant front-end architecture

A step by step tutorial that shows you a variety of techniques to make the front-end of your site feel faster.

Read more

Responsive Grid Magazine Layout in Just 20 Lines of CSS

A really clever approach using a combination of Grid layout and nth-child declarations produces this lovely looking responsive magazine layout. When I first came across CSS Grid I really struggled to understand how it was going to change the way in which we built our sites until I took some time to put the periodic […]

Read more

How does the Virtual DOM work?

If you’re anything like me you will have heard the term “Virtual DOM” mentioned in a million different tutorials and articles, and probably mixed up the use of the term Virtual and Shadow DOM assuming they’re the same thing (or maybe that was just me). I’ve never really taken the time to properly understand what […]

Read more

Toward Responsive Elements

In this piece Brian talks about the “Container Queries” problem, tries to shine some light on some misconceptions, and tells you about the state of things.

Read more

Humaaans: Mix-&-Match illustration library

This isn’t so much as a bit of news to update you with, but rather an awesome resource that you can use. I’ve always been fine with technical side of constructing a site. I get the architecture requirements, the content matrix, but when it comes to including imagery I used to just forget about it. […]

Read more

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.