2 March 2017 - New Tutorial - Modal Dialogs without JavaScript
By Jason M. Knight (aka Deathshadow)

Orange cheeto fingered TLDR tweeting twit! CSS works really hard
but total loser! Do this
with jQuery it will be
like... REALLY Yuge!!!!!!!

I have added a new tutorial about something I'm often asked about. I tend to say "JavaScript for NOTHING" about a LOT of websites, have for years. This has only been more true since CSS3 has added so much capability to stylesheets -- and by extension the HTML it is applied to -- that a great many things developers are 100% convinced you need JavaScript to do, you just don't need scripting for anymore!

Topping that list? Modal Dialogs. You just don't need JavaScript for that when CSS3 gave us the lovely :target attribute. Likewise that litle fade-in merry artsy types go gooey in the pants over? CSS can handle that to.

So I present Modal Dialogs Without JavaScript.


  • elementals.js
    A lightweight JavaScript library focusing on cross browser support, ECMAScript polyfills, and DOM manipulation.
  • eFlipper.js
    An image carousel script using elementals.js
  • eProgress.js
    A JavaScript controllable progress bar using elementals.js. Based on the nProgress project that relies on the much heavier jQuery library.


Browse code samples of people I've helped on various forums. These code snippets, images, and full rewrites of websites date back a decade or more, and are organized by the forum username of who I was helping. You'll find all sorts of oddball bits and pieces in here. You find any of it useful, go ahead, pick up the ball, and run with it.


Best Viewed With Eyeballs