1. Home
  2. Discover
  3. Design
  4. Responsive Design Weekly

RWD Weekly #426 Free analytics & making you think

Read online
Hello and welcome to RWD weekly newsletter number 426.

Our feature image this week comes from a different style of a site then I'm used to seeing.  The vertical bars on the right of the larger viewports open up and provide a horizontal rather than a vertical scrolling site. Jordan Moore did something similar to his site this year and it's something I think we'll see more of as touch devices become more and more the norm.

I haven't got any further on the IDE on digital ocean however thank you to all those that sent through your ideas on getting it up and running, and for those looking to do the same thing yes there will be a detailed tutorial that follows once it's up and running.

Let's get linking.
 

Sponsor

Colour Theory Pocket Notebooks

This set of colour theory pocket notebooks pays respect to the CMYK colour that I've become accustomed to after switching from an RGB digital world into the print world.

There are four notebooks in this set, one for each of the colours in CMYK.

The inside covers in this set showcase a range of aspects in colour theory including a colour wheel, colour mixtures, the emotional connection each colour makes and the theory of colour matching.
Get a pack £13.50
Advertise your product, service, or job opportunity to 26,866 tuned in web designers and developers. Find out more.

Article

Make Me Think

I really like the sentiment of this article. If you make things so easy for people that they don't have to think then..... well then they won't think.  When you don't think you make mistakes. You miss things. Sometimes increasing the cognitive load can provide better results.
 

Comparing Browsers for Responsive Design

When I built Am I Responsive it was done for two reasons. First, so that I wouldn't have to spend time arranging the feature images in these newsletters every week (probably 200+ hours saved there already), and secondly so that I could quickly illustrate to clients what responsive design meant.  I'm glad it was picked up and used a lot, but these tools that Chris reviews this week are MUCH better when it comes to testing your responsive builds.  Having said that, what's the chances that you don't already own a high-end feature phone, a laptop and a second monitor... you should always do testing on devices where you can.
 

How Fast Should Your Load?


A seemingly simple question with many layers. Is 2 seconds fast enough, or is 5 seconds okay too? Are we talking about first paint, page interactive? This article looks at the areas you should consider when setting your budgets/targets.
 

Font Smoothing in Edge

While this article is specifically about changing settings on Windows itself, I thought it was a good illustration of how fonts look different across different machines, operating systems, and browsers. Always test your site in browsers and computers other than the one you develop on because you’re probably building the site for others, not just yourself.

 

Tutorials


Building Website Headers with CSS Flexbox

Ahmad looks at the different approaches for laying out headers using modern day tools. It's not all flexbox though, he has an occasion where he still reaches for floats. Because, it seems, that there are many many different ways to create a header he has decided to provide you with a resource of 17 different header layouts with subtle differences that should cover just about every scenario you can have.
 

Monitor Site Speed

Leverage the Chrome User Experience Report and Google Apps Script to monitor your site’s page speed.
 

Styling Complex Labels

This is a stylish approach from Cloudfour to turn form labels with complex information into really easy to understand choices... while still remaining semantic.
 

Excluding Emojis From Transparent Text Clipping

Ignoring the whole emoji exclusion, when did CSS tricks get these awesome hover links?

 

Tools & Plugins


umami

Umami is a simple, easy to use, self-hosted web analytics solution. The goal is to provide you with a friendlier, privacy-focused alternative to Google Analytics and a free, open-sourced alternative to paid solutions.
 

ztext.js

Easy to implement, 3D typography for the web. Works with every font.
 

Workshape.io - Talent matching for tech startups

A colleague at work pointed this site out to me this week. We were trying to find good tools for employers looking for tech talent and this seemed to be more candidate focussed (which is a great thing). I particularly liked how you can specify the types of areas you're more interested in in the spider diagram. 

I’m interested to know if any of you have used this before to get a job and how it went.

 

Finally


That's all for this week. If you've come across any interesting/helpful articles or you've written something yourself please hit reply and let me know about them.

See you all next week!

Have a great weekend!

Cheers,

Justin.
Twitter
Facebook
Website
Copyright © 2020 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
Simple Things LTD
Thame, Oxfordshire OX92EQ
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

Older messages

RWD Weekly #423 : The cost of free

Friday, August 14, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 423. This week one particular article stood out to me (our headline this week). It comes off the back of the sad news that Mozilla, the

RWD Weekly #422

Saturday, August 8, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 422. This week our feature site is a lovely creative motion studio. The header has a paper fold look about it, and the case study pages

RWD Weekly #421 - The making of an amazing site...

Friday, July 31, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 421. This week we have a new treat from the very talented Nicholas Rougeux who has produced my favourite deep dives into a subject, but

RWD Weekly #420 - Ultimate Product Design Guide awaits

Friday, July 24, 2020

Read online Hello and welcome to RWD Weekly Newsletter edition 420. This week I was very happy to pick up an iPad Pro and I'm testing it out in the creation of this newsletter. The last tablet I

RWD Weekly #419

Friday, July 17, 2020

Hello and welcome to RWD Weekly Newsletter edition 419. After our brush with the teapot http code last week we're moving into unofficial codes (which is funny to think that the server being a

You Might Also Like

Behind the Design of Lauren Santo Domingo’s Ski House

Thursday, November 21, 2024

View in your browser | Update your preferences ADPro Peak Style When it comes to clients, says AD100 designer Andre Mellone, “my biggest nightmare is a person who says, 'Carte blanche, do whatever

2025 Interior Design Trends, Revealed

Wednesday, November 20, 2024

View in your browser | Update your preferences ADPro Image may contain: Furniture, Chair, Interior Design, Indoors, Home Decor, and Rug Inside Our Newest Trend Report “Design, like fashion, tries to

Want a free strategy session with us?

Wednesday, November 20, 2024

Plus, the emails editors open most often. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

One Simple Thing You Can Do to Retain Your Staff

Tuesday, November 19, 2024

View in your browser | Update your preferences ADPro By my account, it's not fall until I've watched You've Got Mail, Nora Ephron's '90s film adaptation of the 1930s Hungarian play

#483: UX Writing

Tuesday, November 19, 2024

With writing guides, content testing and practical guides for better content design. Issue #483 • Nov 19, 2024 • View in the browser Smashing Newsletter Hej Smashing Friends, Every digital product

Accessibility Weekly #423: Beautiful Focus Outlines

Monday, November 18, 2024

November 18, 2024 • Issue #423 View this issue online or browse the full issue archive. Featured: Beautiful focus outlines "Unfortunately, focus outlines are often overlooked in web design.

175 / Build your ideas without writing any code

Monday, November 18, 2024

Product Disrupt Logo Product Disrupt Half-Monthly Nov 2024 • Part 1 View in browser Welcome to Issue 175 One month ago, I quit my longest-standing job and embarked on a pathless path to let my

Into the Fediverse

Sunday, November 17, 2024

Issue 221: We need decentralized social networks ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

The Books AD Editors Can’t Put Down Right Now

Friday, November 15, 2024

View in your browser | Update your preferences ADPro Good Reads Here at AD PRO, we're all about celebrating a good coffee table book. With crisp project imagery and behind-the-scenes stories tucked

What astrology has to do with PR?

Wednesday, November 13, 2024

and, no we won't tell you to read your chart! ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏