News Archives | Responsive Web Design

The Two Faces of AMP

Tim looks at the two sides of AMP. Is it a tool for the open web, or is it a tool for Google Search? My favourite part is “If AMP makes performance better, that’s fantastic! Let’s incentivize good performance in the rankings. Let’s incentivize the goal, not the tool.”

Read more

HTTPS or bust: Chrome’s plan to label sites as “Not Secure”

If you’re running a website and not using HTTPS the time to do something about it is NOW. Google is, as of July 2018, going to mark non-https sites as “Not Secure”. This provides a big doubt in your users minds that you are a trustworthy service and will have a significant impact upon your […]

Read more

Everything Easy is Hard Again

A wonderful essay from Frank Chimero based on a recent talk he gave around the current state of the web. As always, Frank gets to the heart of an issue and covers it in an informative, captive, and witty way.

Read more

CSS Grid Layout Module Level 2

Although the CSS Grid has only just (relatively speaking) hit browsers they’re already well on the way to working out what the CSS Grid Layout Module Level 2 should contain. If you’ve started building with Grid, and I highly recommend you should, then head along to this link they voice any opinions you might have […]

Read more

How to Scope Work

This is a great article by Dan around the best approach to scoping a website build (or anything for that matter). Breaking it down logically into chunks allows us to see the components, and down further and further until you can see if you’re able to get it done within the time (if not, increase […]

Read more

Introducing the new Small Multiples website

If you’re redesigning your site and thinking about the potential move to a new platform then this article on the review of static site generators is a great read. Big sites, like Smashing Magazine, have moved over to the static approach and it’s interesting to see how different sites deal with different teething problems.

Read more

Now You See Me: How To Defer, Lazy-Load And Act With IntersectionObserver

There’s not a lot more I can include in addition to the article title…. but IntersectionObserver is definitely going to be a big thing this year as the support picks up.

Read more

Circularity and Container Queries

This is fundamentally why it is taking so long to get to container queries. Aside from the recursion issue, it’s actually really expensive for the browser (from a performance/rendering point of view) to incorporate it at this point.

Read more

GDPR and Google Analytics

I think this is a really interesting point from Jeremy. The whole point of GDPR is to get a users consent to track any information about them, and with Google Analytics setting tracking cookies for all visitors cross site will we need to gain consent for that as well? If so, who’s responsible… is it […]

Read more

360° videos

If you’re adding 360 videos to your site using the <video> tag then you should also drop in the ‘dimension’ attribute as well.

Read more

Case Study: lynnandtonic.com 2017 refresh

A couple of weeks ago we featured lynnandtonic.com with its 21 different layouts and brilliant use of CSS Grid Layout. While I was preparing a review of the site and trying to reverse engineer how it was put together, Lynn has written an overview of the process herself. Thanks Lynn!

Read more

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

Subscribe to our Newsletter

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