Responsive Design News

Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.

AMP as your web framework

AMP just confuses me now. They seem to have pivoted their approach and changed their purpose. Apparently it’s not another format of the web, it’s not an SEO thing (yeah it is), and isn’t a replacement for HTML (except for the HTML replacement elements). AMP seems to be struggling to find its footing as developers […]

Read more

A report from the AMP Advisory Committee Meeting

For the longest time I’ve been sharing Terence’s posts about AMP, all of which have been a negative outlook towards the project. Terence now sits on the Advisory Committee for AMP (keep your friends close and all that) and they recently met in person in London. I’m glad someone like Terence is part of the […]

Read more

Building the future of email with AMP

After watching a colleague wrestle with trying to create a reasonably good looking email I can see the use of AMP in email becoming something that catches on. The added bonus is that it won’t receive as much pushback as AMP received when trying to take over the standard HTML pages.

Read more

Building the Squarespace Image Filters

Squarespace is still the number one go-to-tool that I recommend to friends when they ask me if I can help them build a website (in fact my friend even set up her own upholstery side business on her own and she often refers to herself as technically challenged). They’ve recently improved their image filters through […]

Read more

Beyond Tellerrand – Düsseldorf 2019

I’m excited to say that I’ve sorted my flights and tickets to what I would call the best conference in Europe. For those of you that don’t know about Beyond Tellerrand, it roughly translates to beyond the edge of the plate and certainly pushes my mind past the edge of what I thought was possible […]

Read more

The WebAIM Million

In February 2019, WebAIM conducted an evaluation of the home pages for the top 1,000,000 web sites using the WAVE stand-alone API (with additional tools to collect site technology parameters). While this research focuses only on automatically detectable issues, the results paint a rather dismal picture of the current state of web accessibility.

Read more

Fancy new selectors within groups can break your CSS rule

Just when you think CSS is completely forgiving in its syntax here is an example where it will ignore your CSS rules. I would have thought it would skip over selectors it didn’t recognise, but it seems that if one is invalid (not recognised) it skips the whole group and rules altogether.

Read more

Interactive Typography cheatsheet

This is a great example where someone takes something amazing that has been created and available on the web and reproduces it to make it even more amazing. Find, learn, re-purpose, repeat. This is just the article on the process, the cheatsheet itself is in the tools section below

Read more

How @supports Works

@supports is great for creating progressively enhanced features within CSS. A few years ago I was annoyed with @supports because a lot of the CSS features I wanted to test for weren’t supported in browsers that also didn’t support @supports, nightmare! Fortunately there’s only two potential browsers you’re supporting (I hope) that don’t have @supports […]

Read more

Firefox 65 release

What a cracker jack box of amazing that is Firefox 65. This could be a newsletter edition on its own, but for now I’ll list my highlights. CSS Flexbox inspector to allow you to see where/why items are sitting on a page, their flex state and the space available, a great edition to the existing […]

Read more

Creating distraction-free reading experiences

I came across this article this week and it reminded me just how important it is to make the content on our sites easy for our users to read. Seems like a simple and obvious thing, but we often lose track of just how important this is. To my surprise, this article was from 2014 […]

Read more

Sitespeed.io 8.0 and Browsertime 4.0

My favourite FREE performance monitoring tool has had a major release and upgrade. If you haven’t tried out Sitespeed.io yet now is the perfect time.

Read more

Building Journal Book

JournalBook is a progressive web app that allows you to keep a journal on your own device. Your notes are only stored on your device, they’re never even sent to a server. You don’t even need to sign-in to use it! It works offline, so you can reflect upon your day on the slow train […]

Read more

Solving a Tricky Layout Problem with CSS Grid

Michelle takes us through a layout she was trying to achieve and the different approaches used to reach the right outcome. I love real life ‘how I approached a problem’ articles.

Read more

Updating Augmented content on touch/interaction with AR.js

Setting the scene The situation: I have 9 markers for an augmented experience showing our Sun and planets to scale. This allows you to put two markers side by side to see the size differences. The Problem: the key for this is the scale, but because of the sheer scale changes between the first 4 […]

Read more

DRY Switching with CSS Variables: The Difference of One Declaration

Ana Tudor is an epic amazing designer and developer, and her ability to stretch CSS for some visual sugar is unsurpassed.

Read more

2018: A round-up of all Codrops resources

Codrops doesn’t just have a great weekly list of great things on the web, but they also provide some cool tutorials with experimental features to help (at least it helps me) understand the new capabilities of web design. Here’s there 2018 round up.

Read more

A truly great (epic) article on the current state of responsive design in 2018/19 and the design/developer relationship. It delves into how we should think about designs and the different process and outputs that might be required. A great way to start off 2019.

Read more

Dynamic Social Sharing Images

It’s been on my list of side projects to enable automatic screenshots for the Am I Responsive tool, I think this is something which I could adapt. Very cool tutorial from Drew.

Read more

Going offline first

This is a great video series from Ire that takes you through five steps on how to create an offline experience on your website. The videos range between 8 and 23 minutes so you could watch them all in your lunch break, or take a short moment out of each day of your week next […]

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.