Issue #147 (CSS.supports, Git/GitHub/CLI, Productivity, JS Utils)
(Skip to the tools section below)
It's simple to use:
// I ran these tests in Chrome
console.log(CSS.supports('display', 'flex')); // true
console.log(CSS.supports('object-fit', 'none')); // true
console.log(CSS.supports('color', 'currentColor')); // true
console.log(CSS.supports('hyphens', 'auto')); // false
As noted, I ran that code in Chrome, so three of the four tests returned true. Chrome doesn't support CSS hyphenation, so it returned false for the last one.
Instead of passing in two strings as a property/value pair (as I did in the examples above) you also have the option to use a supportCondition argument, which would look like this inside the log method:
CSS.supports('( animation: none ) or ( -webkit-animation: none )');
(JS Bin demo)
So it's basically the same idea as using @supports in CSS, so if you already know the syntax for @supports, then you know this too.
Now on to this week's tools!
Git, GitHub, and CLI Tools
"A simple cli tool for trying out different nodejs modules."
"JSON output from a shell."
"A statuspage generator that lets you host your statuspage for free on GitHub. Uses issues to display incidents and labels for severity."
"Turn a GitHub repo into a collection of interactive notebooks powered by Jupyter and Kubernetes."
"Blog from the command line. This is a blogging platform boiled down to its core. The only features are saving drafts, and publishing them."
"A lightweight workspace manager for the shell."
Gerrit Code Review
"Code Review for Git. Gerrit provides web based code review and repository management for the Git version control system."
"Atom package that allows you to travel back in commit history."
A command line tool to help build, run, and test web extensions (an API for browser plugins).
"The most complete, unofficial, client for GitHub on the iOS platform."
"A tiny tool to make teaching easier. Teasy allows to select an application window to be mirrored into an external monitor window."
"A free and open source video conference solution built with love and designed with ethics in mind."
"A private place to keep your notes, research, passwords, bookmarks, dream logs, photos, documents and anything else you want kept safe."
"A simple tracker to help you establish and keep up a habit of writing code and learning every day."
"A simple, powerful, and open note taking platform that makes it easy to organize your life."
"A messaging system that protects the privacy of message contents and message metadata."
Chrome extension. "Organizes tabs in current window by grouping them by URL."
A mobile task manager (iOS and Android) showing your tasks as bubbles in a funnel.
"The missing desktop client for Gmail & Google Inbox."
"A lightweight and independent Pinterest-like cascading grid layout library."
"A tiny library designed for making complex forms in React easier to build."
"Maintains the container scroll position when images loaded. Scrollbear is suitable in blog platforms where exist many photos and images."
"A library that tracks asynchronous activity and lets you know when it has completed."
"Provides a queue handler (TaskQueue) and a wrapper (Task) for promises, to limit how many are being resolved simultaneously."
"Search a directory/file containing ECMAScript code and find complex structures using a CSS Selector-like syntax."
"The blazing fast, batteries-included ES2015 compiler." Has some differences compared to Babel.
"Implements the W3C Blob interface in browsers that do not natively support it."
A Tweet for Thought
Jochen Wolters expresses the reality of the open office concept.
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 like writing music and code, then you might want to check out Klangmeister.
Thanks to all for subscribing and reading!