Issue #144 (CSSX, JS Utils, JS Libs, Task/Build Tools)
(Skip to the tools section below)
Are we going too far with tools these days? A big chunk of Smashing Mag's audience seems to think so. The first comment posted on that article praises the post. That comment has 54 more downvotes than upvotes. On the flipside, the first response to that comment has a +77 rating. The author of that comment says "JSX, CSSX, React and npm are all terrible ideas. What a bloated, slow, insecure mess. Front end web development is going to s**t."
Pretty strong words. Normally that type of trollish language doesn't get those kinds of upvotes. But in this case, the readers seem to agree with the sentiment.
I'm definitely leaning towards the anti-CSSX expressions myself. As some of the commenters in the discussion alluded to, it seems like we're trying to solve problems that don't exist, or at best are not as bad as these tools make them out to be.
It's an interesting tool, and it will be interesting to see if it ends up being used. For what it's worth, the project's GitHub repo currently has over 500 stars.
Now on to this week's tools!
"A replacement for infinite scrolling." You'll have to check out the demo and detailed description to understand it fully.
"Detects if the mouse of a user leaves the viewport/document borders of your website and when this happens, trigger your callback."
"The easy way to scroll and animate your page."
"Pauses animated .gifs and enables them to animate automatically on mouse hover / mouse click / touch event, or manually with trigger / release functions."
"React component to handle keyboard events (such as keyup, keydown & keypress)."
"A bundle of AngularJS directives that allows you to create editable elements."
"A persistent full text search engine for the browser and Node.js."
"Simple wildcard matching. Useful when you want to accept loose string input and regexes/globs are too convoluted."
"Automated typographic quotation and punctuation marks."
"Isolate your React UI Component development from the main app. You just load your UI components into the React Storybook and start developing them."
"A modular, functional music theory library. Built from a collection of modules, it's able to create and manipulate tonal elements of music (pitches, chords, scales, keys)."
Allows you to encapsulate component logic into smaller, reusable functions, which in turn can be combined back into components.
"A battle tested library that makes state management simple and scalable by transparently applying functional reactive programming."
"Generator based control flow that supports both callbacks and promises."
"A library for animating layout. It provides a language for positioning, orienting and sizing DOM elements and coordinating the animation of these properties over time."
Deploy, Task, Build Tools
"Lists your installed yeoman generators and subgenerators."
"A Grunt task to check for unused files (jpg, png, css, js etc) in a project files and output them to the console."
"A Yeoman generator for the modern front-end artisan designed to help you craft maintainable code for the web."
"Easily exclude node modules in Webpack."
"Yeoman generator to get and keep .travis.yml up-to-date effortlessly. Works great with other generators too."
"A front-end asset pipeline driven by gulp.js."
"A Grunt plugin that extends HTML image tags with srcset and sizes attributes."
A Tweet for Thought
Riva-Melissa Tez shares what she thinks is the last programming book you'll ever need.
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...
It's kind of creepy what every browser knows about you.
Thanks to all for subscribing and reading!