Blog (my web musings)

Find out what's interesting me, get tips, advice, and code gems that don't fit elsewhere.

Search Blog

Blog Entries

CSS Animations - Performance gone bad (and how to fix it)

Details

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

Details

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

Details

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

Details

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)

Details

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

Details

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

Details

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!

The Easy Way to Absolute Center (vertical + horizontal alignment)

Details

Blog: Easy Way to Absolute Center | 27th May 16
Read my latest entry in the blog; A little-documented trick using position:absolute; and margin:auto; to easily center an element (IE8+).

SlideUp / SlideDown content without jQuery (VelocityJS)

Details

Blog: Slide-Up/ Down no jQuery | 19th May 16
Read my latest entry in the blog; Replacing jQuery with Velocity for performant content toggle boxes with "Holy Grail" slide-up/ down animation.

Content Filter + Refine with Multi-Category Select (show selected or hide selected)

Details

Blog: Multi-Category Content Filter | 20th Apr 16
Read my latest entry in the blog; Filter content by class and refine results with multi-category selections. Choose to hide or show items too!