Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
A really interesting way of providing responsive layouts without media queries. This is specifically for email clients because a lot of the most popular clients do not support media queries (like Gmail and Outlook for example).
We’ve had a very similar conversation recently about the http2 thing. For now though I think it’s important to continue with these tried and tested ways of delivering performant websites… and on the horizon will be a new set of workflows. In the same way that none of us wanted to let go of tables […]
Chrome have released an update to the way window.innerWidth/Height works, now reporting the layout viewport dimensions over the visual viewport dimensions. For me, this has zero impact on the types of sites I build but you might be different and should know about the updates.
A really great article about how we deal with responsive images from a design point of view. Creating great inner pages that work with both narrative and textural images.
Brad Frost has put together a great tool for creating performance budgets on Codepen and is up there and ready for you to use on your next (or current) project. I thought this was so cool that I’ve added it to the resources section.
Vitaly provides an overview of the tools, tricks and techniques we can use today for better Art Directed images in responsive design.
At first glance I read this title as “does page performance matter on a NEW site” and I was all like….. Ummmm YES OF COURSE IT DOES. After I read the first paragraph and realised they were talking about a NEWS site I reset my thoughts before realising — YES OF COURSE IT DOES. Performance […]
A lovely overview on how to get started with Patterns from a basic wireframe sketch to expanding a single component in different use cases in Sass. If you’re interested in learning more about pattern libraries I suggest you take a look at Pattern Lab, and watch the introductory tutorial on setting up Pattern Lab.
It was all the way back in 2014 that I first talked about client hints when it came to providing better decisions on what image/video to send down the wire and save on bandwidth. Now Chrome and Opera support client hints but it is still very much a work in progress for now. This article looks […]
Safari is catching up with the times now and are dropping the <picture> element into the browser. They’ve also documented and rolling out the layout issue caused by iPhone 6 by including ‘shrink-to-fit=no’ to your meta viewport declaration (I believe this was caused by elements that were larger than the viewport and set to overflow). […]
Dan Mall shares some of the lessons that he’s launched over the past few years when it comes to the designing and building websites… and in particular the focus on the content and display patterns. This is a great post that looks into the mechanics of creating a long lasting design/pattern library/style guide that will […]
It took what seemed like an eternity to have IE6 come off the support list, and that time again for IE7 to fade away. Now Microsoft is stopping updates for IE8, IE9 and IE10 as of the 10th January and will help large organisations with their upgrade plans. Kudos to you Microsoft
Jeffrey Zeldman talks about the importance of articles like Dan Mall’s Content & Display Patterns and Ethan Marcotte’s 24 Ways Putting my patterns through their paces, and how they are reinforcing the lessons already laid down in the past. We need to continue to push progressive enhancement, the structure of our HTML to suit our […]
This is a great overall comparison against Responsive CSS Frameworks from vermillion design. We’re running this again because it was updated a few months ago with the release of the next iterations of Foundation and Bootstrap
Remmy Sharp looks in to how to build Tabs for website UI’s from an end to end perspective. The markup is ideal, the user interaction is perfect, and the browser history is taken into account as well. The tabbed interface is an important UI in responsive design as it facilitates the ability to provides more […]
Val head looks at a few basic items to focus on when ensuring your animations work across every viewport. Start with the Art Direction, when you hit smaller screens your 100px movement is suddenly 30 of the screen size to think about dialling that back a bit. Look at Choreography as well because what could […]
Scott Jehl has done more than upload his slides to slideshare like the rest of us. He’s refactored and reformatted his talk into an article type format…. very cool
With the exception of the “don’t split CSS into multiple files” I’m with Heydon on all his points. Actually, I’m with him on not splitting CSS, however I have become used to building sites in a modular way which allows me to partial the SCSS files and keep them contained before bringing them all back […]
Having trouble with your z-index stacking? This straight forward explanation about stacking context might help clear a few things up
Email design is really tricky when it comes to responsive stuff. This article shows some problems with the existing practices of really popular brands and goes through how to make them more accessible.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.