Issue #127 (CSS Tools, jQuery Plugins, Uncats)
(Skip to the tools section below)
It's a holiday, you're not working, you've just spend some time with the family and now you're itching for some awesome web tools. Well, I've got you covered. In addition to this list of some of my favorite finds in front-end tools in 2015, which I wrote for SitePoint, you'll find more new stuff below.
The tutorial will return in two weeks.
Now on to this week's tools!
CSS and HTML Tools
"Style your jQuery UI slider."
"Simple, CSS utility classes for advanced typographic features. Falls back gracefully through feature queries. Less than 1.75KB gzipped."
"A jQuery plugin giving you the power to control CSS filters with HTML attributes."
Chrome extension to "find all CSS properties that differ between two HTML elements."
PostCSS plugin. "Remove media queries from CSS while preserving rules that match a hard-coded viewport."
Base64 File Encoder
Instantly convert files to base64 format (often used in data URIs).
"A Mac OS X app that allows you to try fonts for free or rent them by the month for desktop use for just a fraction of the regular price."
"Makes images truly responsive, without sacrificing anyone's face."
"Lightweight, simple to use jQuery plugin to animate SVG paths."
Converts an element's content into a simple SVG mini pie, donut, line, or bar chart, and is compatible with any browser that supports SVG.
A simple jQuery image viewing (zooming) plugin.
Let's you create device mockups with code.
jQuery RWD Image Maps
"Allows image maps to be used in a responsive design by recalculating the area coordinates to match the actual image size on load and window.resize."
A many-featured jQuery tool tip plugin with on-page demo to test out the options.
"Creates a stacking effect by sticking panels as they reach the top of the viewport."
"A ruler application for Mac, made with web-development in mind. It seats in your tray-bar and doesn't get in your way."
"Better Markdown parser in PHP."
A powerful visual analytics platform for websites, e-commerce, and publishers."
HTML To WordPress
"Simple HTML to WordPress conversion tool."
"The free, quick and simple way to create a professional online store and grow your eCommerce business."
"Easily manage URL redirects."
"A free, automated, and open certificate authority (CA), run for the public’s benefit."
"A backend platform to build powerful real-time apps more efficiently."
"Make a beautiful embeddable booking widget in minutes."
A Tweet for Thought
A classic tweet from Paul Ford, from 2012, that still kind of sums up the Web.
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...
If you're into writing music, check out VexFlow, "an open-source online music notation rendering API."
Thanks to all for subscribing and reading!