CodeSpaces with CodeSwing
shorts |
An extension to VS Code to let you create a practice environment for someone to have an interactive code tryout. This works fantastically well with CodeSpaces new option to start up an environment by switching the link to the repo's TLD from .com to .dev. It lets you go directly to something like a CodePen with all of the power of Git and VSCode. Clearly a superior experience.
Flat Data
shorts |
This is a really clever way to build a GitHub Action that makes it easier to process data from an API into a static site like Eleventy. It comes with a VSCode Extension that gives you an interface to create the YAML for the GitHub Action.
Snipped VS Code Extension
shorts |
Snipped is a VS Code Extension that makes it easier for you to share your code snippets by letting you take screenshots directly from VSCode. There's a lot of options for sharing code, but for me, I'm usually sharing a web snippet or something I've written myself. This is just about the quickest way to do it.
Obsidian
shorts |
Obsidian is my new favorite markdown editor that is the best tool for writing. It offers tons of plugins that I enjoy using like Kanban boards, calendars, mind maps, charts, calendars, icons and more.
Introducing the World Wide Web
shorts |
The web is now 30 years old and this page has some awesome stats and info. 60% of the world is online. 81% of Americans log on a daily basis, 69,444 users apply for jobs and much more.
HTML2Canvas
shorts |
This module lets you add screenshot capture of whole pages or parts of a page to your projects using JavaScript. It's DOM based, so it might not be 100% accurate, but still cool as heck.
Github CodeSpaces
shorts |
This had been a long time coming. Github is now available for Teams and Enterprise. The beta remains until they announce a personal option. They reduced the startup time to 10 seconds and Github itself is dogfooding how they build things. For them it went from 45 minds to the 10 seconds mentioned above.
|
How to Write Good Alt Text
shorts |
What a fantastic article on how to write good ALT tags. It might not be the most exciting thing to do, but it's a great practice.
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.
Astro
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.