Responsive Design Podcast: Recent Episodes
Justin Avery
Responsive Design Podcast brings together the leading minds in our industry for a casual chat about life, the web, and most importantly, responsive design.
Covering off some of the best links for this week.
You can find all the links at https://responsivedesign.is/articles/rwd-weekly-403/
The mentioned links include
- You Type Face
- Apples attack on service workers
- Firefox better web with scroll
- Maintaining Performance
- Oh, Embed!
- Embracing modern image formats
All links mentioned in the show can be found on https://responsivedesign.is/articles/rwd-weekly-402/
This week we get the low down from Jen Simmons and Rachel Andrews on all things Grid Layout, exactly what we need to be doing right now.
In this weeks episode we talk with Jeremy Osborn about the online resource centre at Aquent Gymnasium and how he created his responsive design class.
This week I'm back from the winter holidays and we go through the most important updates in the web over the past month.
Hey everyone and welcome to responsive design weekly podcast episode 44!
Well a whole lot of awesome has been happening since I last spoke with you over the…. well what ever you’re using to listen to me right now.
I was lucky enough to head over for the Adobe Max conference which was three days of some great keynote speakers and some awesome new product demonstrations.
Adobe are doing a great job at listening to what you and I want as web designers and developers and seem to be really honing in on making their tools as collaborative as possible.
Like with all great conferences it’s he people that made the conference. I got to meet a load of people from Adobe including the some of the amazing team working on Comet. Comet is…..
Jay Messinger was there as well, he helped set up the whole open device lab movement which you can benefit from. ODL is….. https://opendevicelab.com/
I also caught up with Brad Frost while I was there and he introduced me to a great guy Dan Rose. Dan runs the website Photoshop Etiquette which you would all go and check out. If you don’t use photoshop go and check it out and share it with your designer friends, and if you do use it then please please please heed the advice.
I’m going to get Dan on the podcast in the next few weeks to talk about the responsive workflow, especially through photoshop and get him to share his experiences.
I also met a guy, David Blatner, who works on a lot of illustrator and Indesign stuff. We talked about books and bringing books into browsers to make the content universally available. This really struck a chord with me as I’ve been working on taking a PDF version of an old books and make it available for everyone online (and offline).
There’s a bunch of great examples of books being made freely available online including:
AMP is a thing. Accelerated Mobile Pages - something that came out of google.
- Makes things faster, we love that
- Forces you… FORCES, to include Javascript in the head of the document and doesn’t work it it doesn’t load.
- Requires you to use on AMP HTML elements, so image elements have to be AMP-ImG. They have outlawed a bunch of other HTML elements which just seems wrong.
- To me it seems like going back to developing two versions of your content, one for m. sites and one for your regular site. Except now it’s one version for everyone except google, and AMP for googles fast news.
- Focus on making your site really really quick.
- Good points is its not that hard to set up. I managed it on the RWD.is site in around on hour. It’s not styled, but it has the template that is required but there downsides are….
- no images
- no styles
- The URL must have a query string with the CMS I’m using.
- It’s kind of like using RSS, except you’re restricted from using the HTML that you would usually drop into an RSS feed and forced to use their own
Google do do a lot of great things though. Like on Chrome on Android if you have
This week Justin Avery takes a look at a few topical articles from the newsletter this week and gets on his soap box.
This week we catch up with Content Strategist and the co-host of the other RWD Podcast Karen McGrane.
This week I chat with Nick Schaden from GetPocket. We talk about tooling for the web, how performance is affecting our approach to building websites and about how native and web don't need to compete on the same playing field.
This week I speak with Nathan Ford from Monotype and the product manager behind Gridset App. We talk about responsive grids, how design has changed and a little about the 2014 Responsive Report.
- http://2014.report.gridsetapp.com
- http://typejs.org
- http://www.amazon.com/Where-Good-Ideas-Come-From/dp/1594485380 - That book I did a terrible job of recalling typecast.com
- http://artequalswork.com/posts/web-design-power-tools/ - My net mag article on web design tools (reposted on my site)
- http://alistapart.com/article/content-out-layout/
- http://alistapart.com/blog/post/content-out-layout-the-resources - A follow-up post with most of the foundation of what I was talking about
This article was years before its time. Ten years after Dao was published Ethan wrote about Responsive Design. Ethans idea was new at the time, but when you read Dao the idea of responsive design becomes a crystallisation of the ideas that John had first raised 10 years previously in Dao. Even today you can reread the Dao and see how the most recent developments in the web have strong foundations in what he wrote; as will many things in the future. A piece ahead of time, and will continue to be so for a long while yet.Do yourself a favour and if it is the only thing you read this week then make sure you do. And, if you havee read it before be sure to take the time to do so again
This week I spend some time talking with Ulrik Hogrebe who is one of the Art Directors responsible for the BBC News website and 28 country news sites. A fantastic insight into what the BBC have been working on and how their responsive design workflow works across such a large site.
This week I catch up with Adam Luptak and talk about the 2 year redesign of Rally Interactive.
This week I'm fortunate to chat with Jason Beaird from Mailchimp, a web application that I spend around 5 hours a week using and LOVE.
This week we chat with Catherine Farman about Grunt and how the tooling can make your front end work flow easier. We also talk about this weeks sponsor, Girl Develop It, and all of the excellent free resources they provide for anyone to learn.
This week we're joined by front end developer and one of the brains behind Ghost Lab and Device Lab, Mr Andi Dysart. We talk about Andi's entry into web design from Industrial Design and the lessons that were brought across before looking into the testing products he and the team at Vanamco have developed.
Part 2 for the Pro's guide to Responsive design covering off progressive enhancement, responsive typography, the new Grid and Flexbox, creating grids with :nth-child selectors and much more.
Now that we've mastered flexible grids and media queries it's time to take our responsive design to the next level. By taking things back to the basics we are able to build a robust interface for everyone, layering upon features when the device or users context allows.
This week I get to catch up with some of the team behind my favourite responsive framework, Zurb's Foundation! We talk about the reasons behind Foundation, best use cases and the direction the Framework is heading (spoiler alert: it's heading in an awesome direction)
This week Jordan Moore joins us for the podcast as we talk about Tony Hawk Skating, his early work on Typecast, and a whole bunch of rules and best practices around responsive typography.
This week we're joined by front-end technical at The Guardian, Mr Patrick Hamann. We talk about the Guardian's performance first approach to news and how Patrick and the team were able to break the 1000ms barrier.
This week we're joined by the super awesome Brad Frost as he talks to us about the responsive web, pattern lab, and when it's alright to use a carousel on your site. Brad does many things but one of the cool things you should check out (that we don't mention in the chat) is This is Responsive.
This week I'm joined by the Father of Responsive Design, Mr Ethan Marcotte. It was great to chat with Ethan about how he arrived in the field of web design, the fundamentals of responsive design and why they're so important, and where he sees things moving in the future.
In this edition of the podcast I get to speak with Aaron about all kinds of things from responsive images to element queries, progressive enhancement to dumb javascript and tonnes of helpful tips in between it all.
This week I welcome Stephen Hay to the show. I had a great time chatting with Stephen about his work on responsive design workflow, how he approaches the design process and he even parts with the Ultimate Advanced Responsive Design technique.
John Allsopp talks about the web being more than just the device we're accessing it upon. We aren't building for a device or a browser, it's not mobile or content first.... think user first.
Jeremy Keith speaks to us this week about progressive enhancement and how we can go back to the basics of building websites and do things better from the start. We touch on performance, using javascript to enhance your interfaces.
In this weeks podcast I talk about picture implemenetation in Chrome and Firefox, cover off a talk from Jonathan Fielding and look at frameworks and standardised breakpoints.
This week we're super lucky to be joined by Mat Marquis, chair of the Responsive Images Community Group, staffer on A List Apart and much more. Mat has been pushing for a solution to responsive images for ever and finally we're almost at the point at which we can say we have a solution with
.
In this weeks podcast we are joined by none other than Christopher Schmitt of Environment for Humans conference fame. Chris puts on in person and live conferences throughout the year and today we're talking to him specifically about the three day online RWD Summit held last week.
In this weeks podcast we take a look at Macaw, talk a bit about performance and SpeedCurve benchmarking against Smashing Magazine, and we look at two of the talks as part of the RWD Summit 2014.
This week we take a look at responsive typography, setting your type in EM's and making it modular and scalable across multiple breakpoints.
Responsive images are one of those easy to solve issues, just add max-width:100%, but end up being one of the most difficult things to do perfectly. This week I look at your different options to approach RWD images and the best way forward for you.
This week I take a little look at HTTP2 and Client Hints. We start at the beginning and where HTTP/1.1 came from as well as how and why we've arrived to where we are at today.
Approaching a responsive design for an existing site can be daunting. In this podcast I talk about some of your options and help you to understand what will be the best fit for you or your client moving forwards.
There are effectively 6 types of navigation patterns you can look at when approaching main navigation. Just as a word of warning here there's a whole other level of complexity when it comes to second level navigation which I'm going to avoid touching on in this discussion, but feel free to ask for a future episode looking at that specifically.
This week our question comes from one of our subscribers, Ellis Taylor. Ellis replied to last weeks newsletter and asked about best practices when it comes to loading in additional content at various breakpoints.