Issue #358 (Cryptic JS, Frameworks, Testing, JSON/DBs)05/28/20
Using Array.some() in place of forEach()
I like the idea of tips like this, because it shows how interesting a programming language can be when you think outside the box. But I'm on the side of many in the thread that suggest that this isn't something you'd want to do in a team environment where code needs to be maintained (or in any production code, for that matter).
One user said:
"I personally dislike this use of some() and would request changes in a PR."
And other users pointed out that you can do something similar using for... of.
Like others, I avoid this kind of stuff in production because it just doesn't make sense to me. I mean, I've tried to maintain really straightforward code, and that's hard enough!
Now on to this week's tools!
A CSS framework that helps with layouts and leaves your styling alone. It only provides helper classes to make positioning and responsive design easier.
A set of Tailwind UI components divided into 15 categories and ready to use.
Minimal Electron, React and Webpack Boilerplate
Electron, React, PostCSS, and webpack boilerplate to get a new project started easily.
A collection of easy-to-use generic web components with a focus on accessibility and ease of styling.
Open-source and eco-friendly library to help you accessible and responsive sites with lightweight HTML.
A collection of open-source tools and libraries that allow you to accelerate your design system
Build performant, native, cross platform desktop apps with React.
The official Redux+TypeScript template for Create React App.
Now at version 1.5+. A set of React UI components that supports Pinterest’s design language.
A boilerplate for building Express and MongoDB apps with REST API authentication.
Deque Code Library
A library of accessible widgets (accordion, alert, datepicker, progress bar, etc.) based on principles taught in a course on creating custom JS/ARIA widgets.
Testing and Debugging Tools
Chrome or Firefox extension. The fastest way to test Google fonts or local fonts on any website.
Fast or Slow
Website speed profiler that shows multi-tiered results based on tests from multiple geographic locations. You can also sign up via email for regular monitoring of a URL.
Visualize Browser Sizes
Online tool that uses your Google Analytics data to show what percentage of users view your pages at different browser widths.
IBM Equal Access Accessibility Checker. Contains tools to automate accessibility checking from a browser or in a continuous development/build environment.
A native Linux, Mac, and Windows modified browser that displays multiple mirrored device views with a built-in element inspector for faster development and debugging.
Automates gathering UI feedback, visual testing, and documentation, so developers can iterate faster with less manual work.
Chrome extension that adds a fully customisable CSS layer on top of any website to help you align your design and ensure your grid is in place.
Automated Screenshot Scheduler
Capture screenshots at defined time intervals automatically and receive the results via email.
Based on the popular Axe accessibility tools. Analyzes GitHub pull requests and provides reports of issues and recommends changes before pull requests get reviewed and the code is merged.
Older project that I just came across. A lightweight DOM and CSS inspector that introduces novel CSS analysis techniques to help less-experienced developers inspect and learn from production websites.
JSON, Databases, GraphQL, etc.
A brief weekly newsletter for tech professionals. Features articles, tips, and tools for improved productivity. promoted
JSON Web Tokens (JWT) are an open, industry standard method for representing claims securely between two parties. This website allows you to decode, verify, and generate JWT.
Open source SQL editor and database manager that allows you to query and manage your relational databases (MySQL, Postgres, SQLite, and SQL Server).
A free JSON storage API that provides perishable data storage for small projects. Data is securely stored for as long as you and your users need it and is deleted after a period of inactivity.
Create, visualize and collaborate on your database entity relationship diagrams.
Build an app by entering a GraphQL endpoint then customizing the app with a built-in editor.
A visual version of SQL that lets anyone explore and query data from almost any source, no coding required.
An editor for GeoJSON data (a format for encoding geo data) and a geometry editing tool for Leaflet maps (a JS library for interactive maps).
An event streaming database built for stream processing applications.
A fast JSON Schema validator for Node and the browser.
A Tweet for Thought
Apparently now your default browser can be anything. If you want some technical details on this quirk, this Hacker News thread might help.
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're looking to do some form of technical writing (which is easy work to get remotely), Who Pays Technical Writers has an alphabetical list of websites that pay for articles, each with the amount paid (if known), main topics of interest, and a link to the website for more info.
Thanks to all for subscribing and reading!