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.

UX Writing: The Case for User-Centric Language

One of the things that often gets overlooked during a website project, which is pretty ridiculous, is the words that go onto the page. In this article from Boxes and Arrows, we see how it can make a huge difference to the users’ experience.

Read more

Torching the Modern-Day Library of Alexandria

An amazing story of the process that has been the complete digitisation of every written book by Google, and the likely chance that you will never be able to access them.

Read more

Service worker resources

I’ve already mentioned that you absolutely go out and buy Offline, the new A Book Apart book from Jeremy Keith. Well, Jeremy kindly has shared a tonne of really helpful links that will help you learn more about the topic… but seriously the book does the best job.

Read more

The Basics of Information Architecture

I’m not a visual designer, but I can design the crap about of information and data! It’s one of my favourite parts of the job, working out the information that needs to appear on the page, and how that content can link with other information on the site in intelligent ways that create a great […]

Read more

HTML Buddies

I’m not sure why I’ve never featured these before, but the CodePen challenges are something that you should check out and participate. This week it’s all about combining HTML elements and in this case it is the <ins> and <del> elements.  

Read more

The Surprising Science Behind Colour Codes

Have you ever wondered about the science behind colour? I recently did a lot of research on this very topic when creating the CMYK Notebook set. I still remember using the Primary Colours in school, Red/Blue/Yellow which allowed you to create any other colour. This article looks at five different approaches to colour theory and […]

Read more

Priority Guides: A Content-First Alternative to Wireframes

I’m sure that Stephen Hay touched on something very similar to this when he was writing responsive wireframes in the browser. This technique, however, doesn’t require any knowledge of HTML or CSS but creates that same key focus of content first and a sensible heirarchy.

Read more

The Power of Flex-Grow

Ever since CSS Grid hit browsers I’ve left Flexbox out of the newsletter… it seems a shame that after so long with floats that we’ve almost already discarded the first amazing fix that came along. There are some great and powerful things that you can do with Flexbox though, and these have benefits over using […]

Read more

Scroll to the future

Everything you always wanted to know about implementing scrolling but were afraid to ask. Anna and Andy have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.

Read more

Going Offline

I’ve already read the first chapter (and potentially a few more chapters in a pre-release… it’s so good) and for me this is the best ABA book since the release of Edition 4 (RWD by Ethan). This article is the extract of that chapter which explains what Service Workers are and how they relate to […]

Read more

A Quick Way to Remember the Difference Between `justify-content` and `align-items`

I’m the same as Robin and use to always forget these. My way of remembering which one is which is going back to left align, right align, or justifying text. When you justify text it stretches it across the horizontal axis. Robin’s approach is different, but what ever works for you (and stops the inevitable […]

Read more

Cutting the Mustard with CSS Media Queries

In the past we’ve used a javascript check to define the types of things we might load onto a page. The idea is that certain modern browsers support new things, and if those new things are supported you could reasonably expect the browser was new enough to do all the fancy stuff you wanted… so […]

Read more

Measuring the Hard-to-Measure

Have you ever wondered how many people are printing out your web pages? Me neither, but if you did want to know who was printing your web pages it might be difficult to work that out. In this tutorial, Harry Roberts shows you how you can do that with tracking pixels.

Read more

Google and HTTP

I’m a big fan of moving over to HTTPS in favour of staying on HTTP. This mainly comes down to two reasons: I want to run on http2 and it requires https; and I want to use Service Workers and have an offline progressive web ap… which also requires HTTPS. I’d never thought of the […]

Read more

Minimal viable service worker

Jeremy, with the help of Jake, has developed a MVP for the service worker. It allows HTML to always be requested from the server, and if there’s an issue it goes to the cache (and adds a new version to the cache each time it visits the network version). It does the same for files, […]

Read more

Create a visual AMP story

Google has increased the capabilities of their proprietary AMP webpage format and are now competing with Facebook, Instagram, and SnapChat for the creation of stories. For me this is where Google have put a stake in the ground to no longer be all about making faster expereinces for users, and instead are building a technology […]

Read more

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

Subscribe to our Newsletter

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