Issue #180 (Top Tools of 2016)
The intro tutorial is still on hiatus until next week and, as I mentioned last week, I have a new design for this newsletter that will be launched in the next issue. This week's issue is a summary of the 30 most popular tools in this newsletter over the past year.
In the meantime, if you're a fan of the introductory tips that I provide in this newsletter almost every week, below you'll find the links to buy two e-book packages that contain all of the tips I've published in this newsletter.
Each e-book package is $5 and each one includes EPUB, MOBI, and PDF formats.
Many of you have already purchased the first e-book package, but for those that haven't, here are the links:
All the tips appear in issues of this newsletter, and they'll all eventually be available for free in the Web Tools Weekly archives. But if you want them in a single offline readable format, then the e-book purchase is the way to go.
Once again, thanks to everyone for their support in subscribing, and I look forward to continuing to provide interesting tools and content in 2017.
Now on to the year's most popular tools!
The Top 10 Tools of 2016
"A replacement for infinite scrolling." Developers must view infinite scrolling as a pretty big problem if this is the top-clicked tool of 2016.
"A Bootstrap template that would be a great choice for a startup landing page or any other projects you might consider. This template features a wide/boxed layout toggle and 8 color styles to chose from."
"The need for a simple CSS framework for web developers who tend to never use the hundreds of pre-made UI components some other frameworks ship with."
"Simple, free, fully responsive one-page sites for pretty much anything."
"The easy way to scroll and animate your page."
"Decorates your `img` tags with data-coloor attributes containing a small base64 encoded version of your image. The idea is to quickly show the small image as a placeholder while the original one is loading."
"Free and open source web builder framework. Next generation tool for building templates without coding."
"Duotone filters made with CSS."
"A modern development environment to build advanced mobile and web applications."
"Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder."
The Next 10...
Happy Cog starter files
A repo containing frontend starter files from the team at Happy Cog, the award-winning digital studio.
"A modern CSS framework based on Flexbox."
"An email framework with a bunch of fully trusted responsive components to provide you a solid foundation for your HTML email project."
"An attempt to build a high quality text editor, using modern software engineering techniques. It is initially built for Mac OS X, using Cocoa for the user interface, but other targets are planned."
"A pack of 49 photorealistic gradients that you can use as content backdrops in any part of your site."
"An invasive CSS library to get your style started."
"A badass Bootstrap UI kit based on Material Design."
"Wing is made for those smaller side projects, as it isn't as full featured as Bootstrap, Foundation, etc. Wing styles basic elements, comes with a grid, and some fading animations."
And the Final 10...
"CSS spinners and loaders – modular, customizable and single HTML element code."
"An accessible dialog window plugin for all humans."
"A collection of repeatable SVG background patterns for you to use on your digital projects."
"A cards-based UI with dual-pane capability for mobile and desktop, built on top of Bootstrap."
"A progressive framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable."
"A simple tool to see how your site looks on desktop, laptop, tablet & mobile."
"Append the domain name to the URL in the address bar. Press Enter to see how much the website can benefit by adopting Atomic CSS."
A pattern library (buttons, banners, badges, alerts, tabs, etc.) for an organization called Zource.
A Markdown-inspired CSS framework for hackers with different themes available.
"Tiny set of CSS3 animations meant for your checkbox inputs."
A Tweet for Thought
A simple reminder that, apparently, there is no such thing as a stupid idea.
Suggestions / Corrections
Made something? Send links via 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...
From the world of completely useless but freakishly smart, a regex that only matches itself.
Thanks to all for subscribing and reading!