Tabout VSCode Extension
shorts |
This Visual Studio Code extension changes how the tab works so that if you've just typed something within quotes or parenthesis or any other programming type code, the tab key...tabs out instead of adding a useless tab inside your code. Brilliantly simple.
HTML End Tag Labels
shorts |
If you've got a lot of DIVs in your HTML (and who doesn't), it's hard to tell which is which. This VSCode extension will show you the ID and/or Class of each div. Simple, but it can really help you identify when you're missing a closing DIV.
KidPix in JavaScript
shorts |
Wow. Someone redid KidPix (a very old Mac App) in JavaScript and yes, there's a GitHub repo if you want to play with the code. I coded an app using those KidPix sound way back when for my daughter that she loved called PhoebeSound. Ah...those were the days.
Wikimedia picks Vue.js
shorts |
This is pretty big news, Wikimedia Foundation picks Vue.js as their official JavaScript framework. Well, that was already my fave, so welcome aboard.
What's new in ES2022
shorts |
A fantastic write-up of what's coming in ES2022 with a bit of history and an explanation of what came before. Are you excited for the Class Fields addition?
JSON Blob Tester
shorts |
I often use JSON testers to quickly visualize the validity of my data. The thing I like about this one that it is open source, it comes with an interesting API and is easily forkable since it's a GitHub repo.
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.
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.
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.
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.
Oh Yeah
Own that cool shirt!
Get the one and only official planetoftheweb Apply shirt. The soft cotton and the beautiful POW ship will carry you away. Although it comes in other colors, you know you want the #000 one.
