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.

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

A milestone for Chrome security: marking HTTP as “not secure”

With the latest release of Chrome 68 the browser will now begin pointing out that sites are NOT secure rather than promoting those that are. Technically, nothing different will happen, however, it will cast doubt in users minds when they notice something is called Not Secure.

Read more

The frustrations of using CSS Shapes and CSS Exclusions

Ben Frain shares his frustration with the lack of development and real-world use of CSS Shapes. It is certainly something which will allow us to build more interesting web designs, but it’s not perfect just yet

Read more

Your Body Text Is Too Small

A cracking article on increasing the size of your font on websites starting with the body copy. I love big text, partially because my eyes aren’t what they once were, but also I associate it with good things. But let’s take a closer look at how that might work by using this article as an […]

Read more

Fractional.

Ethan Marcotte talks about one of the best sizing methods you can use for Grid, the FR unit. He shows how you can create fixed columns and let FR take care of the rest, or how it can allow you to have lovely margins on the side of our pages while still allowing for full […]

Read more

Webmentions: Enabling Better Communication on the Internet

Comments are one of the most terrible and hateful places in all of the internet. Yet, they are key to providing feedback and to bring a collective community together. The problem with comments are often they are castaway mentions with no ownership, web mentions helps change that. If you’re looking to implement it onto your […]

Read more

CSS grid in Internet Explorer 11

It just wouldn’t be a weekly newsletter without looking at what Jeremy Keith has been doing this week. After we featured a three part series of making Grid work in older versions of IE Jeremy puts down a great argument for counting IE11 as a non-supporter of grid and to include it in that set […]

Read more

Your Brain on Front-End Development

I love this article from Chris. He takes a look at a beautiful design on Dribbble and goes through how a front-end developer would look at it and build it out. Chris even uses live code pen examples to showcase how these things would be pulled out.

Read more

Artificial Intelligence for more human interfaces

One of the most responsive ways in which we can design any interface is to make it more human or at least allow us to interact with it in a more human and natural way. This is where AI, cognitive systems are incredibly valuable.

Read more

Prioritizing the Long-Tail of Performance

By prioritising the long tail you move the mean result further to the left, and more importantly, further towards the fastest loading scenario. Great article from Tim about what to focus on when working on performance. Tim is using Speedcurve as part of this review which is probably the number one tool out there on […]

Read more

Monitor performance budgets at a glance with your Status dashboard

Speed Curve is one of my favourite paid performance dashboards. With the likes of Steve Souders and Tammy Everts being employee’s two and three you can tell they do something right. This week Tammy has written about the introduction of a status dashboard that allows you to take a glance at the performance of a […]

Read more

AMPstinction

I totally agree with the idea that all Frameworks (Polyfils) should themselves eventually become extinct and no longer needed. The idea of jQuery was always to superceded by Javascript itself and I’d like to see AMP go the same way one day.

Read more

Fostering a Web Performance Culture

Web Performance is not only about understanding what makes a site fast. It’s about creating awareness amongst both developers and non-developers. Performance is a feature and needs to be prioritized as such. I think that José M. Pérez hits the nail on the head with this article. These days we’re preoccupying ourselves with the latest and greatest […]

Read more

Exploring Progressive Web Apps to Enhance eBay’s Mobile Experience

It’s a shame that eBay is focusing their PWA for Android devices first now that iOS also support Service Workers. I’m sure it’s because there’s some additional functionality that isn’t supported and I have reached out to the author for further clarification within 9 minutes of me reaching out I had an answer from Alex […]

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.