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

#456: How to Name Things

Tuesday, May 14, 2024

How to name design tokens, colors, UI components, HTML classes and variables. Issue #456 • May 14, 2024 • View in the browser Smashing Newsletter Konbanwa Smashing Friends, Naming is hard. As designers

Headless UI, Particle Shader Effect, Range Syntax, State of HTML, Custom @property

Tuesday, May 14, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 14 2024 OpenAI Spring Update openai.com Introducing GPT-4o

OpenAI Spring Update, CSS Shapes, Humane Web, useDeferredValue, Complicated Sticks

Tuesday, May 14, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 13 2024 OpenAI Spring Update openai.com Introducing GPT-4o

🏡 Superb Real Estate Web Designs + 🏆 Challenge Updates

Monday, May 13, 2024

Find out what's new in the UpLabs community this week 👇 Firstly, let's congratulate Rahul Parmar, the winner of our latest 📧 E-mail Client Challenge! Congratulations!! Secondly, don't

Accessibility Weekly #396: Global Accessibility Awareness Day 2024

Monday, May 13, 2024

May 13, 2024 • Issue #396 View this issue online or browse the full issue archive. Featured: Global Accessibility Awareness Day is Thursday "Thursday, May 16, 2024, help us celebrate the 13th

Concept to keynote with Figma and Google Docs

Sunday, May 12, 2024

Issue 194: Taking a keynote presentation from concept to production ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

CSS Queries, Agentic UX, Legibility, Flowfields, Endless Tools

Friday, May 10, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 10 2024 Popover API lands in Baseline web.dev The popover

Popover API, AI for Data Journalism, Emission and Bloom, Basic JavaScript, AI Safety

Friday, May 10, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 9 2024 Popover API lands in Baseline web.dev The popover

New York Wakes Up

Thursday, May 9, 2024

View in your browser | Update your preferences ADPro Design Month Kicks Off May in New York is a magical time—and it isn't just because our sad, black puffer coats have finally (finally) gone back

Highlighted Text, Generative AI, Cicadas, Devtools Patterns, Serra Case Study

Wednesday, May 8, 2024

The 5 best design links, every day. Curated by a selection of great editors. Email not displaying properly? View browser version. Sidebar May 8 2024 A Brief Note on Highlighted Text adrianroselli.com