Issue #412 (Data Structures, Git/CLI, Media, Jamstack)
- Arrays (the only one native to JS)
- Linked Lists
- Hash Tables
The article is far from an exhaustive discussion of these structures, and it's more focused on concepts then on code. But I like stuff like this as a starting point because it opened my eyes to some new things.
Each section includes some further reading on each of the structures and those resources include some practical code examples along with an in-depth discussion of each of the structures. The conclusion also has some links for further reading on the topic.
Now on to this week's tools!
Git, GitHub, and CLI Tools
Engineering Leaders Need to Know How to Structure a Remote
A new era of remote work suddenly arrived and managers need to enhance their recruiting process if they want to win the best talent for their companies. This guide shows you how GitLab, Zapier and other companies build thriving remote teams. Download Revelo’s free eBook. sponsored
A really thin, drop-in replacement/wrapper around Gnu Make that runs all of your targets inside of a development Docker/Podman container.
Run your GitHub Actions locally for faster feedback and as a replacement for your Gnu Make file.
An RSS reader running entirely from your GitHub repo with free hosting via GitHub Pages and content updates via GitHub Actions.
An alternative to Bash. Provides useful wrappers around Node's child_process, escapes arguments and, gives sensible defaults.
Online tool to find bugs in your shell scripts.
Back Git Up
Take reliable backups of your code. Currently supports Bitbucket and GitHub, and one repository is free.
Turn your GitHub issues into a CMS for your blog, using the various features of GitHub issues to manage the content.
Git Command Explorer
A nice little interactive tool to quickly find the syntax for Git commands.
An unit-testing framework for Bash.
Allows you to embed announcements into your Git commit messages to communicate important updates to your team.
A script to let you set your terminal theme, with 270+ preloaded themes.
Sell access to your GitHub repos via Gumroad. Not free and there aren't a lot of details before you buy.
A cross-platform interactive process viewer that allows scrolling the list of processes vertically and horizontally to see info like memory and CPU consumption.
Media Tools (Images, SVG, Icons, etc)
Don't waste time creating mockups from scratch. Use Mediamodifier's intuitive drag-and-drop tools and thousands of pre-built templates to make beautiful designs and product mockups in seconds. sponsored
A flexible and fast-by-default 2D plotting library tuned for rendering huge datasets on the GPU at interactive speeds.
Online tool to create images of code snippets for social media or presentations. You can choose from various settings to define the loo then download as JPG.
Randomized placeholder assets including images, memes, Unsplash images, or even a random CSS file to apply to the page.
A fast, client-side, online JPG or PNG compressor with desired quality settings and an option to convert to WebP.
Upload an image to convert it to an interactive 3D Globe, or use as a Figma plugin.
A tiny React library that generates custom, SVG-based, round avatars from any username and color palette.
A library of 900+ open source SVG icons, searchable and available as webfonts or for React, Framer, and Figma.
260+ open source flag icons for Sketch, Figma, or install via CLI for React, Vue, or Angular.
Online tool to create single-line SVG illustrations from a photo. Kind of weird, but try it out to see what they mean by "single-line".
A WebM file converter that lets you convert a WebM video file to or from pretty much any format.
Drop or upload an SVG to remove blank space from around the SVG instantly.
Jamstack, CMS's, Site Builders, etc.
Mediamodifier Design Maker
A quick, easy, and cost-effective way to create professional-looking materials of all kinds. No need for services like Fiverr for quick designs – just use Mediamodifier's drag-and-drop builder along with their huge selection of design templates. sponsored
Create Bootstrap-based dashboards using a drag-and-drop interface.
A Jamstack-friendly solution for static comments on blogs and pages. Not free but reasonably priced.
A modern drag-and-drop editor for building HTML emails for marketing. Free version includes only the free templates.
Create Bootstrap-based animations and interactive effects, without writing any code. Free plan has limited components and utilities.
A static site and blog generator based on Handlebars and Markdown, with a built-in search engine and ready-to-use responsive templates.
A tiny static site generator designed to sit atop your existing HTML and can be quick-started via Netlify deployment.
Not free. Make your static website editable like a Word document in seconds.
Tool to quickly turn a design asset (Sketch, Figma, etc) into code (HTML, React, etc).
An open-source, hassle-free, self-hostable Heroku and Netlify alternative.
A tiny blogging platform. Write your posts in Google Docs, put them under a folder in your Google Drive, and publish a blog based on them.
A Tweet for Thought
This is the only correct answer to what everyone's first version control system was.
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 concerned about how popular apps are using your data, someone who goes by the name Pluja has put together Awesome Privacy, a GitHub repo of categorized alternatives to popular services that aren't privacy-friendly.
Thanks to all for subscribing and reading!