Crop SVGs
shorts |
Isn't it annoying when someone hands you an SVG with too much whitespace around it. Here's a site that will quickly remove that. https://go.raybo.org/4Rjl
Anyone Can Learn CSS Grid
shorts |
Want to learn CSS Grid. Here's a cool little interactive tutorial. I guess you could also take Morten's course...(Flexbox FTW!!!).
JSONMatic: CSV to JSON
shorts |
Bookmark this site next time you need to convert a spreadsheet (CSV) to JSON. Quick and easy.
AV Press Video Encoder
shorts |
Need to convert a video? Right now I use Adobe Media Encoder, but it's overkill and I keep wanting to wean myself from Adobe products. Addy Osmani (thegenius) built a browser video compressor that uses ffmpeg and Web Assembly if you need a quick fix.
Online Hash Tool
shorts |
I found this random Hash tools pretty useful while I was working on a course. Sometimes you have to mock up some hashes or create a super secure password. This tool is pretty flexible.
rehype
shorts |
A plugin system for processing HTML files. Format, Minify, Process Markdown including a CLI.
Online GIF Tools
shorts |
So many GIF (pronounced like the peanut butter) tools on this site. I like that you can make a sprite from a GIF, do the reverse or modify any of the properties like playback speed.
xBar
shorts |
This looks pretty useful. Add just about anything you want including bash scripts into your menu bar. Code responsibly though.
Snowtrack
shorts |
It's still an early version, but it's a heck of a project. Version tracking for graphic files.
shorts |
It's a little too early to tell, but this might just be the next big thing. Create a website with a simple observable that waits for your actions and only loads Scripts when absolutely necessary. The static site generator of the future. It's definitely got legs.
CSS Grid Editor in Chrome
shorts |
Chrome now has a new CSS Grid editor. Seems like it's catching up to others, but that should help with Grid Adoption.
Astro Demo Video
shorts |
The other day, I mentioned Astro as being the potential next great thing. Here's a video that shows you why. Not mine, but from a podcast. https://go.raybo.org/4cRg
File Converter
shorts |
Free for 25 conversions per day and pretty handy, this site converts an insane amount of formats. Pretty handy.
Modern Unix Repo List
shorts |
I really like this list of alternative Unix commands. Didn't have lots of them available in zsh, but I did have and enjoyed using bat for displaying code nicely.
Webhint
shorts |
Looks like Lighthouse is got some competition from Microsoft with it's own performance and accesibility tools called Webhint. Who doesn't love a Narwhal? Are you using these tools to check your site?
Optimising for high density displays
shorts |
A nice writeup or how to prepare your images for high density screens.
ES2021 Features
shorts |
ES2021 has been approved. This site has a nice short and concise list of examples of what's new.
Temporal-JavaScript's new Date API
shorts |
Finally, a date object an API that makes sense. The upcoming JavaScript temporal API. Here's a write-up from Axel Raushmayer.
SolidJS
shorts |
A React Killer? We'll see, although solid has a lot going for it in terms of performance, I think the problem is the similarity to React. Why would someone switch from React...for a few k or milliseconds. However. Only time will tell, but still keep an eye out on this one.
JS is Weird
shorts |
This is such a fun test ( I can't believe I'm saying that). Don't worry about the score (srsly, don't try to get a good score), but try to think about what's happening. I think the best part is the explanations at the end of the test.