Design
Smooth Javascript Image Zooming
FancyZoom is designed to view full-size photos and images inline without requiring a separate web page load. It is providing a smooth, clean, truly Mac-like effect, almost like it’s a function of Safari itself. FancyZoom has the following features that makes it different to other popular modal box galleries, e.g.Lightbox. FancyZoom is totally free for your non-commercial website..... countinue reading
Pixelicious: 150 Icons for Web Developer
PixelResort just released a developer icon set of 150 (No typo..yes 150!) 32x32 icons called Pixelicious. They are beautiful - go to the download section and get them..... countinue reading
Free Fonts, anyone?
I am currently obsessed with this site! You know, I type "DKM" in the box, and click hurrraaaaaaay! Now it’s time to pick the best font for my future log for DKM – that’s going to be fun…Note: The site offers various ways to get a live preview of the fonts, either by clicking on a font which lets you preview the font in many different ways (sample text, character set, different sizes, etc) or by dynamic mouseovers to let you see the full character set without refreshing the page which can be real time savers..... countinue reading
Duke University's Digital Collections
Duke University has this extensive digital images libraries: Duke Libraries > Digital Collections. Also check this one too..... countinue reading
Drop Cap - Capital Letters with CSS
The orginal source is from smashinmanazine titled "53 CSS-Techniques You Couldn't Live Without". Drop Cap - Capital Letters with CSS is another amazing CSS technique. Go check out. Here's one sample what can be done with using this method (nice, isn't?)..... countinue reading
Random Link: CSS Resources
I was just checking Veerle's site for "A CSS styled table version" when I found out some extensive links as PDF format to CSS resources around the web. The list is quite nice and covers pretty much all good CSS resource sites. if you haven't gotten yet, go get them.... countinue reading
How to: CSS hover effect
How to Create a Block Hover Effect for a List of Links- Learn how to create hover effect when you mouse over the list items to see the block hover effect in the demo here.
How To Make Clickable Areas Bigger - One basic principle of interaction design is that the larger the link you’re trying to click on, the easier it is to click it. With this in mind, if you are using text-based links (for example in a navigation bar), the actual ‘clickable’ area should be as large as possible.
Anchor tags for block elements- You can see a demo here..... countinue reading
Star Rating Techniques
OK you probably have seen it all over web sites (from Amazon.com to CSSMania). I believe one of the best one out there is Unobtrusive AJAX Star Rating Bar. This star rating script done with PHP and backend powered by mySQL that allows users to rate things like can be done on Netflix or Amazon..... countinue reading
Starbox: star ratings for prototype
Check out Nick Stakenburg's web site for star ratings for prototype. Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well. Check the demos below to see what Starbox is all about and read on for more information on how to customize your own Starboxes. While checkin starbox, also check excellent lightview - an excellent way to change the way you overlay images on a website..... countinue reading
test
(No Ratings Yet)
Loading ...
.... countinue reading
