Ed Johnson-Williams

Raindrop Links

These are the 24 links that I've saved on Raindrop, my bookmarking service.

google webfonts helper

A Hassle-Free Way to Self-Host Google Fonts. Get eot, ttf, svg, woff and woff2 files + CSS snippets!


A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.

Modern CSS Solutions

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years.

Meet Click!: Encourage Clicks Without Shady Tricks

Meet “Click!”: Encourage Clicks Without Shady Tricks https://www.smashingmagazine.com/2020/05/encouraging-clicks-book-pre-release/

React - The best way to learn React

If you're serious about learning React, there's no better place to do it. Originally launched in 2016, this course has been taken by tens of thousands of developers and maintains an average rating of 4.8/5. Since then we've rebuilt it from the ground up to include all of the best practices and newest APIs for building professional React apps in 2019.

The Beginner's Guide to React

React got that name for a reason. It’s a component-based JavaScript library that renders smartly and can seriously simplify your work. This course is for React newbies and anyone looking to build a solid foundation. It’s designed to teach you everything you need to start building web applications in React right away. Each lesson in this 28-part course is a single index.html file. This keeps your focus on learning React, no distractions. We’ll start with a blank file and add more complexity as we go along, wrapping the course with a lesson on how to move into a more production-ready developm...

17 tips for great copywriting

No filler. No wasted words. Only gold. Pound for pound the best copywriting article on the web. 17 copywriting tips. Put your feet up and enjoy.

How To Set Up a Node.js App for Production on Ubuntu 18.04

Node.js is an open-source JavaScript runtime environment for building server-side and networking applications. Node.js applications can be run at the command line but this guide focuses on running them as a service using PM2, so that they will automat

2. DNS

Just the essentials to go from zero to working in a few minutes.

3. How To Install Nginx on Ubuntu 20.04

Nginx is one of the most popular web servers in the world and is responsible for hosting some of the largest and highest-traffic sites on the internet. In this guide, we'll discuss how to get Nginx installed on your Ubuntu 20.04 server.

1. Initial Server Setup with Ubuntu 20.04

When you first create a new Ubuntu 20.04 server, you should perform some important configuration steps as part of the basic setup. These steps will increase the security and usability of your server, and will give you a solid foundation for subsequent

How To Use PM2 to Setup a Node.js Production Environment On An Ubuntu VPS

Use these instructions to setup an Ubuntu server to run Node.js applications, including apps based on Express, Geddy, or Sails. This will help you avoid some security mistakes and will provide some surprising benefits.

CSS Layout

CSS Layout has been transformed over the past years. We have you covered with all you need to master this new world. If you want to understand the technical details, or learn how to use new CSS creatively, these guides can help.

A Complete Guide to Flexbox

Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.

CSS Grid Starter Layouts

This is a collection of starter templates for layouts and patterns using CSS Grid. The idea here is to show off what the technique is capable of doing and

A Complete Guide to Grid

CSS Grid Layout is the most powerful layout system available in CSS. It is a 2-dimensional system, meaning it can handle both columns and rows, unlike

A Complete Guide to CSS Functions

A Complete Guide to CSS Functions https://css-tricks.com/complete-guide-to-css-functions/

CSS Layouts

CSS layouts and patterns

JavaScript single LOC (line of code)

Alpine.js: responsive x-cloak

Responsive CSS rules for Alpine.js's x-cloak

The title Front-End Developer is obsolete.

“The title ‘Front-End Developer’ is obsolete.” https://css-tricks.com/the-title-front-end-developer-is-obsolete/

Remote debugging safari(iphone/ipad)(iOS 11+) on windows

Install Node

Content design: planning, writing and managing content

Planning and managing digital content to meet the needs the public has of government.

Thinking Aloud: The #1 Usability Tool

Simple usability tests where users think out loud are cheap, robust, flexible, and easy to learn. Thinking aloud should be the first tool in your UX toolbox, even though it entails some risks and doesn't solve all problems.