Welcome to the 299th edition of RWD Weekly... just a week away from the big 300! This week I've got lots of exciting links for you, if anything you get a one-size fits all approach to PWA's thanks to our Headline.
Next week we will have some giveaways and I'll be reflecting on the past few years. There'll be some links there as well after all that's what this newsletter is all about!
I also wanted to wish a big happy International Women's Day to everyone out there. You can take a quick look at ways you can press for progress here, I'm sure you're all doing your bit but I know that I can do a lot more and hope that by the time my daughter grows up she will experience parity in all aspects of life.
Let's get linking! | | Headlines Jeremy, with the help of Jake, has developed an MVP for the service worker. It allows HTML to always be requested from the server, and if there's an issue it goes to the cache (and adds a new version to the cache each time it visits the network version). It does the same for files but goes to the cache first before then going to the network if it can't be found (and even if it is, it goes to the network to refresh the file version). Pretty nifty really, you should try it out and feedback to Jeremy with any issues or recommendations. | | "Coming to Smashing Conferences fundamentally changed how I develop websites."
— Ryan Chittenden, Director of Web Development, Fuego Digital Media
With our third SmashingConf San Francisco taking place on April 17 & 18, we want to explore strategies for making outstanding, fast experiences, and what we all need to know today, to be more productive and make smarter decisions tomorrow.
Register for three days and save $100 off the cost of registering separately for the conference and the workshop. Check the speakers!
| |  | | If you'd rather hear the news than read it then you can follow along with this week's podcast. | | Articles Although it's not in chronological order, Jeremy backs up his all situation starter Service Worker with a great use case for them on travel sites, and in particular Trivago. If you're not able to reach your details while abroad, at least cache their itinerary.
Just because people visit your site in mobile and sign up doesn't necessarily mean they'll continue consuming content on there. It's always good to track usage patterns over the life of your customers.
I'm a big fan of moving over to HTTPS in favour of staying on HTTP. This mainly comes down to two reasons: 1) I want to run on http2 and it requires https; and 2) I want to use Service Workers and have an offline progressive web ap... which also requires HTTPS. I'd never thought of the things that this article points out, looking at all the archives and historic pages on the web that can't afford to, don't have the technical know-how, or just don't have anyone managing them anymore. It's an interesting take on things.
If you're anything like me you've got most of your life on your laptop or home computer. Yeah sure, you've probably got some stuff on Dropbox or Google Drive, but if your computer died tomorrow just how much would you lose? Work? Pictures? Videos? Brendan goes through his back up system in this article, it's worth looking over.
Almost everything Google does for us, aside from the whole search thing, requires the use of third-party scripts so it's great to see that they're providing detailed instructions on the best way to load them. One of my favourite parts of this is the Chrome DevTools tip on how to "Show third party badges" — very helpful!
The CSS Grid layout was shipped in Firefox a year ago now and it's amazing to see just how quickly everyone browser followed suit, not to mention the number of production sites that are being built with Grid.
This article has nothing to do with the technical side of building websites but is arguably the one thing that everyone should know if you're running an agency or working as a one-person band.
Tutorials A great article from Julian detailing his approach to a rebuild of thomasnet.com using CSS Grid. This tutorial comes packed with the rationale, grid foundations, and example Sass set up with fallbacks to unsupporting browsers.
I tried out Gutenberg the other day on the RWD site. I have a lot of Advanced Custom Fields setup to control the data structure which unfortunately is not accessible when using the Gutenberg plugin, and I'm not sure if custom blocks will help in this particular system. I hope they find a way to allow ACF and Gutenberg to live together.
More useful approaches to using CSS Custom properties but this time with Zell using them for the vertical rhythm.
CSS variables are being used more and more these days and it's interesting to see how they're being implemented on sites. In this example, rather than update the same values in different places for each breakpoint, the variables are declared once in the root and updated for each media query. Literally, the same as you would do in Sass, but far less verbose.
Did you know the apple icons on the iphone aren't rounded rectangles but instead something called a squircle?
I. Kid. You. Not. Using the paint() API and @supports you can create this as well and use --css-variables to control the curviness of your squircle.
Tools & Resources Animations for eccentric developers
Add CSS animations to delight users as they scroll down.
CSS Gridish takes design specs of your product's grid and builds out several resources for your team to use.
Articles like "Building a simple todo list with [framework or technology name]" won't teach you how that framework or technology solves real-world problems and works at a large scale. This document is a curated list of technical talks and articles about real-world enterprise frontend development.
Jobs This is an exciting opportunity to join Sainsbury's Experience Design team of digital craftspeople responsible for driving value for Sainsbury's customers and colleagues through a customer-centric, evidence-based design approach.
If you have a position you're looking to fill and want people just like you then get in touch so we can help you find someone through the newsletter.
That's all from me this week. If you've read something interesting, or even better yet if you've written about something you've done please hit reply and share the love/knowledge/link.
See you next week.
Cheers,
Justin. | | | |
No comments:
Post a Comment