This version of the gallery works a little more like how modern image galleries are expected to work (or rather, how users have learned to expect
The latest CSS-only offering is my attempt at an image gallery where image enlargements open in a modal window. It was inspired by a tutorial on modal popups and uses the :target selector in CSS to match the hash at the end of an URL with the id of a corresponding element.
The logic for this (taken from the modal popups tutorial) is that a hashed URL can be wrapped around a small thumb image, which matches the id of an image enlargement in a modal overlay div. When the hashed small
Updated 04-28-2014 at 11:39 AM by Beverleyh
Fiddling some more with CSS transitions and the checkbox hack to emulate click events via CSS, I tried my hand at making a CSS-only content slider.
Initially I attempted to make it with checkboxes, but due to the behaviour of multiple checkboxes being checkable at the same time (which totally mungs up the idea for a slider where you only want one slide activated), I turned to radio buttons instead.
The key difference between radios and checkboxes is that only one radio
Updated 11-27-2014 at 12:27 PM by Beverleyh
(basic support added for IE7)
I created a file whose URL can be used to play YouTube videos without all the distractions.
(It's a long URL, but a standard YouTube-URL for obtaining a similar result would not be much smaller).
Updated 04-06-2014 at 05:28 PM by molendijk
It's similar to the previous menu in that it uses the same side-docked, off-canvass menu pattern for mobile, but this new version now also sports a horizontal, dropdown menu bar in "desktop" view,
Updated 06-03-2014 at 08:28 PM by Beverleyh