Thursday, April 19, 2018

RWD Weekly #305

View this email in your browser
Hello everyone and welcome back to another awesome edition of RWD Weekly Newsletter, number 305. This week I got to meet some old friends in the web development community over a couple of drinks, and I got to meet some new people that I've been following for a while. Ben was one of those people who runs Principles.Design and it is this week's feature site.

Last week I asked you to take part in a poll about whether Accelerated Mobile Pages (AMP) was good or bad for the web. Here's the results...
  • AMP is good for the Web (28%)
  • AMP is bad for the Web (72%)
As I expected the majority of you think that AMP is a bad idea for the web, however, I thought the results would be a lot more one sided.  The same proportion of you that thinks AMP is good for the web is similar to the proportion of Wordpress powered websites.... which is quite significant.

This week I've been doing a spot of reading on the new A Book Apart Book by Jeremy Keith title "Going Offline".  The book is amazing due to the way in which Jeremy writes, and the subject matter is very very timely now that iOS have joined Android in supporting Service Workers. That's my question to you for this week, what are you going to do about Service Workers? (quick reminder, as soon as you click on a result you can't change your vote)
1. Already included service workers on my site    2. Currently implementing service workers now    3. We're in the planning phases already    4. Now that iOS support service workers, we'll do it in the next 1-3 months    5. We'll do it in the next 3-6 months    6. We'll do it in the next 6-12 months    7. There's no fixed date, but I want to include service workers    8. We don't have any plans to, nor do we want to include service workers  
For those of you that aren't sure what I'm talking about you can read the first chapter via the link in this week's headline.

Off to the links.

Headline


Going Offline

I've already read the first chapter (and potentially a few more chapters in a pre-release... it's so good) and for me this is the best ABA book since the release of Edition 4 (RWD by Ethan). This article is the extract of that chapter which explains what Service Workers are and how they relate to the duck-billed platypus. It's also the reason behind the survey this week.
 

Table of Contents for Going Offline

You can also check out the table of contents for the book in this post on Jeremy's own site

Sponsor

Save $10.90 on Real-Life Responsive Web Design from Smashing Mag

The best way to learn is by example. And with The Smashing eBook 5 - Real-Life Responsive Web Design, you'll have more than a dozen solid examples! In 12+ chapters and 650+ pages, industry pros share their real-world tips, tricks, techniques and strategies for working with Responsive Design.
Buy now and save 55%

Articles

Scroll to the future

Everything you always wanted to know about implementing scrolling but were afraid to ask. Anna and Andy have scrolled to the bottom of modern web specifications to take you on a whirlwind tour of latest CSS and JavaScript features that make navigating around a single page smooth, beautiful and less resource-hungry.
 

Best Practices With CSS Grid Layout

As we become more comfortable with the use of CSS Grid we still approach it with tentative steps when it comes to incorporating it into our production environments. In this article, Rachel talks through what she believes are good approaches and things that you don't actually need to be worried about.
 

Which Podcasts Should Web Designers And Developers Be Listening To?

If you're looking to up your podcast game here are some great ones to tune into. We even managed to get a mention in there too (woot!). Another one to check out is Block Thinking (I was a lucky guest last week, very hounored to be on there.)
 

Front-End Developer Handbook 2018

This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018.
 

Why it took a long time to build that tiny link preview on Wikipedia

Simple changes sometimes take a long time.
 

How we designed page previews for Wikipedia — and what could be done with them in the future

The design process around the new previews mentioned above for Wikipedia articles.
 
 

Tutorials

 

Introducing the Accessibility Inspector in the Firefox Developer Tools

The built-in Firefox Developer Tools just received a new family member. The Accessibility Inspector allows you to inspect your website's exposure to assistive technologies.
 

Learn D3.js for free

Throughout the course you'll learn the most important features of the library while building four different visualizations. You'll be able to play around with the code whenever you want, so that you can be sure that you'll understand how it works.
 

1 HTML Element + 5 CSS Properties = Magic!

Ana Tudor is back at doing amazing things in the browser. Simply amazing.
 

Art Directing For The Web With CSS Grid Template Areas

Although this is a sponsored article on Smashing Magazine, there isn't really any mention of a product until the final paragraphs and by then you've learned everything you could want to about CSS Grid Template areas. Great work Andy (and great work on CoffeeCup too)
 

Tools & Resources

 

Museum of Websites

A hand-curated gallery of how famous internet companies have changed over time.
 

The Front-End Design Checklist

๐Ÿ’Ž The Design Checklist for Creative Web Designers and Patient Front-End Developers

 

Jobs

Junior Web Developer - The Natural History Museum (London)

The Natural History Museum is looking for a Junior Web Developer to join the Digital Media and Marketing Department, working on the Museum's public facing digital experience. The role is based at the Museum itself in South Kensington, London.
Salary £31k, closing date 14th May 9am.

//Sponsor

Easily Create Website Prototypes with Base UI Sketch Framework

Creating beautiful, user-friendly websites is now easier than ever. Using Base UI for the Sketch App, you can quickly and easily build gorgeous designs. With 180 Web-based screens and 10 quick-start templates, you can just dive right in with your own content. A real user-friendly interface even lets you customize everything from font sizes to colors.

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.

Cheers,

Justin.
Copyright © 2018 Simple Things, All rights reserved.
You are receiving this email because you rock! You wanted to know more about Responsive Web Design so you signed up to this list to receive a weekly update with links to articles, tools and tricks of the trade.

Our mailing address is:
Simple Things
Studio 1, Make Space Studios
London, London SE17DR
United Kingdom

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by MailChimp

No comments:

Post a Comment