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.

Native Apps are Doomed

Don’t build a native app… the average mobile users downloads 0 apps per month. So, you might be pondering, how do I get my stuff on our customers phones?

Read more

Lazy Loading Responsive Adsense Ads

This is a nifty tutorial showing how to make your current adsense ads responsive and lazy loaded.

Read more

New Challenges AR will pose for the Web

Artificial and Virtual reality are here, whether you’re using your phone, tablet, cardboard, htc, occulus, playstation… let’s face it there’s a lot of options.

Read more

Arribem a Barcelona! Cloudflare’s 101st data center

When you use Cloudlare they place your website on 101 of those data centers around the world meaning that your website is closer to your user, which means latency isn’t as much of an issue.

Read more

PX, EM or REM Media Queries?

I’ve been using em based media queries since… well since I worked out that device specific media queries were a waste of time (around 2012). This article shows exactly why that is the case with a series of tests with each breakpoint and updating the users zoom and font-size settings.

Read more

How to create a simple layout with CSS Grid Layouts

A clear and simple explanation on approaching CSS Grid Layout for a basic site layout with header, sidebar, main content, additional content and a footer.

Read more

Making stakeholders aware of the impact of website performance

In this article, the first in a series, Jonathan Fielding explains the different kinds of performance (render, page load, perceived) and also covers how to make stakeholders understand the benefits of spending time improving performance.

Read more

Designing Responsive Progressive Web Apps

I highly recommend checking out the article, as you might tell from being headline for the week. Jason always delivers a great open discussion in his articles and leads you to all the options to make up your own decision, and this article focuses less on the technical aspects of building responsive web apps and […]

Read more

Why our website is faster than yours

Some great tips around building a faster site including design, content, images, SVG, fonts, JS & CSS loading, server settings, and caching. Very much worth your time for a read and a tinker on your own site

Read more

Complexion Reduction: A New Trend in Mobile Design

Is mobile design simplifying to simple black and white design? If so should our mobile first websites go the same direction? It’s an interesting trend but as one astute comment put it “Form follow function. Following a trend doesn’t add value to the app. Understand the core purpose of the app and allowing visuals design […]

Read more

Weighing Aesthetics and Speed

The super smart and performance guru Lara Hogan talks about why performance matters so much and how Typography can be an issue (and how to ensure it isn’t)

Read more

Pattern Lab | Build Atomic Design Systems

Happy Birthday to Pattern Lab as it turns 2. Not two years old mind you, but version 2! This is jam packed with everything you could need to role out a pattern lab in any build you’re looking at, well worth checking out.

Read more

A Comprehensive Guide to Font Loading Strategies

Once upon a time we would craft a 20 minute long article about all aspects of building a website, and now we have one that focusses entirely upon font loading strategies. This is why I love the web!

Read more

Web Notifications, Part 1: Interactive

Notifications are one of those things that the native folk keep waving (literally) in our face. Well as web notifications become more main stream we can shove those native notifications up….. There are some caveats as Madeline Welsh from the Guardian mobile lab points out in this article

Read more

HTTPS for GitHub Pages

Github are upping their game for anyone with a username.github.io site and will allow people to run them over HTTPS… hoorah!

Read more

Thank you, jQuery

Jeremy recently updated HuffDuffer to a progressive web app and as part of that process stripped out jQuery. The great thought is that jQuery purpose is to eventually cease to exist.

Read more

Inline validation in forms

Looking at the validation of forms as you complete them.

Read more

Improving CSS quality at Facebook and beyond

How Facebook keep on top of their constantly fluctuating CSS.

Read more

Promoting a Design System Across Your Products

A design system’s success is all about how you define and message it.

Read more

Don’t use iOS meta tags irresponsibly in your Progressive Web Apps

There are a tonne of good reasons why adding the web app metatag on your web app could be a bad user experience

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.