Issue #146 (Text Editors, Testing Tools, Uncats)
(Skip to the tools section below)
No introductory tutorial/tip this week, but here are a couple of things I'm looking into for future issues:
- The Range API, which has a ton of interesting methods and properties. This API allows you to manipulate and work with document fragments.
Now on to this week's tools!
Text Editors, Code Playgrounds, etc.
"An attempt to build a high quality text editor, using modern software engineering techniques. It is initially built for Mac OS X, using Cocoa for the user interface, but other targets are planned."
Autocomplete from Stack Overflow
"An open source pastebin with runnable snippets and API." Lots of languages supported.
"Tool for live editing CSS components written in Vue."
Visual CSS flexbox builder
"Meet the first visual flexbox builder. Easily build flexible, responsive layouts—without writing code. Only in Webflow."
React Native Tools
A Visual Studio Code extension for developing React Native projects.
The NERD Tree
A tree explorer plugin for Vim.
"Full path fuzzy file, buffer, mru, tag, ... finder for Vim."
Testing and Debugging Tools
"Tests your libraries in many different versions of NodeJS, Ruby, Java and many other languages."
"I created LogWizard to help anyone that really needs to deal with logs, in order to hunt down bugs and/or issues that happen somewhere else (read = at customer site)."
"Lets you build split tests (A/B tests) directly into your React app."
"Allows you to run a command and see what it does to your files without actually doing it! After reviewing the operations listed, you can then decide whether you really want these things to happen or not."
Tool to check if any of your NPM repository names are trademarked.
"Instant visual diffing with CSS blend modes."
"Easier debugging for ES6+ arrow functions."
"Remotely inspect end user bugs. Automatically get complete recording of user actions, network requests and web page changes each time end user faces an error."
"Catch CSS curve balls. Breaking CSS is easy. Checking every responsive page element is hard. That’s why there's BackstopJS."
"Easy bulk nameserver redirects."
"A smarter web browser." For OSX or Ubuntu.
An open source alternative to AnyOrigin.com with support for gzipped pages.
"Wrap any web page natively without even thinking, across Windows, OSX and Linux."
"Self hosted newsletter app built on top of Nodemailer."
"Build your own digital assistant. Digital assistants are huge, complex pieces of software. Abot makes it easy and fun to build your own digital assistant, and we include everything you need to get started."
"Discover what NPM packages are commonly used together by other JS developers."
"A modular and lightweight CMS built with modern technologies. It gives you the tools to create beautiful websites. All wrapped up in a clean and intuitive user interface."
"Build and connect intelligent bots to interact with your users naturally wherever they are, from text/sms to Skype, Slack, Office 365 mail and other popular services."
A Tweet for Thought
From 2014, David Winterbottom's desirable developer skills.
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...
Apparently you can now get Lumberrolled. Gotta respect that sense of humor!
Thanks to all for subscribing and reading!