extension to cross post to various services

If you're like us, you go to great lengths to make your web site look just like the design mock-up.
Getting that perfect layout transitioned beautifully to HTML and CSS can be a struggle! Don't you just wish you could overlay your mock-up in browser and see the adjustments you need to make, and tweak away until they match? Well so did we. That's why we built maki: a simple app that brings your mock-ups straight into the browser.

SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze. Just drag the bookmarklet to your bookmark bar, then go to any page and press it. A box will open in the bottom right of the website. Click on a page element that you would like your selector to match (it will turn green). SelectorGadget will then generate a minimal CSS selector for that element, and will highlight (yellow) everything that is matched by the selector. Now click on a highlighted element to remove it from the selector (red), or click on an unhighlighted element to add it to the selector. Through this process of selection and rejection, SelectorGadget helps you come up with the perfect CSS selector for your needs.

A bookmarklet that creates Trello cards from info on other webpages (e.g. FogBugz and github issues)

Wordless Web is a simple browser bookmarklet that removes all text from any website with just one click. So the only thing left for you to see are the site’s pictures.

No text also means no context. You're free to enjoy the images in their purest form, without names, labels, definitions, or purpose. It makes the pictures we see across the web more mysterious and open to interpretation of our own imaginations.

Try Wordless Web on your favorite sites and see how it suddenly transforms your experience.

Two bookmarklets for iOS that allow you to change the font size. Reloading the page resets it to normal.

removes text

Bookmarklet for getting CSS paths and Xpaths from HTML pages

Marcos Kirsch’s handy font size bookmarklets for the iOS flabour of Safari.

javascript:(function () {var url = [], home = 'nrn.io', host = document.location.host, stuff = document.location.pathname.split('/'); for (var i = 0; i < stuff.length; i += 1){x = stuff[i]; if (x == 'view') x = host; if (x == home) x = 'view'; url.push(x);}; document.location = 'http://' + home + url.join('/');})();

Breaking down the parts of bookmarklets and how to build your own.