Javascript Snippets

A collection of 20 posts

Javascript Snippets

Sortable Tables in Details/Summary

Sortable Tables in Details/Summary

Javascript Snippets

Accordions - One Open at a Time

Multiple accordions on a post, but only one is open at a time...

Javascript Snippets

Hamburger Menu Using Details-Summary

A hamburger menu built using Details and Summary...

Javascript Snippets

Responsive Details-Summary Menu

A mobile-responsive multi-level click-down menu using Details-Summary...

Javascript Snippets

Pretty Simple Accordions

Altogether in one HTML Card on a post, some simple but pretty multi-colored Accordions...

Javascript Snippets

Expandable Ticker

A Customizable Content Ticker for your Ghost site, either site-wide or just on certain posts or pages...

Tips and Tricks

Ghost Site Injection-Only Drop Down Menu

Finally! A copy-and-paste drop down menu for Ghost with NO editing of theme files...

Eye Candy

MicroLink API

The Microlink API provides link previews on hover, and provides a powerful API for automating any browser action...

Eye Candy

OneBox Preview on Hover

Add a popup OneBox Preview to the links in your posts...

Eye Candy

Link Previews on Hover

Add live mini webpage previews to links on hover.

Audio

Audio Recorder Template

Provide a simple voice message recorder on your blog posts for your readers to send you audio comments and messages...

Custom Templates

Tag Cloud Template

Remember these?! Here is an old-school weighted visual "Tag Cloud" for your Ghost site...

Javascript Snippets

Simple Modal Popup

Upload a file in the Ghost editor and display the file contents in a popup modal window...

Javascript Snippets

Multi-Use Modal Popup

Accessible and usable for just about any type of content you want to pop up gracefully on your posts in Ghost...

Javascript Snippets

Inline Audio Clips

Insert clickable links seamlessly into your post text that play audio. It's a mini audio player that you can embed onto a specific word or phrase in your blog . . .

Javascript Snippets

Simple Tooltips

How to enable your Ghost site with simple Tooltips which you can create on-the-fly as you write . . .

Javascript Snippets

Free Content Snippets

Create re-usable snippets of content that can be quickly accessed and inserted into any new post.

Javascript Snippets

TypeIt

Here is a fun little javascript you can use to highlight a block of text in your post. As demonstrated here, the reader can follow along as the text is revealed, as if you are typing on the page in real time.

Javascript Snippets

Talky to your Ghosty

Add speech interactions to your blog posts with these itsy bitsy javascripties! AnnYang is a tiny javascript library that lets your visitors control your site with voice commands. It supports multiple languages, has no dependencies, weighs just 2kb and is free to use. And there are more...

Tips and Tricks

Slide-In Ajax/iFrame Panel

Here is a fun way to to display external websites in Ghost (with some limitations). This javascript is an "oldie but goodie" from a freebies site I used to spook around a lot back in the day. But it still works, and its still cool! These are external