Keep up with the latest news and developments around responsive design and the new direcitons that web designa and development are taking.
Another cracking video from John over at Web Directions, this week it’s all about using responsive images. If you’re based in Sydney then you’ve just missed the Sydney Respond Conference, but you can catch it in Melbourne on the 11-12th April.
With The Times website getting a responsive overhaul you can bet there was a tonne of work that went into it… and you’re not wrong. Fortunately front end developer Pedro Duarte takes us through the process from collaboration, UI Structure, CSS, Refactor, QA and the Styleguide.
In this weeks headline Michael Mahemoff looks at the current state of Progressive Web Apps and finds that we’re in a pretty damn good position, but still there are hurdles that we need to overcome before we can truly win a face off against native apps. Great read to get up to speed on the […]
About 2 weeks ago I wasn’t aware of Zell and the work he’s done, but since catching his talk on RWD Typography at the RWD Summit last week I’ve found that I could write a whole newsletter dedicated to his work. This is a great walk through on how you can start working with Susy […]
Etsy are stepping up and providing users with the ability to set up and design their very own stores… and with people like Lara Hogan in the background making sure that everything is performant as it can be you know this is going to be a winning idea.
There are no “common” screen sizes
Is progressive enhancement really the silver bullet. Does anyone actually think about the people that have to build these things? Probably not. (pun pun pun)
The past few weeks have had a running theme of ad blockers and how we can continue to deliver great content freely. This week PPK weighs in as one of the individuals that has probably been producing free content for one of the longest times. While he doesn’t claim to have the perfect answer he […]
Now that we’re heading towards April and the anniversary of Google’s Mobilegeddon this article takes a look at whether it influenced the way we build sites. Well the good news is that websites with a mobile presence are on the rise… but even without this move from Google I wonder how different the stats might […]
Books are one of my side projects at the moment, or at least converting them to websites that work everywhere is anyway. Lara’s Designing for Performance is one of the examples I use so I’m excited about her sharing her exact steps to publish it online.
Content modelling is super important for any project. When you’re building sites that need to position content in the best possible arrangement for that particular viewport then the best way to achieve that is have an incredibly flexible way of chunking that content into pieces. While this is about doing it on Jekyll the concept […]
If you’re designing for multiple screens there’s a good chance that mobiles are going to be part of your target market. There’s also a good chance that you’ll have a phone number on the site… and a really good chance that a user will want to easily click to call that number. Here’s how…
An incredibly detailed post on making your very first AMP pages with your existing site. The great thing about this post is that it goes into detail and tests similar pages across a variety of performance tests.
The goal of this approach is to embed the details on what crop/size of the image should be shown for a particular viewport into the image itself as Metadata. This approach would allow the artists, or image creators, the chance to specify just how their work should be showcased.
Trent Walton always nails his posts, and this is no exception. It talks about Atomic Design from a conceptual view and invites you to not necessarily prescribe to the specific classifications but instead find your own analogies that explains the concept to your team and clients.
I’m currently experiencing a disconnect between the designs the client is signing off and what they are getting at the end of the build. This is down to me not explaining the concept of designing for a multi device world and also by not involving the client on the journey. This is a great piece […]
A great post from Igalia focussing on a one aspect of the Grid Layout, the subgrid. Igalia have been working on the Chrome/Blink and Safari/WebKit Grid Layout implementation so know a thing or two about this.
SVG filters are green across every current browser on Can I Use, even going back one version. This gives us an incredibly powerful filter options we can apply to our images.
This article looks through 30 different areas of web design and how it applies in a multi-device world. To Scroll or not to scroll, portrait vs landscape, finger sizes, layout adjustments, line lengths, image crops and much much more. Some great visual examples to get your creative design thoughts flowing.
A great approach to creating wireframes for your client to understand what will happen to the content. I added my own process using Keynote to the comments in case you’re interested.
Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.