View RSS Feed

Recent Blogs Posts

  1. RWD Cross-Fade Slideshow with Retina Images

    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 will just see a static image.


    This post covers 2 topics that can be used separately OR combined. First up... the slideshow.

    Responsive CSS3 Cross-Fading Slideshow
    ...
  2. Circular Segment Pie Chart Menu (experimental)

    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)
    ...
  3. Random Photoshop Observation

    I have been wondering for quite a while how, in Photoshop, to fade between two images. After all, the gradient tool has no "Image to Transparernt" gradient.
    Well, I was making some graphics for a website yesterday and I had to select part of my dog's fur and tile that part of the image as a page background. However, there were no "tileable" parts, so I instinctively feathered the selection so her furs wouldn't clash with each other. When I did this, I noticed a transparent ...

    Updated 04-28-2009 at 10:13 PM by ddadmin

    Categories
    Graphics/ Photoshop