Skeleton Spots

Used in my post More Accessible Skeletons.

The "Load async content" button will load each piece of real content, visually replacing its UI skeleton counterpart, after a 3 second delay and in successive half-second increments until it does it to all on the page. "Make it all loading" resets the page.

Block Links

Wrapping Entire Thing

Bill Murray on the award carpet.

Gastropub sartorial venmo hashtag, franzen actually umami small batch vinyl taiyaki. Seitan organic dreamcatcher pinterest, tilde franzen ugh tattooed PBR&B etsy bitters brooklyn yuccie listicle bicycle rights. Keytar keffiyeh glossier roof party. YOLO palo santo godard, organic lomo roof party tumeric affogato bicycle rights.

Only on Heading

Bill Murray in a still from Caddyshack.

Tumeric prism tattooed, raw denim cloud bread 90's cred plaid shabby chic aesthetic scenester snackwave fingerstache gochujang twee. Crucifix readymade hoodie +1 tote bag stumptown iceland umami. Edison bulb plaid vegan activated charcoal la croix vape paleo shabby chic slow-carb taiyaki. Pour-over cliche slow-carb unicorn.

Somewhere in the Text

Close-up black-and-white of Bill Murray

Sriracha actually cred portland beard kickstarter williamsburg direct trade cardigan brooklyn pinterest vape paleo readymade iPhone. Narwhal helvetica hammock mixtape aesthetic ramps shaman mustache try-hard small batch bicycle rights meh. Green juice tacos twee, offal everyday carry la croix PBR&B. Try-hard roof party flannel. Read more…

Block Link Variations

Art Visually Above Heading

Kitten resting against a scratching post.

This looks perfect. Just Photoshop out the dog, add a baby, and make the curtains blue. There are more projects lined up; charge extra the next time. Can you make the logo bigger? Yes, bigger. Bigger still. The logo is too big. You can get my logo from Facebook. The target audience is males and females aged zero and up, so make it original. Can you rework to make the pizza look more delicious?

With Another Call to Action

Kitten staring into camera.

What do you feel you would bring to the table if you were hired for this position? Core competencies? Blue sky wheelhouse. Product market fit shelfware performance review. Please use "solutionise" instead of solution ideas! Proceduralize. Can I just chime in on that one, get all your ducks in a row, so corporate synergy.

Order Your Own!

Block Buttons


Only on Settings Text

Hundreds of thousands how far away not a sunrise but a galaxyrise paroxysm of global death gathered by gravity preserve and cherish that pale blue dot?


The following paragraph uses aria-busy="true", which should have the effect of hiding the content completely from screen readers.

This content should not be announced nor exposed to screen reader users. However, only JAWS (without IE11) honors it.

Cards stolen from my blog post Block Links, Cards, Clickable Regions, Etc.. Do not use as is.