Blog (my web musings)
Find out what's interesting me, get tips, advice, and code gems that don't fit elsewhere.
Highlight the menu button for the current web page
Blog: Highlight Current Menu Button | 21st Apr 17
Spambot observation: Do spambots only hit the first form?
Blog: Form spambot observation | 27th Mar 17
Read my latest entry in the blog; On pages with multiple forms, only the first form gets spammed. Can we use this as a simple anti-spam precaution?
The case against animated page flipping publications
Blog: Case against flipping pages | 30th Jan 17
Read my latest entry in the blog; The case against online page flipping publications - the humble PDF and/or responsive web design, does it better.
CSS Animations - performance gone bad (and how to fix it)
Blog: Costly animation performance | 16th Dec 16
Read my latest entry in the blog; Converting costly CSS3 Animations in to performant alternatives that don't trigger layout and paint changes.
Change viewport metatag when matchMedia detects width
Blog: matchMedia viewport change | 28th Oct 16
Read my latest entry in the blog; Using matchMedia (JS media queries) to detect changes in viewport width in order to update metatag content.
'SiteShow' with slides scheduled for specific times or dates
Blog: Scheduled 'SiteShow' Slides | 30th Sep 16
Read my latest entry in the blog; Adapting the fullscreen 'SiteShow' scripts with PHP to schedule slides for specific times, days or dates.
Android (≤4.4) stock browser-friendly CSS Animations
Blog: Android stock browser woes | 25th Aug 16
Read my latest entry in the blog; Overcoming the Android (≤4.4) stock browser quirks when dealing with slightly more complex CSS3 animations.
Fullscreen 'SiteShow' with Controls (from a list of URLs)
Blog: 'SiteShow' with Controls | 6th Aug 16
Read my latest entry in the blog; Fade-in a list of URLs as a fullscreen 'SiteShow'. Individual slide duration, admin menu and CSS3 animations.
Img Src to Background-Image - Dealing with images inserted via a CMS
Blog: Img Src to Background-Image | 23rd Jun 16
Read my latest entry in the blog; Convert an img src attribute into a background-image with JS, so that 'background-size:cover;' can be applied.
iOS 'Sticky Hover' Fix - Unhovering dropdown CSS menus
Blog: iOS 'Sticky Hover' Fix (JS) | 30th May 16
Read my latest entry in the blog; One line of JS to "unhover" CSS drop menus by tapping in the outside area. No more obscured content!
- Highlight Current Menu Button (JS)
- Full Height Split Screen Panels with Scroll
- matchMedia viewport change to metatag
- Scheduled 'SiteShow' Slides with PHP
- Image Orientation Detection (JS)
- Scroll Progress Circle w/ Gradient + % Counter
- Scroll Progress with Indicator Bar + % Counter
- Fullscreen 'SiteShow' with Controls (no jQuery)
- Sweep-in News Scroller with Controls
- Randomly Loading Images, Divs, Links, etc.