Thursday, April 26, 2018

RWD Weekly #306

View this email in your browser
Toggl seen across 4 viewports
Hello everyone and welcome back to another awesome edition of RWD Weekly Newsletter, number 306. This week I spent a couple of days exploring another side project with Back Pocket Notebooks. They notebooks were selected as part of a competition to be a part of the London Stationery Show, and while we were there, we picked up the inaugural "Good Design Award" against all other products that were entered.

It was fun talking to everyone about how the company started, which is with you and this very newsletter when I launched the first RWD notebook. A big thanks to everyone that bought the first set of notebooks (and thank you more for those with repeat purchases), it's grown into a great creative outlet.
 

Last week I asked you to take part in a poll about what you thought of Progressive Web Apps. Here are the results...
  1. There's no fixed date, but I want to include service workers 35.20%
  2. Already included service workers on my site 29.60%
  3. We don't have any plans to, nor do we want to include service workers 11.60%
  4. Currently implementing service workers now 6.00%
  5. Now that iOS support service workers, we'll do it in the next 1-3 months 5.20%
  6. We're in the planning phases already 4.90%
  7. We'll do it in the next 3-6 months 4.50%
  8. We'll do it in the next 6-12 months 3.00%
Off to the links.

Headline

The Illusion of Control in Web Design

We all want to build robust and engaging web experiences. We scrutinize every detail of an interaction. We spend hours getting the animation swing just right. We refactor our JavaScript to shave tiny fractions of a second off load times. We control absolutely everything we can, but the harsh reality is that we control less than we think.
 

Sponsor
Smashing Conference Toronto Poster


SmashingConf Toronto (June 26-27)


What would be the best way to improve your skills and learn? How about by observing designers and developers working live? Well, starting from this year, we'll be exploring new conference formats, and one of them is a focus on talks without… slides! SmashingConf Toronto 2018 (June 26–27) will be full of interactive live sessions, showing how web designers design and how web developers build — including setup, workflow, design shortcuts, debugging, naming conventions, and everything in between.
Book your ticket today

Articles

Spinning jenny

Ethan ponders about how much natural it is becoming to do things that were more difficult in earlier days of building websites. As web design/development become easier, we need fewer people involved (just like all things). I'm interested to see how this is going to change and shape our industry moving forward.
 

Reusable, Maintainable, and Modular CSS

I'm trying to get better at modular CSS, here are a couple of options with BEM And SMACSS explained
 
 

Tutorials

 Animating Progress

The best way to keep someone up-to-date with how far they are through an online process is by showing their progress. Even better is animating that progress from one level to another. Thanks to Snook, it's a lot more straightforward.
 

What You Need To Know To Increase Mobile Checkout Conversions

With most of the online shopping being done on mobile devices these days, it is essential that we create our online shopping experiences to focus on the mobile journey as a priority. These are ten ways that you can improve your mobile check process.
 

Native-Like Animations for Page Transitions on the Web

It's just not enough these days to go from one page to another with a fresh page load, people are expecting a more seamless experience where one page 'leads' into another. Sarah has some examples of how we can accomplish these transitions.
 

A Look at CSS Viewport Units

Let's explore what we can accomplish design-wise by making use of these units in our CSS
 
 

Tools & Resources

Variable Fonts

Test these variable fonts from DSType Foundry in your browser
 

gridtoflex.com

CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't work as you expect. This site is a solution for you so you can start to progressively enhance without fear, thanks Una!
 

Updates to CC Libraries bring type to more places

Now you can use Adobe Capture on your mobile to snap a bit of type and find out the exact (or close) match. This is super helpful when coming across great typography on your travels.

 

Jobs

Junior Web Developer - The Natural History Museum (London)

*Last week this link didn't work because there was a GET query at the end of the URL, all good now*

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 9 am.

//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 ten 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