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)
2000+ customizable, animated icons and illustrations exportable to React, SVG, and Lottie.
A bare-bones CSS reset for modern web development.
Free collection of beautiful patterns in multiple formats (Sketch, Figma, XD, Illustrator, PNG, and SVG).
Professional UI Kits and admin dashboard templates to quickly develop good looking modern applications.
A little HTML and CSS boilerplate to take the pain away from working with forms.
Free and simple HTML landing page template for startups.
Convert HTML to PDF for seamless documents you can print, download, and archive.
A minimal and fast library for functional user interfaces.
Most Clicked Tools of 2019 (#20 – #11)
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.
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.
A minimal stylesheet in less than 1k of CSS, to get a web app up and running.
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.
Free HTML Website templates and HTML UI Kits to kickstart your next project.
A strong, independent CSS Framework. Only 2.7KB minified and gzipped.
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)
A UI Kit for building responsive admin dashboard web apps.
A library of animated hamburger menus for responsive designs, available as HTML/CSS or as React components.
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.
Open source click-and-copy user interface interactions. Includes animated hamburger menus, loading indicators, toggles, and more.
Futuristic, cyberpunk-inspired UI shaping for any element.
A collection of free, beautiful, SVG isometric illustrations that you can use in your website or app.
Beautifully simple click-to-copy CSS effects. A carefully crafted collection designed with a focus on fluidity, simplicity, and ease of use.
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!