View RSS Feed

Recent Blogs Posts

  1. Content Filter + Refine with Multi-Category Select (show selected or hide selected)

    Back in September last year, I wrote about making a content filter where items are filtered by class. A big limitation to this script is that it uses radio buttons to make selections, and as we all know, only one radio button can be selected at any time.

    I decided to revisit the content filter, adding 'refine' functionality, so that multi-category selections can be made. A welcome refinement, and much more usable in the real world for sure.

    First I should draw your ...
  2. On-Demand Animated GIF Player to reduce page load

    Play animated GIFs on-demand with this GIF player. No JavaScript dependencies. Initial loading of a GIF is delayed until the user starts playback manually.

    For a recent project, I needed to display a number of animated GIFs on a web page to illustrate before and after scenarios. Now, the problem with GIFs is that they are usually displayed on a web page using the <img> element, which means that they download immediately when the page loads. Some of my animated GIFs were several ...
  3. 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. ...
  4. 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)
  5. 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

    Graphics/ Photoshop