Home | Responsive Web Design

Latest RWD News

Optimising GIFs for the Web

February 22nd, 2017 by Ire Aderinokun

In this article Ira takes us through ways that we can optimise a gif for fast loading.

Code Smells in CSS Revisited

February 20th, 2017 by Harry Roberts

A follow up to a 2012 article on spotting bad code (not necessarily with your nose though)

Most of the web really sucks if you have a slow connection

February 16th, 2017 by Dan Luu

Web page bloat is becoming a major problem, so here are a few things to keep in mind to keep that down.

Using HTTP/2 Responsibly: Adapting for Users

February 16th, 2017 by Jeremy Wagner

Sometimes it’s not a matter of just enabling http2 and be done with it.

Fresh From The Podcast

RWD Podcast 63

February 20th, 2017

This week we smell code, talk about the Universe, and the best resource to get started on the web.

RWD Podcast #62

February 14th, 2017

This week we take a dive into the`h` element and see how it differs from the traditional H1-H6 approach to headings.

RWD Podcast #61

January 31st, 2017

This week we catch up with Stephanie Walter and hear about her approach to building a more responsive web.

Most Recent Articles

Configuring HTTP2 Push with WordPress

February 24th, 2017

Let’s say that you had a site that runs on PHP, which of course your WordPress instance does, and you wanted to use HTTP2 Server Push to push down two CSS files and your logo. You can use the following code which will do just that for you… <?php header(“Link: </css/vendor.css>; rel=preload; as=style”, false); header(“Link: […]

Finesse with Flex

February 21st, 2017

Flexbox allows you to make the most subtle of changes to your code that result in the perfect layout you desire, and often with only a line or two of CSS.

Find element with class and append div without jQuery

February 6th, 2017

This is precisely the issue that I was facing with the secondary sidebar navigation on this site as part of the redesign. The team at No Divide provided me with clean semantic markup for the navigation, and the enhanced version used Vue.js for the interactivity — no jQuery to be found anywhere. Here is the […]