Web Tools Weekly
What a Tool!

Issue #336  (Top Tools of 2019 (Part 1))12/26/19

This is the final issue of 2019 and, as I do every year, I've rounded up the 30 most-clicked tools of the past 12 months. This year I took the newsletter's open numbers into consideration for what I considered "most clicked", so the overall list is based on clicks divided by opens for that issue, which I think gives a better overall look at how popular something was.

Before I get to the list, here are a few ways you can support this newsletter in the new year:

The last three course links, as you probably figured, will give me a cut of the price if you purchase, so I appreciate it if you use those links!

I'm looking forward to continuing to grow the newsletter in 2020, and I just wanted to take this time to thank everyone for their continued support.
 

Now on to the top clicked tools of 2019!
 

Most Clicked Tools of 2019 (#30 – #21)

Autumn
The macOS window manager for JavaScript hackers.

Shape
2000+ customizable, animated icons and illustrations exportable to React, SVG, and Lottie.

modern-css-reset
A bare-bones CSS reset for modern web development.

autoComplete.js
A simple pure vanilla JavaScript auto-complete library that's progressively designed for speed, high versatility and seamless integration with a wide range of projects and systems.

Paaatterns
Free collection of beautiful patterns in multiple formats (Sketch, Figma, XD, Illustrator, PNG, and SVG).

UiFort
Professional UI Kits and admin dashboard templates to quickly develop good looking modern applications.

Boilerform
A little HTML and CSS boilerplate to take the pain away from working with forms.

Solid
Free and simple HTML landing page template for startups.

Prince
Convert HTML to PDF for seamless documents you can print, download, and archive.

Moon
A minimal and fast library for functional user interfaces.

Most Clicked Tools of 2019 (#20 – #11)

Fabulous
VScode extension that adds a CSS properties sidebar to your code editor.

Design System Playground
Play with typography and colors to generate a design system theme you can use in your projects.

ScreenDump
Responsive design testing tool. Enter a URL and you'll get screenshots of your site on various devices including 11 desktops, 8 mobile, and 2 iPads. You can also add a custom device of your own.

Minimal Stylesheet
A minimal stylesheet in less than 1k of CSS, to get a web app up and running.

Darkmode.js
Add a dark mode / night-mode to your website in a few seconds. Uses the CSS mix-blend-mode property to create a dark mode on/off switch.

HTMLTEMPLATES.CO
Free HTML Website templates and HTML UI Kits to kickstart your next project.

Cutestrap
A strong, independent CSS Framework. Only 2.7KB minified and gzipped.

Old Terminal
HTML, CSS, and JavaScript template with a retro terminal UI look.

Yoncé
A Beyoncé-inspired theme for Bash-It, VSCode, iTerm, Slack, and Alfred.

Visual Studio Online
Cloud-powered dev environments accessible from anywhere.

Most Clicked Tools of 2019 (#10 – #1)

Dashboard
A UI Kit for building responsive admin dashboard web apps.

Animated Burgers
A library of animated hamburger menus for responsive designs, available as HTML/CSS or as React components.

noframework.js
A small set of helper functions to help do almost-library-free JavaScript.

laptop.css
Kind of a silly project that allows you to present an image wrapped in an ASCII art laptop. Might be good for memes in slides and presentations.

UI Interactions
Open source click-and-copy user interface interactions. Includes animated hamburger menus, loading indicators, toggles, and more.

augmented-ui
Futuristic, cyberpunk-inspired UI shaping for any element.

Isometric
A collection of free, beautiful, SVG isometric illustrations that you can use in your website or app.

Creepyface
A JavaScript library that makes your face look at the mouse pointer. Ideal for resumes or team sites.

CSSFX
Beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use.

Water.css
This was the #1 clicked tool of the year! A just-add-CSS collection of styles to make simple websites just a little bit nicer.

A Tweet for Thought

The most clicked Tweet of 2019 was this one by David Buchanan where he embeds a picture that's literally worth (more than) a thousand words.
 

Send Me Your Tools!

Made something? Send links via Direct Message on Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions for improvement or corrections, feel free to reply to this email.
 

Before I Go...

I've recently set up a YouTube channel for Web Tools Weekly. Nothing there yet, but I plan to start posting code- and tools-related videos there in the new year. I hope everyone has a safe and healthy end of year, and I'll see you all in 2020!

Thanks to all for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@LouisLazaris