A small utility to demystify CSS selectors, explaining them in plain English. Best part of it all: it updates the URL upon entering a selector so you get directly shareable links 🙂 Selectors Explained →
Tag Archives: tool
Tiny Helpers – A collection of useful online web development tools
Nice new single-purpose site by Stefan Judis, which lists single-purpose web development tools – such as the aforementioned CSS Grid Generator and Smooth Shadow Generator for example – in one single place. As detailed in a Twitter thread, the site is built using Eleventy, deployed to Zeit, and screenshots of the sites are automatically taken …
Continue reading “Tiny Helpers – A collection of useful online web development tools”
bandwhich – Terminal bandwidth utilization tool
bandwhich sniffs a given network interface and records IP packet size, cross referencing it with the /proc filesystem on linux or lsof on macOS. It is responsive to the terminal window size, displaying less info if there is no room for it. It will also attempt to resolve ips to their host name in the …
Continue reading “bandwhich – Terminal bandwidth utilization tool”
Text Effect Generator
Nice tool to generate custom text effects such as underline, strikethrough, italic, small caps, circles, upside down, etc. The tool does not use custom fonts, but translates your entered text to other UTF-8 code points which have the effect built in — 🄻🄸🄺🄴 🅃🄷🄸🅂, 🄵🄾🅁 🄴🅇🄰🄼🄿🄻🄴 🚨 Before you go wild with it though, don’t …
Turn a Twitter thread into an ad-free, single page with @threader_app
Now this is darn handy: ✨ Want to see some magic? 👀 Find a thread💬 Mention @threader_app with the word “compile”🤖 Get a reply from our bot with a link to the thread compiled in an article format — Threader (@threader_app) July 24, 2019 The tweet below for example … Because it keeps coming up, …
Continue reading “Turn a Twitter thread into an ad-free, single page with @threader_app”
CSS Grid Generator
Sarah Drasner (@sarah_edo), now at Netlify, created a handy tool to visually create CSS Grid Layouts. Handy if you’re not all to familiar with it, yet. CSS Grid Generator →CSS Grid Generator Source (GitHub) →
Automatic GitHub Changelog Generator
If your code/project always uses Pull Requests to add/fix stuff in your code (e.g. no direct commits on master), then Changelog Generator will come in handy. It’s a CLI tool (written in PHP) that automatically fetches all closed PRs and Issues between the targetted and the previously tagged release. Installation is possible using Composer: $ …
BeFunky – Photo Editing & Graphic Design Made for Everyone
At the top of Creating vs. Shipping there’s a featured image that contains the quote I mentioned in the post itself. To create that image, I turned to an online tool named “BeFunky Photo Editor”. Even though the more advanced stuff (or extra variants of a brush) requires a paid account, it’s more than enough …
Continue reading “BeFunky – Photo Editing & Graphic Design Made for Everyone”
tailflix – A drop-in replacement for tail -F that asks you if you are still watching
LOL 😄 Run it directly using npx: npx tailflix /path/to/log.log tailflix →
Easily Start and Stop Docker Compose Projects with Captain
Jens Segers has created a handy shell script to easily start/stop Docker Compose based projects: Captain searches for docker-compose projects in your $HOME folder and allows you to start and stop those projects by passing a part of the parent directory name. Let this small recording of Captain in action convince you: Captain → Related: …
Continue reading “Easily Start and Stop Docker Compose Projects with Captain”