Issue #36  (Archives + JavaScript and jQuery)


(Skip to the tools section below)


No code tutorial this week, but I just wanted to let everyone know that I'm hosting the Web Tools Weekly archive on my own server, for easy searchability and access to older issues.

More than likely, when looking through the lists of tools, you don't necessarily find stuff that you use right away. You might bookmark a few things or even take a mental note of something and plan to check it later. Well, if at any point you are in need of a specific script to solve a problem, or maybe you remember seeing a particular tool in a previous issue, but can't remember what it was called, you can use Google's in-site search feature to find stuff.

Every issue of Web Tools Weekly presents a categorized list of tools, so if you don't remember the name of the app, but (for example) you know it was a text editor or other online visual tool, you can do a search like the following:

site:webtoolsweekly.com/archives/ "visual tools"

Or if you remember that it was a JavaScript utility that manipulated strings:

site:webtoolsweekly.com/archives/ "JavaScript utilities" "string"

Or it was a responsive design or mobile tool:

site:webtoolsweekly.com/archives/ "RWD"
site:webtoolsweekly.com/archives/ "Mobile Tools"

I think you get the picture. And I'm sure most of you were familiar with the "site:" feature to search in an individual website on Google.

Since I keep the category titles pretty standard, doing a search for a tool you can't remember the name of shouldn't be too difficult. Of course, for now the search is pretty easy to do in terms of size, but when the archive gets much bigger, it might be harder to sift through the results.

 


Now on to this week's JavaScript and jQuery tools!
 

JavaScript Utilities and Mini Libraries


jsCache
Enables caching of scripts, stylesheets, and images using a localStorage Polyfill as the persistent caching unit.

scribe
By the folks at the Guardian, this is a "rich text editor framework for the web platform, with patches for browser inconsistencies and sensible defaults."

Lazy Ads
"Deliver synchronous ads asynchronously without modifying the ad code. Conditionally load ads for responsive layouts using the ad container's dimensions, or a media query."

Progress.js
"Helps developers create and manage progress bars for any object on the page. You can design your own template for progress bars or simply customize them."

angular-translate
"An AngularJS module that makes your life much easier when it comes to i18n and l10n including lazy loading and pluralization."

localForage
"A handy library that improves the offline experience of your web app by using asynchronous storage (via IndexedDB or WebSQL where available) but with a simple, localStorage-like API."

DOMPurify
"A DOM-only, super-fast, uber-tolerant XSS sanitizer for HTML, MathML and SVG. It's written in JavaScript and works in all modern browsers"

Placeholdem
"A JavaScript plugin that animates placeholder carets on inputs and textareas. The placeholder value will incrementally delete on focus, and restore on blur."

Creditly.js
An intuitive credit card form script, with two themes.

parseURLEncoded
"Parse x-www-form-urlencoded as a structured object. Uses the same parsing algorithm as application/json forms."

<prism-js>
A Polymer element for syntax highlighting with Prism.js, the syntax highlighter script.

nanobar.js
A lightweight progress bar solution with no dependencies and works in IE8+.

Webshim
"A modular capability-based polyfill-loading library."

AnchorJS
A tiny utility for adding "anchoring" links to existing page content. This means a link icon is displayed next to an element on hover, a common UI pattern for local links.

FSO.js
"FileSystemObject library for temporary and permanent client-side file storage."
 


jQuery Plugins


noUiSlider
"A range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile "

ScrollMagic
"For magical scroll interactions... lets you use the scrollbar like a playback scrub control." Working examples on the home page.

jQuery-Notebook
"A simple, clean and elegant WYSIWYG rich text editor for web aplications."

RowGrid.js
"A small, lightweight jQuery plugin for placing items in straight rows", in a masonry-like layout.

Share Button
I've removed share buttons from my websites, but this might convince me to put them back. Very nice.

jQuery.Keyframes
"Generates and plays CSS3 keyframes quickly and easily allowing you to concentrate on the content of your project whilst cutting down code."

ImageLightbox.js
"I needed a lightbox only for images, not video, text, and iframes at once."

Formance.js
"A general purpose library for formatting and validating form fields, based on / inspired by Stripe's jQuery.payment library."

A Tweet for Thought

Remy Sharp gets some interesting discussions started on the topic of conference speakers not getting paid for speaking.


 

Suggestions / Corrections


Made something? Send links via Twitter @WebToolsWeekly (details here). No tutorials or articles, please. If you have any suggestions, corrections, or improvements, feel free to reply to this email.


 

Before I Go...

This looks interesting: Panda, a web app or Chrome extension that lets you "comfortably browse Designer News, Dribbble, Behance, Hacker News and others all in one place." Definitely worth a look.

Thanks to all for subscribing and reading!

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

Email Marketing Powered by MailChimp