Issue #168 (String.fromCharCode(), CSS Tools, Text Editors, Productivity)
// Output: ¯\_(ツ)_/¯
This will output the famous shrugging ASCII character as shown in this JS Bin.
The String.fromCharCode() method will return a string and you have to use it as a method of the global String object rather than on a string you've created yourself. So if your app receives Unicode values as input, this method can be used to produce output based on the values received.
As explained on MDN, in order to deal with all legal Unicode values up to 21 bits, this method won't be enough (though it's probably more than sufficient for most cases). ES6 has therefore introduced String.fromCodePoint() to fill this gap. In this JS Bin you can see the different output when using a character from a high code point with each of the two methods. MDN's article on the topic also includes a polyfill to get support in IE and Safari, the only browsers that don't support the new method.
Now on to this week's tools!
|Support one of this week's sponsors:
CSS and HTML Tools
"A Lightweight tooltip available in pure CSS, cssnext using PostCSS, Less or SCSS."
"A simple library to take care of complex CSS animations."
"Gulp plugin that automatically generates CSS from your HTML classes."
"A command line app for recursively searching through a directory and finding HTML files which contain elements matching a given CSS selector."
A CSS library for rendering graphic badges/medals.
"Style your TinyMCE or Markdown generated content with a single CSS class."
"Create and customize beautiful CSS3 gradients."
Copy and paste your HTML and CSS into this online tool and it will remove unused styles.
"A friendly contact widget for your website."
Text Editors and IDEs
Windows or Mac app. "A modern development environment to build advanced mobile and web applications."
The popular multi-platform text editor is now at version 8.x.
"A set of snippets for Vim to work with Facebook's React PropTypes."
Glacier Theme for VSCode
A nice looking dark but colorful theme for Visual Studio Code.
WordPress plugin. "A free frontend page builder for WordPress that features a simple and intuitive drag and drop interface."
"Aims to be a concise vim script that implements some of TextMate's snippets features in Vim."
"Chrome extension that provides keyboard-based navigation and control of the web in the spirit of the Vim editor."
"Connect with your audience over live video. Simple & powerful Q&As, webinars, live courses & online summits with your audience."
"The personal, minimalist, super-fast, database free, bookmarking service."
Now at version 1.x. "The missing package manager for MacOS."
"Chromium/Firefox extension to view the source code of other Chrome / Firefox / Opera 15 extensions."
Chrome extension. "Turns Trello into a tasklist. Adds a checkbox next to each card so a task can quickly and easily be marked as done."
Tiny for Mac
A Mac screenshot tool that will give your screenshot file names more meaningful names.
Track your productivity
"A simple tool to measure your day's productivity. At the end of the day, you’ll be able to see total productive time and your completed tasks."
A Tweet for Thought
Dave Cheney with a thought on companies that reject remote workers.
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...
Made with React is a showcase of projects that use React or React Native.
Thanks to all for subscribing and reading!