Issue #128 (Top Tools of 2015)
As mentioned last week, no tutorial until next week, but I thought for this issue it would be appropriate to list the top-clicked tools in Web Tools Weekly over the past 12 months. From the tools listed, you'll notice some patterns:
So keep those points in mind if you're thinking of building something new in 2016.
- People love CSS
- People love Bootstrap
- People love tools that make hard things easy
A big thank you to everyone for supporting the newsletter over the past year.
Now on to this week's top tools of 2015!
10 Most Clicked Tools of 2015
"The best mobile navigation on this planet. 1.3kb of pure joy. CSS only."
"Create live style guides with interactive examples that change as your design does."
"Not a framework. Just a collection of thoughtfully crafted front-end components."
"Free, responsive Bootstrap themes for designers & frontend developers."
"The most epic theme for Sublime Text."
"Beautiful documentation made easy." Used by Mozilla and internally by BMW.
WHITE: One-Page HTML Theme
A really nice, one-page, responsive HTML theme based on Bootstrap 3. Has two versions including one with a video background slider.
Light Bootstrap Dashboard
"An admin dashboard template designed to be beautiful and simple. It is built on top of Bootstrap 3 and it is fully responsive."
"Fully responsive, performance first CSS patterns."
"PatternPack makes it easy to build a living design system. It is not a replacement for Bootstrap – it’s a set of tools for you to 'build your own Bootstrap.'"
The Next 10 Most Clicked...
"A Sass framework that empowers you to create flexible, clear, and semantic website layouts."
"A CSS framework based on Google's material design."
"The simplest app for Bootstrap prototyping."
"A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on."
Better Error Pages
"Build free 404, 500-level, and maintenance pages in 60 seconds."
"50% resets, 50% micro-framework, 100% awesome."
"Material design theme for Bootstrap 3."
Poor Man's Styleguide
"A quick-and-dirty frontend styleguide, designed to be copied and pasted into your CMS."
A Mac app. "Generate CSS selectors from HTML code."
""Learn regular expressions with simple, interactive examples."
And the Final 10...
An HTML email framework to build bulletproof responsive HTML email templates. Supports 40+ email clients and has been thoroughly tested using Litmus.
"A minimal hamburger menu with fullscreen navigation."
"A fun and friendly Open Source HTML5 Game Engine. Some people call it the WordPress of HTML5 game engines."
"Super simple to use, CSS-only icons."
"A professional web animation tool for everyone."
Official site by Yahoo! on the atomic CSS architecture methodology.
Cross Browser Testing
"Test your website in dozens of browsers and real devices with instant results. Over one thousand combinations of browsers, OSs, and devices."
"A simple library to show your users a beautiful splash page while your application loads."
"A huge collection of high-quality SVG logos."
"The Dock replacement for the Mac. Boost your productivity with the most advanced and versatile app and window manager for the Mac."
A Tweet for Thought
Speaking of Bootstrap, just for fun, here's Mark Otto's original tweet that announced the launch of Bootstrap.
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...
In my "Learning Tools" issues, I often feature books. So just for good measure, the top clicked book over the past 12 months was CSS Master by Tiffany Brown. (And I'm not just saying this because I work for SitePoint – it really was the most clicked book title!)
Thanks to all for subscribing and reading!