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.

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

Going Fullscreen On iPad Safari 🤩

There’s two amazing things about coming across this article. First, it’s great to see that iPad (iOS Safari) are now supporting full screen mode and; secondly, how cool is the Bubblin superbooks. There’s a tonne of free content with some great titles and all available in the browser. I worked on a little side project […]

Read more

When to use CSS vs. JavaScript

This is a great counter balance for all those tutorials out there that tell you that you can build feature/interaction XYZ by using CSS instead of JavaScript.  I’m all for using less JavaScript and I certainly think that in the past 18 months the role of JavaScript has taken things a little too far by […]

Read more

Inlining or Caching? Both Please!

It feels like every 6-12 months filament group redefine how to make pages as performant as possible with minimal fuss, and this article is no different. One of the biggest issues with in-lining Critical CSS was having to have it duplicated in the CSS you request as well.now with service workers and the very smart […]

Read more

Real URLs for AMP Cached Content Using Cloudflare Workers

One of the complaints aimed towards the implementation of AMP is that you had your content served from Google on their own URLs. Cloudflare have developed a way in which you will still gain benefit from being on the Google AMP caching servers, but you’ll retain your own domain when the content is served. I’m […]

Read more

Simplify Styling with Functional CSS

This article takes you through the logic behind creating a class for every CSS property to allow you to really customise each of your elements on the page. Essentially it’s atomic CSS, and while I’m not a fan I think it’s good to be aware of all approaches to building sites.

Read more

5 suggestions for higher scores in WebPageTest, Lighthouse, and Observatory

Šime Vidas runs web platform news and has recently been redeveloping the site. The update is lightning quick with great content, and in this article he describes the top 5 suggestions he has after building the site for performance.

Read more

How to Build a Low-tech Website?

I love the idea of a low powered web page and a solar powered server. Looking at this example it wouldn’t be out of the ordinary that this is the kind of resource that we’ll need when colonising Mars. The web would be a valuable resource, but I envisage it being more like the earlier […]

Read more

Improving Client-Side Performance

A cracking list of suggestions from TJ Fogarty about how to get the most out of your site when it comes to performance when launching or reviewing a website. I’m currently looking at expanding upon the Am I Responsive tool to also incorporate performance metrics about the site that people are reviewing. While the tools […]

Read more

Helping a Beginner Understand Getting a Website Live

Getting started with HTML, CSS, and JS is one thing, but putting those files onto a server with a domain name is something else. This post from Chris Coyier covers off those kinds of questions. I remember back in 1999 when I had my first ‘proper’ job. I was an administrative assistant at the Northern […]

Read more

Registering service workers

In Jeremy’s very good book on Service Workers (it’s actually about going offline, but there’s a main role for service workers as the lead actor) he shows the feature detection way in which you call a service worker. He also covers a future-friendly way, which seems like it might never see the light of day […]

Read more

Google AMP – A 70% drop in our conversion rate

After switching to AMP pages there were some issues with the conversions. A coincidence? Potentially, but there are a few issues that are pointed out around implementing AMP that I wasn’t aware of in the past.

Read more

Chrome’s NOSCRIPT Intervention

Last week we spoke about the latest release of Chrome and the new approach to avoid loading javascript on pages that are being requested over a 2G or slower network. This week, Tim Kadlec has done a whole bunch of research around this. The article explains how you’re able to set your browser to emulate […]

Read more

Using CSS Clip Path to Create Interactive Effects, Part II

There are a lot of really cool techniques you can apply these days for some interesting art direction on the web, this is one of my favourites at the moment because it really allows us to break out of traditional boxes

Read more

Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor

Shape outside and clipping paths are going to make the rest of the web designs for this year and into 2019 look a whole lot better. We haven’t gone there yet, but I can see a magazine style layout that has more art direction start to become a trend shortly.

Read more

New in Chrome 69

Chrome 69 is released as Google Chrome turns 10. I remember seeing the ads in the London Underground for this new browser from Google and I made the switch from Firefox immediately. It’s funny that 10 years later I’ve left Chrome for Firefox, who knows what the next 10 years will bring.

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.