Home - Sa11y
Another handy accessibility testing tool that can be used as a bookmarklet.
Link tags: bookmarklet
24
🧠ct.css – Let’s take a look inside your `head`
I love a good bookmarklet, and Harry has made a very good bookmarklet indeed.
Drag ct.css to your browser bar and then press it whenever you’re on a site you want to check for optimising what’s in the head element.
world smallest office suite
I like this idea for a minimum viable note-taking app:
data:text/html,<body contenteditable style="line-height:1.5;font-size:20px;">I have added this to bookmarks and now my zero-weight text editor is one keypress away from me. You might also use it as a temporary clipboard to paste text or even pictures.
See also: a minimum viable code editor.
Make Your Own Dev Tool | Amber’s Website
I love bookmarklets! I use them every day (I’m using one right now to post this link). Amber does a great job explaining what they are and how you can make one. I really like the way she frames them as your own personal dev tools!
IndieWeb Link Sharing | Max Böck - Frontend Web Developer
Max describes how he does bookmarking on his own site—he’s got a bookmarklet for sharing links, like I do. But he goes further with a smart use of the “share target” section in his web app manifest, as described by Aaron.
By the way, Max’s upcoming talk at the Web Clerks conference in Vienna sounds like it’s going to be unmissable!
NoJS Side-by-Side
Drag this to your browser’s bookmark bar now!
Such a useful quick check for resilience—this bookmarklet shows you a side-by-side comparison of a site with JavaScript enabled and disabled.
ANDI - Accessibility Testing Tool - Install
Another bookmarklet for checking accessibility—kind of like tota11y—that allows to preview how screen readers will handle images, focusable elements, and more.
tota11y – an a11y visualization toolkit
A handy little bookmarklet for doing some quick accessibility checks.
Responsive design testing tool – Viewport Resizer
A handy little bookmarklet for quickly checking how a site might look at different screen sizes, and you can customise it to use whichever screen sizes you like.
Dragons
Just as every instance of “the cloud” can be replaced with “the moon” or “my butt”, so too can every instance of the word “markets” in business reporting be replaced with the word “dragons”.
James has got you covered with this bookmarklet to do just that.
The dragons reacted strongly to the news.
Collect + share + discover type combinations.
A lovely new service from Mike Stenhouse: install the bookmarklet and then when you come across a website with a nice combination of fonts, you can save a snapshot of the page (and its fonts) for later perusal. You can then browse those fonts on Typekit, Fontdeck, MyFonts or Google Fonts.
BenjaminKeen.com
A bookmarklet version of that handy multiple-iframe page I linked to the other day. Even more useful for testing responsive designs!
deCSS3 - a bookmarklet for graceful degradation.
This is really handy: a bookmarklet that will disable any CSS3 on a page so you can check that your fallbacks look okay.
manifestR - offline web apps made easy (well easier)
A bookmarklet to help you figure out what files you might want to put in your cache manifest for offline storage.
WhatFont Bookmarklet « Chengyin Liu
A handy bookmarklet that allows you to examine any piece of text on a website to determine what font it is set in.
Hello, want to kill some time?
This might just be the best bookmarklet ever created. Use it to turn any page into an asteroid-like game of destruction.
genManifest Bookmarklet
A handy little tool to help you get started with building offline apps by suggesting which files should go in your cache manifest.
arc90 lab : experiments : Readability
An excellent bookmarklet designed to help you read more easily on the web (by hiding all that filthy, filthy advertising).
gist: 20758 — GitHub
A huffduffer plugin for Ubiquity: "This simple script allows you to huff duff any mp3 file simple by invoking Ubiquity and typing 'huff-duff-it'."
hCard Wizard [Matthew Levine]
Words cannot describe how brilliant this is. In response to a whinging Twitter post I made, Matthew Levine created a bookmarklet to quickly and easily create simple hCards for easy adding to blog posts. It works beautifully.