James Leong | Web Developer » Design

CSS Styling to create Image Border and Shadow

james — Mon, 28 Jul 2008 13:14:43 +0000

If you look at the picture on the left, you will realise that it has a white border with a shadow. Well, was digging around some of the open source tools when I realised that this effect can be generated via javascript alone!

If you are keen to check out how it is done, click here.

LiteBox OffSprings – Slimbox, ThickBox, GreyBox and LyteBox

james — Mon, 28 Jul 2008 13:09:34 +0000

I was just raving about some very cool javascript gallery effects yesterday… and was about to work on a Joomla component to showcase such things… when I realized that it was already done. The company was JoomlaWorks and wanted to charge 12 Euros for their Simple Image Gallery which was an amalgamation of 5 Litebox like effects. Hehe… it was only then that I realised that LiteBox had 5 clones:

Slimbox
ThickBox
LyteBox
GreyBox

Anyway, if you are interested in finding out how they compare to Litebox, read on….

SlimBox

Hmmm… this looks exactly the same as LiteBox. Cannot seem to see any difference between this and LiteBox physically. But of course, its advantage is simply in being slim. It claims to be a 4kb implementation of LiteBox… and it sure ran fast on their website.

ThickBox

This runs heavy… or maybe the pictures are just bigger? But it does have certain added features like Modal Dialogs…

LyteBox

I like this. It looks just like the orginal with an added Slide-Show feature. Neat.

GreyBox

Well, did not really like it if you ask me. Problem was… the image was forever loading. Also, did not really like the idea of GreyBox taking up the entire screen real estate.

Cool Design Tit-Bits

james — Mon, 14 Apr 2008 07:52:37 +0000

Was looking around for interesting new Web Design UIs. So thought of consolidating all these nice discoveries on my Blog.

E-Book,Flash Book by (http://flashpageflip.com)

Does an E-book kind. Includes effect of flipping the pages…