A few months ago I was involved in a discussion on the CSS Tricks forum, where a fellow developer had built some non-responsive website applications. The required minimum layout width was 960px, expanding wider when more space was available, but the min-width had caused issues on iPad where the initial view was zoomed in on its 768 x 1024px screen. I don't have access to the actual problem site, but I recreated the issue on an old non-responsive site of mine that displays ...
Updated 10-28-2016 at 11:59 AM by Beverleyh
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)
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