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!


    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. ...
  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: (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 11:13 PM by ddadmin

    Graphics/ Photoshop