My latest SitePoint article is up: Better Living Through Bookmarklets. I’m a huge fan of bookmarklets and the article details some of my favourites and demonstrates some tricks for writing your own.
In the short time since I wrote the article I’ve come across a couple of new bookmarklets that deserve a mention. Mouseover DOM inspector allows you to inspect the structure of a page, showing a window with the element type and attributes for whatever is currently under your mouse pointer. Topographic page layout reveals the “depth” of elements on a page by changing their background colour – a useful alternative to tools that add borders to elements as borders can slightly alter a layout while background colour changes leave the shape of a page intact.
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Jump Start Git, 2nd Edition
Your First Year in Code