bookmarklets   8615

« earlier    

Fount · Identify any web font you see.
“Fount will tell you which web font in your font-stack you are actually seeing – not just what is supposed to be seen. It’ll also tell you the font size, weight, and style.

“After adding the bookmark:
“1. Go to any site and click the Fount bookmarklet.
“2. Click on any type you want to identify. Repeat.
“3. To turn Fount off, just click the bookmarklet again.”
bookmarklets  fonts  typefaces  2018 
11 days ago by handcoding
Refresh CSS Bookmarklet v2
Almost 11 years ago, Paul Irish posted this brilliant bookmarklet to refresh all stylesheets on the current page. Despite the amount of tools, plugins, servers to live reload that have been released over the years, I’ve been using this almost daily for a decade. There’s always been one thing that bothered me: It doesn’t work with iframes. After dealing with this issue today once more, I thought “this is just a few lines of JS, why not fix it?”.
bookmarklets  fridayfrontend  javascript  css  reload  refresh  iframes 
16 days ago by spaceninja
Outline Audit: A script to test the heading outline of a document
This small script analyses the heading outline of the document (or given container), and report possible errors. It can be dropped in the DevTools directly, put into a bookmarklet or integrated to a testing suite for example. It’s pretty much up to you.
bookmarklets  javascript  outline  dom  testing 
16 days ago by spaceninja
An enhanced pinboard bookmarklet for the persnickety - joelcarranza/
bookmarklets  pinBoard 
18 days ago by Jswindle
Trashy.css - The throwaway CSS library with no class
This is just a silly idea, a CSS "library" that styles tags directly — as opposed to using class names as style hooks — to help people become more familiar with how to use semantic HTML.
debug  bookmarklets  css  html  semantics  tools 
23 days ago by spaceninja
Kill sticky headers
Bookmarklet to terminate fixed-position headers, whether they be navigation or advertising
bookmarklet  bookmarklets  browser  javascript  web 
5 weeks ago by joshd
Short note on getting spaced out with SC 1.4.12 Text Spacing
One of the new success criterion in WCAG 2.1 is 1.4.12 Text Spacing. Conforming to this criteria provides accommodation for people to modify their text styles according to their needs.

The success criterion defines a set of text styles that must be supported. Thinking that this should be pretty simple to test using a bookmarklet I went searching for one that someone may have prepared previously. Not finding any, I whipped one up.
bookmarklets  accessibility  testing  line-height  margins  letter-spacing  word-spacing 
8 weeks ago by spaceninja
Bullet point symbol (make bullet symbol on your keyboard)
It looks like this page offers a CopyPasteChar-like bookmarklet that pops up a panel with various handy Unicode characters.
bookmarklets  unicode  characters  2018 
11 weeks ago by handcoding

« earlier    

related tags

1.4.12  2018  a11y  accessibility  anti-virus  api  apps  apr18  archiv  audio  backup  bookmarking  bookmarklet  bookmarks  bookmarks_bar  books  browser  browsers  bundles  characters  chk  collection  command-line  creator  css  debug  development  dom  dotjay  download  export  exporting  favorites  feeds  film  firefox  flashing  fonts  fridayfrontend  generator  getting-started  google  google_images  graphics  hack  hacks  header  headings  how-to  howto  html  iframes  image  import  importing  instructions  ipad  javascript  jquery  keyboard  kindle  landmarks  letter-spacing  line-height  links  lock  margins  minimalism  mobiel_en_mobiel_verloren  movies  official  opensource  outline  parsing  pinboard  plex  privacy  productivity  refresh  reload  rss  saving  search  semantics  simplicity  storingen  strength  syndication  tags  testing  textspacing  titles  todo  toolkit  tools  toread  tpg  tv  typefaces  typography  unicode  video  wcag  wcag2.1  web  webdev  webfonts  weightlifting  word-spacing  xtw 

Copy this bookmark: