Want a simple, responsive cross-fading slideshow, with images that are lightweight AND retina-ready? You got it! Demo: http://fofwebdesign.co.uk/template/_...ideshow-js.htm 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)
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
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
Responsive web design (done well) allows users to achieve their goals on any internet accessible device, but what if they *want* to view the fixed width desktop version of a website, even on mobile? This post comes at a time when responsive web design interest is piquing - certainly here on DD - probably the result of those emails we've been receiving via Google Webmaster Tools, that basically tell us how "X % of your web pages do not provide an optimal mobile experience... your ...
Updated 04-16-2015 at 06:41 PM by Beverleyh
The common factor in all previous versions of the modal gallery is that alternative markup is offered for IE7/8 users to allow them to view image enlargements in a new browser window instead of the modal overlay. This is because those earlier versions of Internet Explorer do not support the CSS :target pseudo selector which triggers the modal overlay, but let's face it - having each image open in a new browser window doesn't do much for usability and it doesn't look very nice either. So, if you're ...
:target
Updated 07-19-2015 at 12:15 PM by Beverleyh
Recent Visitors
Go to Profile
Mark as Read