Issue #132 (IIFEs, JS Utilities, Productivity Tools, Uncats)
(Skip to the tools section below)
Articles like this work well because they break down what might seem like a complex topic into simple, easy to understand pieces. Some highlights from his explanation:
I think the only thing that Marius left out is giving credit to the developer who named the IIFE, Ben Alman. Other than that, it's a great read so check it out.
- ParenthesizedExpression is a thing in the spec.
- You can place the invoking parens inside the wrapping parens, or outside. Doug Crockford prefers them inside.
- You can name the IIFE (this was new to me, though I don't know how useful this is).
- The opening semi-colon pattern for concat issues is beneficial for IIFEs.
- You can create an IIFE using ES2015's arrow syntax (but Marius doesn't recommend this).
Now on to this week's tools!
"A simple, open source text highlighter that allows you to add custom functions to it."
"A small, dependency-free, ES6 library for smooth animations."
"A library that aims to dynamically load JS modules depending on how the DOM is composed. Add a node to the DOM and a JS will be loaded. Remove a node and the JS will be disposed."
"A small, performant, promise library implementing the Promises/A+ spec Version 1.1."
"A simple, declarative, and composable way to fetch data for React components."
An AngularJS directive for Basecamp's WYSIWYG editor called Trix.
"Promise based AJAX library."
React Progress 2
"YouTube style progress bar for ReactJS."
A lightweight, no-dependency slider/carousel.
"A to-do list for your Slack team."
"Quickly make reminders in the terminal. Reminders are displayed in all open terminals. For Linux and OSX."
Docs Online Viewer
Chrome extension for a convenient way to open and view just about any file type.
"A self hostable application for saving web pages. Unlike other services, wallabag is free (as in freedom) and open source."
Chrome extension. "If you use DevTools as your frontend development environment, DevTools Author provides a small set of options to enhance your authoring experience."
"The flexible and visual way to organize the best things from the web."
"Ridiculously simple screen recording."
"A high performance browser based on the Mozilla platform. Made specifically for 64-Bit systems, Waterfox has one thing in mind: speed."
"From planning, to coding, to testing, to customer support, DoneDone is the refreshingly simple issue tracker. No more spreadsheets, sticky notes, and emails about web and software projects."
"The easiest way to add search to your documentation."
"Hosted Search API that delivers instant and relevant results from the first keystroke."
Mitigates documentation problems with software projects by auto-generating a beautiful and well laid out page from your source code and comments.
"The extensible, open source mail client."
"Shut down your computer using Node.js and a phone (works on OS X, Linux and Windows)."
Firefox for iOS
Firefox browser now available for iPhone and iPad.
HTTP Status Cats API
This is gold. Hilariously appropriate cat images for different HTTP status codes.
A Tweet for Thought
Gavin Joyce has a suggestion for improving npm install speed. Does this work for everyone?
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...
You might be interested in looking at the top 30 books ranked by total number of links to Amazon in Hacker News comments.
Thanks to all for subscribing and reading!