Tooling Icon

Tooling

Tooling and apps used to create and deliver awesome software.
55 Stories
All Topics

JSON json.pizza

Here, try some JSON.pizza (yes you read that correctly) 🍕

{ "How to use": "Paste your JSON here and press Ctrl+Enter to format!", "Help": "Check the console for errors if it fails to parse.", "Themes": "Toggle dark/light theme with Ctrl+B", "Share": "Print a shareable URL to the console with Ctrl+L", "Source": "View the source on GitHub at https://github.com/kritzware/json", "Info": "Press Ctrl+I at anytime for a reminder of these instructions" } Built with Nuxt.js.

read more

Victor Zhou victorzhou.com

Minify Your SVGs

Victor Zhou uses a lot of SVGs on his blog. Do you? So now he optimizes their size as part of his build process. Do you? 62 SVGs minified, reducing the total size from 459322 bytes to 208897 bytes, a reduction of 54.5%! That’s a total of 250 KB, or 4 KB per SVG. Keep in mind that all of my SVGs were already saved in the Optimized SVG format - these savings were on top of already optimized SVGs. If you haven’t thought about minifying your SVGs before, chances are you’d see much more drastic results.

read more

Wassim Chegham xlayers.dev

Preview and convert Sketch design files into any framework and library

xLayers is a web app which aims to bridge the gap between designers and developers. Its mission is to allow both the design and development worlds to collaborate and iterate fast. Upload your Sketch file and you will get the code generated for your favorite framework of choice (React, Vue, Angular, LitHtml, Stencil and even Xamarin Forms…and more to come).

read more

Go github.com

Use SQL to query & transform data from multiple databases & file formats

OctoSQL is a SQL query engine which allows you to write standard SQL queries on data stored in multiple SQL databases, NoSQL databases and files in various formats trying to push down as much of the work as possible to the source databases, not transferring unnecessary data. OctoSQL does that by creating an internal representation of your query and later translating parts of it into the query languages or APIs of the source databases. Whenever a datasource doesn’t support a given operation, OctoSQL will execute it in memory, so you don’t have to worry about the specifics of the underlying datasources. If you like writing SQL, you’ll probably like OctoSQL.

read more

Startups defmacro.org

Startup idea checklist

I’ve been tinkering with different startup ideas and needed a good checklist to think through them. There are great templates for this already: The YC application, Amazon’s internal press release, and Sequoia’s Writing a Business Plan. I found myself mixing and tweaking these templates because they don’t exactly match my model of the world, so I wrote up my own list. These are great questions to ask yourself when you’re dreaming up an open source project as well.

read more

Jake Jarvis jarv.is

How to automatically backup a Linux VPS to another cloud service provider

Cloud lock-in isn’t an issue until it is — “any amount of backups are just more eggs in the same basket if everything is under one account.” Most of the popular one-click server providers (including DigitalOcean, as well as Linode, Vultr, and OVH) provide their own backup offerings for an additional monthly cost (usually proportional to your plan). But as Nicolas learned the hard way, any amount of backups are just more eggs in the same basket if everything is under one account with one credit card on one provider. Luckily, crafting a DIY automated backup system using a second redundant storage provider isn’t as daunting (nor as expensive) as it might sound. The following steps are how I backup my various VPSes to a totally separate cloud in the sky. Jake Jarvis writes on his personal blog how to backup various VPS’s to a totally separate cloud provider.

read more

Swift github.com

An example to-do list app using SwiftUI (introduced at WWDC 2019)

SwiftUI didn’t get as much air time as the new Mac Pro and its ridiculous (in multiple ways) 6K display, but looking back at Apple’s 2019 announcements, SwiftUI might end up being the most profound of them all. If you want to cut straight to some working code and an XCode project that uses the brand new UI framework, check out the linked repo.

read more

Amila Welihinda amilajack.com

compat-db determines the browser compatibility of ALL browser APIs

This tool aims to go above & beyond what MDN and caniuse have accomplished by automating the generation of the compatibility tables for others to use. Access to the output is programmatic, which scales to more developers via tooling such as static analyzers. Click through for a deep-dive on how it works (spoiler: browserstack is involved) and how Amila optimized its required test executions by 95%.

read more

GitHub Icon GitHub

GitHub launched its own package registry 😱

ICYMI — late Friday afterrnoon GitHub held a live event to announce the beta launch of GitHub Package Registry. GitHub Package Registry is fully integrated with GitHub, so you can use the same search, browsing, and management tools to find and publish packages as you do for your repositories. You can also use the same user and team permissions to manage code and packages together. GitHub Package Registry provides fast, reliable downloads backed by GitHub’s global CDN. And it supports familiar package management tools: JavaScript (npm), Java (Maven), Ruby (RubyGems), .NET (NuGet), and Docker images, with more to come. You can sign up for the beta here.

read more

Windows github.com

Windows system utilities to maximize productivity

Inspired by the Windows 95 era PowerToys project, this reboot provides power users with ways to squeeze more efficiency out of the Windows 10 shell and customize it for individual workflows. A great overview of the Windows 95 PowerToys can be found here. This is a star-it-for-later post, since the repo won’t contain the source code until “Summer 2019”.

read more

Paige Niedringhaus itnext.io

Sync your VS Code config anywhere with Settings Sync

No one likes to spend the day setting up and recreating the config of their text editor of choice. If you use VS Code and Settings Sync you won’t have to. Paige Niedringhaus writes: This article will show you how to perfectly recreate your Visual Studio Code IDE settings without starting over from scratch and spending hours on it. When faced with the possibility of losing (or even trying to transfer) my carefully developed VS Code setup to another machine, I knew there had to be a way to do it gracefully. I just knew the solution had to be out there, and so, I asked the internets, and it brought back Settings Sync.

read more

CodeX editorjs.io

Editor.js — next generation block-style text editor

This new take on a block-style text editor from CodeX looks promising. Unlike how the common WYSIWYG editor produces raw HTML markup with both content data and content appearance, Editor.js outputs a JSON object with the data of each block of content. Here’s an example of how this news item would look. { "time": 1554306305, "blocks": [ { "type": "header", "data": { "text": "Editor.js — next generation block-style text editor", "level": 1 } }, { "type": "paragraph", "data": { "text": "This new take on a block-style text editor looks promising. Unlike how the common WYSIWYG editor produces raw HTML markup with both content data and content appearance, Editor.js outputs a JSON object with the data of each block of content. Here's an example of how this news item would look." } }, { "type": "code", "data": { "code": "" } } ], "version": "2.12.3" }

read more

Nick Sweeting github.com

ArchiveBox — open-source self-hosted web archive

This combined with Pinboard is a nice combo! ArchiveBox takes a list of website URLs you want to archive, and creates a local, static, browsable HTML clone of the content from those websites. … It imports lists of URLs, renders the pages in a headless, authenticated, user-scriptable browser, and then archives the content in multiple redundant common formats (HTML, PDF, PNG, WARC) that will last long after the originals disappear off the internet.

read more

Google pcmaffey.com

How to build a free, privacy-focused alternative to Google Analytics

Google Analytics runs on over 56% of all websites. It’s the backbone of ad-tech across the web. Unfortunately, for site owners like me who just want to learn how people are using their website—while respecting their privacy—there simply aren’t any alternatives that meet all my requirements. So in two days, after a couple dead-ends, I built my own using React, AWS Lambda, and a spreadsheet. This is how. It’s somewhat ironic that the datastore for this project is Google Sheets. That aside, this is a well-done effort and one that I wouldn’t mind adapting for use around these parts.

read more

Kyle Carberry Medium

Run VS Code as a cloud-IDE on your own server

If you’ve been wanting a way to run VS Code as a cloud-IDE, code-server is what you’ve been looking for. Code-server allows VS Code to run on a remote server making it fully accessible through the browser. … Developers ready to embrace the cloud-based IDE can do so without losing features, or control. This means you can code on your Chromebook, tablet and desktop with a completely synchronized environment. You can spill coffee on your laptop without fear of losing work.

read more

Vadim Demedes vadimdemedes.com

Building rich command-line interfaces with Ink and React

Could this be the future of writing interactive CLI tools? If you know React you know Ink. Ink is a library for building and testing command-line applications using React components. Since it acts as a React renderer, you can use everything that React has to offer: hooks, class components, state, context, everything. Ink lets you build interactive and beautiful CLIs in no time.

read more

0:00 / 0:00