Issue #127  (CSS/HTML, jQuery Plugins, Uncats)12/24/15


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!
 
Buy My JavaScript/DOM E-Book:
70 JavaScript and DOM Tips for $5 (EPUB, MOBI, PDF)
 

CSS and HTML Tools


Flat slider
"Style your jQuery UI slider."

Utility OpenType
"Simple, CSS utility classes for advanced typographic features. Falls back gracefully through feature queries. Less than 1.75KB gzipped."

Philter
"A jQuery plugin giving you the power to control CSS filters with HTML attributes."

CSS Diff
Chrome extension to "find all CSS properties that differ between two HTML elements."

UnMQ
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).

Fontstand
"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."

Tiny Colorpicker
This is a really cool little color picker utility (available as vanilla JavaScript or jQuery). Try the examples to see how nice it looks and works.

 
70 JavaScript and DOM Tips for $5 (EPUB, MOBI, PDF)
 

jQuery Plugins


ResponsifyJS
"Makes images truly responsive, without sacrificing anyone's face."

jQuery DrawSVG
"Lightweight, simple to use jQuery plugin to animate SVG paths."

Peity
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.

Viewer
A simple jQuery image viewing (zooming) plugin.

DeviceMock.js
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."

Protip
A many-featured jQuery tool tip plugin with on-page demo to test out the options.

StickyStack.js
"Creates a stacking effect by sticking panels as they reach the top of the viewport."

 
384 Pages of CSS for $7 (PDF E-Book)
 

The Uncategorizables


Linear
"A ruler application for Mac, made with web-development in mind. It seats in your tray-bar and doesn't get in your way."

Parsedown
"Better Markdown parser in PHP."

Hoverowl
A powerful visual analytics platform for websites, e-commerce, and publishers."

HTML To WordPress
"Simple HTML to WordPress conversion tool."

Kong
"The free, quick and simple way to create a professional online store and grow your eCommerce business."

EasyRedir
"Easily manage URL redirects."

Let's Encrypt
"A free, automated, and open certificate authority (CA), run for the public’s benefit."

Syncano
"A backend platform to build powerful real-time apps more efficiently."

Booking.js
"Make a beautiful embeddable booking widget in minutes."

 
384 Pages of CSS for $7 (PDF E-Book)
 

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!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
Copyright © Web Tools Weekly, All rights reserved.

Email Marketing Powered by MailChimp