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.

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

Just write.

This is a mantra that I’ve heard Jeremy Keith say, and it’s something that I encourage every single person I speak to who asks me how they can learn/improve the work they do. Most often people say “But someone else has already written about it” to which I reply “Yes, but no one has ever […]

Read more

Tips and Tricks for Debugging in Chrome Developer Tools

There’s some great tips in here from changing colour schemes to scrolling an element into view, and even taking a screenshot of a highlighted element within the dom

Read more

PWA: Progressive Web All-the-things

Progressive web apps have come a long way over the past three years. I remember listening to Jake bang on about the service worker in a Shop Talk podcast and feeling overly excited about the possibilities. Now it’s in more than one browser, and so much more can be done. In this article Paul Kinlan […]

Read more

Introducing CSS Values and Units Level 4

There’s a new spec in town and it’s all about units! Exciting! There are new unites including vi (1% of the viewports size in the root elements inline axis), vb (not the rubbish Aaustralian beer, but 1% of the viewports size in the root elements block axis), ic (average character fullwidth glyph), cap (nominal height […]

Read more

On HTTPS and Hard Questions

Tim replies to the post last week from Eric around HTTPS and the negative impact it can have on users who are accessing content through a proxy thanks to their situation (expensive data, high packet loss, low caps). This is a problem that we need to discuss more and find a solution to, and as […]

Read more

Let’s serve everyone good-looking content

But aren’t we already used to stretching such guidelines, building responsive interfaces that work across viewports? Shouldn’t we let go, because we cannot control a user’s browser? This comes back to the questions “Does the site need to look the same in every browser”. We already change the site look and feel between breakpoints using […]

Read more

The Trouble with D3

If you love the idea of creating data visualistions and think you can just drop into D3 and emerge at the other end…. well I hope you’re right but the chances are this article will help set the record straight and point you down the right road for your particular journey

Read more

Release Notes for Safari Technology Preview 62

Another update for the Safari Webkit Technology Preview browser. This browser is the one that gets all the latest and greatest updates, which then allows folks like you and I to test our websites to see if the new features have caused any unwanted situations. It also provides us with the ability to test out […]

Read more

Automatically Generating Attendee Tags for Conferences

The Concatenate site provided previews of badges for attendee’s on the fly, check out how Christian Nwamba managed to get this working using the tools that Cloudinary provide.

Read more

Image Inconsistencies: How and When Browsers Download Images

Harry takes some time to look at the download of images across background-image (in CSS) and using the regular image tag. The results, as you might expect, are mixed across the different browsers that are on the market.

Read more

A one year PWA retrospective

Pinterest rolled out their site as a PWA with some amazing results. 103% increase of active users on mobile, 156% increase in Brazil and 312% in India. When you see figures like this you have to wonder why everyone doesn’t just roll with PWA’s.

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.