Web Tools #364 - Testing Tools, Text Editors/IDEs, Uncategorizables

Web Tools Weekly
WEB VERSION
What a Tool!

Issue #364 • July 9, 2020

Advertisement
The Most Powerful CI/CD Tool
Automate your development process quickly, safely, and at scale.
Sign Up
CircleCI

In addition to this newsletter, I've done some writing for a few different publications in recent months, so I thought I would share some of those in this week's intro:

  • An Introduction to Parcel.js, the No-Config Web Application Bundler
    This was my foray into Parcel, which many have found to be the best go-to web app bundler due to how good it is out-of-the-box (hence why it's billed as "no-config").
  • How to Balance Growth vs Profit When You’re a Small Newsletter
    This is an article I wrote for Paved (an advertising platform that I use for some of the ads in this newsletter). The article is pretty transparent about my history with this newsletter and its growth. If you run a small newsletter yourself, I'm sure you'll find it interesting.
  • Accessible and Keyboard-Friendly Hamburger Menu + Slide Out Navigation
    This one was posted on my own website and it's mainly a demo with a little bit of explanation. My goal with this was to create a hamburger menu toggle that was as accessible as possible. I even got some advice in the comments from a screen reader user that helped make it a little better. That's always pretty cool to hear from the users that are the main focus of the article.
  • Front-end RSS Feeds, 2020 Update
    This was an update to an older GitHub repo that needed a refresh. It's a categorized list of RSS feeds for front-end developers.
So that's more or less what I've been up to outside of this newsletter in recent months, so I've been keeping as busy as possible during this mostly-home time.


Now on to this week's tools!
 

Testing and Debugging Tools

The Most Powerful CI/CD Tool
Automate your development process quickly, safely, and at scale. sponsored 

browserless
Enterprise-level headless browser platform that scales your automation.     Puppeteer, Selenium, powerful REST APIs, dashboards + monitoring, and more.

Asayer
Helps front-end developers reproduce bugs, aggregate errors, and monitor the performance of their web applications.

tape
Tap-producing test harness for node and browsers.

Speedlify
Benchmark sites over time. After you make a fast web site, keep it fast by measuring it over time.

Speedlify

bundle-wizard
Command line utility makes it simple to create visualizations of the JS bundles that were fetched for any specific page (or "entry point") of a web app.

web-vitals-reporter
A tiny (800 B) utility to simplify reporting of Web Vitals (Google's new healthy website metrics).

eslint-plugin-import
ESLint plugin that intends to support linting of ES2015+ (ES6+) import/export syntax, and prevent issues with misspelling of file paths and import names.

Cypress localStorage Commands
Extends Cypress' cy commands with localStorage methods. Allows preserving localStorage between tests.

Browservice
Browser as a Service. A web "proxy" server that enables browsing the modern web on historical browsers. It works by rendering the browser viewport into images, which are then shown by a JavaScript application running on the client browser.

PageWatch
Automatic visual testing for every page. Find layout errors, spelling mistakes, slow pages, broken links, and more.

testdouble.js
Now at version 3+. A minimal test double library for test-driven development with JavaScript.

Playwright
Microsoft's a Node library to automate Chromium, Firefox, and WebKit with a single API is now at version 1+.

Text Editors, IDEs, etc.

Phonk
A self-contained creative scripting toolbox for new and old Android devices.

Foam
A personal knowledge management and sharing system inspired by Roam Research, built on Visual Studio Code and GitHub.

Beacon.nvim
A plugin for Vim or Neovim that causes the cursor to flash to make it more visible when it jumps to a new location.

Snack
Lets you to run complete React Native projects in the browser. No download required.

Glamorous Toolkit
Open source, all-in-one development environment that includes a live notebook, flexible search interface, fancy code editor, software analysis platform, and data visualization engine.

Vimwiki
A personal wiki for Vim made up of a number of linked text files that have their own syntax highlighting.

SnipperApp
A native macOS snippets manager with a modern, lightweight GUI, syntax highlighting, and Markdown support.
 
SnipperApp

ngrok for VSCode
A VSCode extension to control ngrok (the localhost tunnel tool) from the command palette.

VSCodium
Open source binaries for VScode, in order to get around the fact that Microsoft's binaries are not MIT-licensed and contain telemetry/tracking.

4coder
Now at version 4+. A modern text editor based loosely on Emacs, to maximize the power and ease of customization with high priority on performance and portability.

Kite
AI coding assistant for Python and JavaScript, integrated with most popular code editors (VS Code, Sublime, Atom, IntelliJ, and more).

The Uncategorizables

Tech Productivity
A brief weekly newsletter for tech professionals. Features articles, tips, and tools for improved productivity.   promoted

Search by Muzli
A search engine for design inspiration. Search by color, keyword, style, etc.

Design Lint
A free plugin for Figma built to help you find and fix errors in your designs.

Capistrana
Allow your users to record their issues in-browser. Great for product managers, developers, customer success specialists, and help desk teams.

345Tool.com
A whole slew of formatting tools, minifiers, generators, decoders/encoders, and conversion tools for developers.

Zettlr
A modern markdown editor with multiple language support, multiple themes, dark mode, code highlighting, export features, and lots more.

Super Productivity
A free to do list and time tracker for programmers and designers.

Super Productivity

Maildown
Send beautiful transactional emails programmatically via a simple REST API.

Flow
Now at version 1.7. Professional UI animation software for iOS, Web, and Lottie. Import from Sketch, animate with a powerful timeline editor, and generate production-ready code.

VisualSitemaps
Automatically generate beautiful visual sitemaps + high-resolution screenshots of any public or private website, to perform in-depth site audits for UI, UX, SEO, and marketing research.

Openship
E-commerce automation as a service. An operations management tool for e-commerce shops. It allows you to tap into Shopify's APIs and determine how orders are routed and fulfilled.

userTrack
A single self-hosted platform to replace your third-party analytics.

DecentDrops
Directory that automatically filters through thousands of dropped domains to show you brandable, pronounceable, and potentially valuable domains.

PayID
The Universal Payment Identifier. A better way for your users to send and receive payments.

A Tweet for Thought

When a new-hire developer asks "How do you deploy?"
 

Send Me Your Tools!

Made something? Send links via Direct Message on 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'd like to document everything you do via time-lapse screenshots on your system, you might want to check out Makerlapse. The repo includes links to YouTube videos as examples of what you can do.

Thanks to everyone for subscribing and reading!

Keep tooling,
Louis
webtoolsweekly.com
@WebToolsWeekly
PayPal.me/WebToolsWeekly

Older messages

Web Tools #363 - CSS Tools, Media, JS Utilities

Thursday, July 2, 2020

Web Tools Weekly WEB VERSION Issue #363 • July 2, 2020 Advertisement Managing Complexity in Adopting Microservices July 8 @ 10 AM PT | 5 PM UTC Join Rollbar, Optimizely, Postman, and DeployHub for an

Web Tools #362 - Front-end Frameworks, React Tools, Build Tools

Thursday, June 25, 2020

Web Tools Weekly WEB VERSION Issue #362 • June 25, 2020 Advertisement Codacy: Automated Code Reviews Codacy is an automated code standardization platform that helps improve code quality, create

Web Tools #361 - JS Libraries, Testing Tools, Uncategorizables

Thursday, June 18, 2020

Web Tools Weekly WEB VERSION Issue #361 • June 18, 2020 Advertisement The New Tab Page You'll Actually Use Replace your web browser's gratuitous new tab page with a minimal list of links,

Web Tools #360 - React Tools, Git/CLI, JS Utilities

Thursday, June 11, 2020

Web Tools Weekly WEB VERSION Issue #360 • June 11, 2020 The following intro is a paid product review for NetNut, a fast residential proxy network for web scraping, SERP monitoring, and more. If your

Web Tools #359 - CSS Tools, IDEs, a Must-Have JS Book

Thursday, June 4, 2020

Web Tools Weekly WEB VERSION Issue #359 • June 4, 2020 Advertisement The New Tab Page You'll Actually Use Replace your web browser's gratuitous new tab page with a minimal list of links,

You Might Also Like

Data Science Weekly - Issue 540

Friday, March 29, 2024

Curated news, articles and jobs related to Data Science, AI, & Machine Learning ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

This Week in Rust #540

Friday, March 29, 2024

Email isn't displaying correctly? Read this e-mail on the Web This Week in Rust issue 540 — 27 MAR 2024 Hello and welcome to another issue of This Week in Rust! Rust is a programming language

The Value Of A Promise 🤞

Friday, March 29, 2024

How much is a promise from a tech company really worth, anyway? Here's a version for your browser. Hunting for the end of the long tail • March 28, 2024 The Value Of A Promise When you hear a

New Elastic Security for SIEM Training Course

Friday, March 29, 2024

Detect and respond to evolving threats ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ elastic | Search. Observe. Protect Detect anomalies and malicious behavior March

SBF gets 25 years 

Thursday, March 28, 2024

Sam Bankman-Fried is sentenced View this email online in your browser By Christine Hall Thursday, March 28, 2024 Welcome back to TechCrunch PM! The editorial team spent a chunk of the day discussing

💎 Issue 410 - Being laid off in 2023-2024 as an early-career developer

Thursday, March 28, 2024

This week's Awesome Ruby Newsletter Read this email on the Web The Awesome Ruby Newsletter Issue » 410 Release Date Mar 28, 2024 Your weekly report of the most popular Ruby news, articles and

💻 Issue 403 - Microsoft defends .NET 9 features competing with open source ecosystem

Thursday, March 28, 2024

This week's Awesome .NET Weekly Read this email on the Web The Awesome .NET Weekly Issue » 403 Release Date Mar 28, 2024 Your weekly report of the most popular .NET news, articles and projects

💻 Issue 410 - Node.js TSC Confirms: No Intention to Remove npm from Distribution

Thursday, March 28, 2024

This week's Awesome Node.js Weekly Read this email on the Web The Awesome Node.js Weekly Issue » 410 Release Date Mar 28, 2024 Your weekly report of the most popular Node.js news, articles and

💻 Issue 410 - JSDoc as an alternative TypeScript syntax

Thursday, March 28, 2024

This week's Awesome JavaScript Weekly Read this email on the Web The Awesome JavaScript Weekly Issue » 410 Release Date Mar 28, 2024 Your weekly report of the most popular JavaScript news, articles

📱 Issue 404 - Dependency Injection for Modern Swift Applications Part II

Thursday, March 28, 2024

This week's Awesome iOS Weekly Read this email on the Web The Awesome iOS Weekly Issue » 404 Release Date Mar 28, 2024 Your weekly report of the most popular iOS news, articles and projects Popular