Friday, June 29, 2018

RWD Weekly #315

View this email in your browser
Hello again and welcome to this week's responsive design weekly newsletter.

This week I had a request to come up with some changes for a clients site who are launching  a new campaign but.... and there is always a but.... we weren't allowed to make any CMS/template/structural changes to the site at all, they all needed to be CSS/copy/imagery updates.

I love these kinds of challenges and constraints because it makes you focus on the things that you can change rather than everything you could possibly do to a site. It's amazing how much of a difference you can make to the look and feel and user journey by simply improving the imagery and updating a few styles.

 

Headlines


Figma 3.0 (!) – Figma Design

Figma is turning 3.0 and is dropping some new features and functionality around adding styles and prototyping to its growing list of features. There's a bold statement in the article - "Throw away your InVision license"... do you think it can replace Invision with an all in one design tool?

Sponsor

CMYK Colour Edition

Get yourself one of the first Colour Edition notebooks today. Each set contains the four main CMYK colour covers along with colour theory on the inside covers.

Articles

Your Emails (and Recipients) Deserve Better Context

I'm pretty sure that we get most of these tips right in our weekly newsletter... after all you are who makes this newsletter so I'm hoping you're getting the best experience. On a slight tangent, any time that you send an email to someone internally at your place of business they should be able to understand what is in your email by reading the subject line along! If you do this, I promise that people will love getting emails from you over the years.
 

Pixels vs. Ems: Users DO Change Font Size

In this study, it appears that at least 3% of users are browsing sites using a browser text size other than 16px (the default). This means that you should ensure that the sites you're building not only respond to viewport size, but also the size the user decides to set of the text itself.
 

T-25 days until Chrome starts flagging HTTP sites as "Not Secure"

This week Troy Hunt is covering how "easy" it is to move to https (nothing is ever as easy as you think, especially when tech is involved). He is right though, it's only another 25 (probably less now) days before Chrome starts marking non https sites as not secure.  You should make sure you are ready to go, and that you've got http->https redirects firing.
 

What Newsletters Should Designers And Developers Be Subscribing To?

I'm really happy to see RWD Weekly make this list, but I'm even happier to see a bunch of great newsletter content that I'm not already subscribed to. If you're looking to stay on top of your industry there are a lot of must subscribes in this list.
 

What is the CSS 'ch' Unit?

If you were hoping it was a magical unit that we could used to set our content widths at to ensure that we had the perfect line length.... well I'm sorry it's not. Eric does a great job of explaining what they are
 

New tools for art direction on the web

After soaking up some An Event Apart talks Jeremy was keen to try some new front end techniques on 'The Gęsiówka Story'. Using variable fonts and CSS Grid I think he did a really great job showcasing an important story. One thing that I found really interesting was the little touch done for the footnotes, when becoming active they set the min-height to 100vh giving the footnote the focus that it needed.
 

How and Why We Unit Test Our Sass



 

Tutorials


Improve your visitors' perceived loading speed with primitive art

By including SVG sketch versions of your images you can improve the perceived performance of your page. This can be particularly important for mobile and slow connections and will give the user that little bit of a rough preview as to what they'll see next.
 

Offline-Friendly Forms

One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen.
 

Building a responsive image

How to create a logo that responds to its own aspect ratio.
 

HTTPS Is Easy!

With Google updating the way in which they show non-https sites in 25 days I thought it was a good idea to provide you with some details on how to move towards https (if you're not there already).

 

Tools & Resources


face-api.js

JavaScript API for face detection and face recognition in the browser with tensorflow.js
 

VS Code Can Do That?

All the best things about Visual Studio Code that nobody ever bothered to tell you

Thanks to those that suggested some of the links for this week, if you have come across something that you found interesting, or have written yourself, hit reply and let me know.

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