Want a simple, responsive cross-fading slideshow, with images that are lightweight AND retina-ready? You got it!
Works in modern browsers and IE9+ (no fade effect in IE9). IE8 users just see a static image - but you can make IE8 act like IE9 with some CSS mods (see comments)
This post covers 2 topics that can be used separately OR combined. First up... the slideshow.
Updated 07-30-2015 at 10:59 AM by Beverleyh
(IE8 CSS comment added)
There are many scripts that present a method for setting the iframe's height to match its contents. But I looked in vain for a script that integrates the iframe in a completely seamless way into the containing document. So I tried to write a script for emulating seamless iframes myself.
My seamless iframes are competely indistinguishable from the surrounding text/content and inherit their css from the main document. All the code is put in the main document. No special code required in the
Ever wanted to flag newly added content to individual visitors, and then remove the flag once they've read it? Here's how to do it using local storage (like cookies) to save tracked, internal links on your website.
Demo: Tracked 'New' Links http://fofwebdesign.co.uk/template/_...g/new-content/
Where you might use this script
- to indicate new and unread blog entries
- to highlight important notices on your home page
- to track read chapters of
Updated 05-26-2015 at 01:10 PM by Beverleyh
I knew that it is possible to programmatically force the browser to open a new window instead of a new tab, or the other way round. But I didn't know until now how to open a new tab together with text or code 'of my choice'.
The text or code we may want to 'add' to a new tab must have the format of a string. The more complex the text or code we want to add, the bigger the danger of making mistakes in writing the string.
As part of a school website's responsive rebuild, I wondered if it would feasible to remake this dartboard-esque "faculty web" menu and convert it from an image into pure CSS. Well, it *is* possible, but not without glitches - follow my journey from this to this (best viewed in Firefox, Opera and Chrome) below, and grab a more refined "take-away" freebie too.
Inspiration: http://fofwebdesign.co.uk/template/_...t-menu/source/ (made with images)
Updated 05-11-2015 at 09:54 AM by Beverleyh