FishEye Three : Emulating the Mac OS X Dock with Javascript
Well, in the continuing effort to explore Fisheye javascript, I've crafted a Mac OS X Dock look-alike. It's a little rough, and it makes Windows Internet Explorer go berserk, but at least it responds. Perhaps with the future tweaks to this script, I'll endeavor to make it compatible with legacy browsers like Internet Explorer so long as lack of proper png support doesn't bother IE users, and I suppose it doesn't since they still use it.
None of the icons are links to anything, but that's not to say they couldn't be. They work just as well as links as they do as eye candy. I had tested that locally, but removed the links as I thought it was something of a distraction.
Continue reading FishEye Three : Emulating the Mac OS X Dock with Javascript
- Posted on
- 2005-03-03
- under:
- Web Development
- Comments:
- 3
FishEye Two!
Version two of the fisheye script is up and about.
This one is a bit cleaner from a coder's standpoint. The last version was a bit quick and dirty -- mostly dirty.
Anyhoo, version three should iron the obvious bugs, and after that it's play time!
- Posted on
- 2005-03-01
- under:
- Web Development
- Comments:
- 0
Fisheye javascript effects
I was reading an article on weblog inc's CSS weblog and it showed some interesting "fish eye" effects that you can pull off with javascript and a little CSS. OK, so it's really not a CSS trick at all, it's 99% javascript, but I digress. The example shown was a neat little trick that zooms in on text that's moused over. Here's a direct link to the example on dannyayers.com
Continue reading Fisheye javascript effects
- Posted on
- 2005-02-28
- under:
- Web Development
- Comments:
- 3
Old habits die hard - images directory
Most people who have been designing websites for any amount of time have probably created an images directory at the root level of their site and probably still do. Maybe it's not called images, but img, or even just i for the hard-core, Zeldmanesque-make-the-mark-up-as-light-as-possible fans. Afterall, this sort of organization made sense. Designs of old required countless images to create a certain look, and without a separate directory contain them, the root level of a site became a behemoth of tiny images that html later assembled into a coherent presentation. Designers looked at this awful mess of files and created a separate directory to contain all of these little files and better organize their web directories, and it was good
Continue reading Old habits die hard - images directory
- Posted on
- 2005-02-22
- under:
- Web Development
- Comments:
- 2
Bulletproof Web Forms Part Three: Style
When web developers abandoned tables, they left behind a vacuum when it comes to forms, and since then form presentation has taken a step backward. Perhaps the most common CSS form design is to align the textual labels to the right along an invisible axis and then align form elements to the left of the axis creating the illusion of a table-like grid while keeping mark-up and CSS small and semantic. Many users find right-aligned text to be more difficult to read, and so balancing your form on an invisible axis can create an unnecessary hurdle for users.
Continue reading Bulletproof Web Forms Part Three: Style
- Posted on
- 2006-04-03
- under:
- Web Development
- Comments:
- 5