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.

Mental Illness in the Web Industry

I lost my best friend to mental illness a few years ago. It was, and still is, a tragedy and one which I’m not sure I’ll ever fully get over. Mental Health/Illness is a very serious issue, both in and outside of the web industry. If you ever struggle with mental health please know that […]

Read more

A Pinterest Progressive Web App Performance Case Study

Pinterest’s new mobile web experience is a Progressive Web App. In this post we’ll cover some of their work to load fast on mobile hardware by keeping JavaScript bundles lean and adopting Service Workers for network resilience.

Read more

HTTPS explained with carrier pigeons

I often recommend moving to HTTPS because of all the benefits you get on top of being secure, like HTTP/2 and Service Workers for instance. But what _is_ HTTPS really? Could you explain it to someone if they asked you the question? Like really explain it? Take 5 minutes and you’ll be an expert!

Read more

Release Notes for Safari Technology Preview 46

In the excitement and anticipation of Santa coming to visit I missed the Safari Technology Preview #46 release, and along with it, one of the more exciting bits of news I’ve heard for a while. Service Workers are now supported in the Safari Technology Preview, which in turn means that it will be shipping to […]

Read more

Improving URLs for AMP pages

Google are looking to implement the ability for AMP results to be served from their original URLs rather than the google.com/amp prefix. This is the number one complaint that they hear about AMP, so it’s great that they’re working towards a solution. At the moment, however, that solution is based on the Web Packaging standard […]

Read more

Everything You Ever Wanted To Know About Prototyping (But Were Afraid To Ask)

For me the creation of prototypes have been a crucial part of the building a website workflow ever since responsive design landed. Showing someone your ideas in a static design leaves loads of room for clients to guess what the other viewports might look like, but a URL that can be viewed on what ever […]

Read more

The Best Request Is No Request, Revisited

Stefan revisits the web adage that the best request is no request at all… which is essentially why we ended up concatenating our CSS and JS and creating sprites for our UI images…. if you don’t have to make two http requests then don’t. Now, with http/2, is this approach still valid? Are our former […]

Read more

Cascading Web Design with Feature Queries

Feature queries are a great way to progressively enhance your site and allow you to take advantage of the latest and greatest advancements in CSS, but only when it is supported in the browser. Feature queries are a way of adding an IF statement to your CSS in the same way that we do for […]

Read more

New in Firefox 58: Developer Edition

Last week I wrote about although I’ve moved across to Firefox as my default browser I was still going back to Chrome for the dev tools. Well this week Firefox Developer edition #58 has been released with some great new Dev tools features. Winning!

Read more

Augmented reality with Python and OpenCV (part 1)

I’m really interested in how we can expand our traditional content and our concepts of the browser with VR and AR. My commute this week has been filled mostly with getting a really simple AR going to show the Earth rotating when using the Hiro marker, so this tutorial really interested me with the ability […]

Read more

Introducing the New Firefox: Firefox Quantum

One of the biggest releases occurred this week with Firefox releasing v57 better known as Firefox Quantum. It is twice as fast as it was 6 months ago and Mozilla believes it will be on target to be twice as fast again in 2018. So why such a big deal? Well for the first time […]

Read more

A Responsive Accessible Table

This is such an amazing deep dive into how to create a responsive accessible table from Adrian Roselli. I’ve been using Filament Groups Table Saw for as long as I can remember but this is perfect for building one out yourself and understanding the things you’ve got to think about.

Read more

Designing PWA for eCommerce

A nice little project that will be made available on github once complete that will be building a VUE based PWA that connects to Magento. With BackPocket Notebooks being one of my non-digital side projects I’m really keen for an offline/PWA however at the moment I’m bound by what Shopify offers.

Read more

Rebuilding slack.com

I’m pretty sure you’ve heard of this communication tool called Slack, right? Well, it’s kinda popular. Check out how they rebuilt it and managed to shave 53% off their pricing page load time!

Read more

Expo: Towards Rapid VR Prototyping

Sketching out and prototyping interfaces in VR can be hard in a 2D world, see how Shopify are breaking down the barriers.

Read more

The meaning of AMP

I’m trying my best to be as even minded as I can but I find myself siding with the ideas of both Jeremy and Ethan. I want a faster web, but not one that relies on AMP.

Read more

Media Queries Based on Element Width with MutationObserver

This article explores a JavaScript approach to add different attributes to an element depending on its width using resize event and MutationObserver.

Read more

Can You Afford It?: Real-world Web Performance Budgets

Performance is an incredibly important part of the budget for any project… and I’m not talking about the money the client is paying you from their budget

Read more

Responsive speech search

This is a little demo that I put together for the talk last week. It only works in Chrome but once you approve it to use the microphone it will allow you to perform a voice search for any resources on the RWD site. This was really valuable when I was testing the RWD.is site […]

Read more

CSS Grid: Bringing true two-dimensional layout to the web

This is a great talk from Melanie Richards from Microsoft around the CSS Grid. It’s one of my favourite talks in terms of covering off the most important elements of the specification and it is somewhat of a nice story to hear on how the whole Grid Spec started with Microsoft and should be shipping […]

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.