Crop copy then restore via sliding drop-down
23rd January 2017
Responsively crop your content copy down to a user-defined number of lines. Click to fully restore the content via a sliding drop-down animation. All delivered in an accessible manner.
GitHub repositories
A list of the production-ready code repositories stored on that there GitHub.
Mike Foskett - (update: )
Repo man
Responsively crop copy then restore onclick
11th January 2017
Responsively crop content copy down to a user-defined number of lines. Click to restore content via a typed animation.
Matching element heights
12th December 2016
Easily match-up heights responsively across a set of non-linear elements. Allows for multiple sets, each possibly having a different height.
Late-loaded animated gif with pause button
30th August 2016
Improve page-load performance by defering the load of a large animated gifs. Load a static jpg first, then swap across. This allows the addition of a pause button which helps to meet WCAG 2 level AA guidelines.
Embedding video via a button
24th August 2016
Using a button, with ARIA support, to wait for user interaction before embedding a YouTube video iframe. Improves page performance, reduces time to interaction.
FAQ using ARIA attributes
19th August 2016
Semantically correct FAQ with animated show-hide accordian style. Vanilla JavaScript toggles ARIA attributes which are animated via CSS. Questions may be set open on-load or via a URI fragment.
Pop-up modal window using ARIA
18th August 2016
Using a modal dialog with ARIA support to animate a pop-up window containing an iframe.
Accessible tab navigation using ARIA
16th March 2016
Accessible tab navigation to meet WCAG 2 using ARIA roles.
Repositories on GitHub
March 2016 –
Check GitHub for the complete list of repo's that witch I wot rote.
Social links and email client: