{ "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 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

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

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

A dev tool for microservice developers that run local applications and/or forward some others from Kubernetes or over SSH

read more

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

This looks great for quickly seeing the structure of a JSON object without all the scrolling. Pretty cool that the output is valid JS so you can copy/paste it to other places as well.

read more

Enter a user/repo combo and let gh-card.dev generate a nice-lookin’ repo card in SVG and PNG formats.

read more

A simple, searchable website that tracks End of Life dates! File this under “things I didn’t know I wanted but now can’t live without”. Contribute by opening a PR on GitHub.

read more

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

The 2.0 release of Github Desktop shipped yesterday. Here’s a quick breakdown of what’s new… You can resolve merge conflicts more easily, co-author commits to share credit with others, and check out your GitHub pull requests. And with the 2.0 release, rebasing and stashing are now also supported on GitHub Desktop—the two most requested features.

read more

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

Notational Velocity is a note-taking app where searching for a note and creating one are the same operation. You search for a query, and if no note matches, it creates a new note with that query as the title. Fans of NV (and nvALT) will love this Vim plugin.

read more

I 💚 youtube-dl, but I use it just infrequently enough that I can NOT remember which flags to use. I guess I’m not the only one!

read more

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

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

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

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

Themer takes your favorite colors and generates themes for your editor, terminal, Slack, browser, desktop wallpaper, and more. It even has a PWA UI for visual theme development as well as a CLI for automation/integration with your dotfiles repo.

read more

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

“GUIs are bloatware” — Terminal rules…a guide to the terminal… In this post, I’ll walk you through everything you need to start making your terminal a complete development environment: how to edit text efficiently, configure its appearance, run and combine a myriad of programs, and dynamically create, resize and close tabs and windows.

read more

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 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

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

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