Archive for the 'Web Design' Category

Rendering N-sided Polygons with DHTML

Tuesday, November 28th, 2006

With this technique, convex polygons with any number of sides can be rendered, with a solid color or a background image as the fill. Click here or the image below to launch the demo (opens in a pop-up window).
 

DHTML Polygon Rendering Demo

You can probably figure it out on your own by playing with the checkboxes at the lower left corner of the pop-up, but read on to find out how it all works. Read the rest of this entry »

Behind twofifty.net (in spite of Ajax)

Sunday, November 19th, 2006

This website of mine is a showcase for digital artwork, strictly 250 by 250 pixels in dimensions and on various formats including GIF, PNG, JPEG, Java, DHTML, Flash and Shockwave. Since its inception in 1999, the website has attracted great talent and received worldwide recognition. The collection currently consists of around 1500 hand-picked pieces, submitted by 340 contributors. But enough of all that. The website infrastructure employs some neat tricks that provide an Ajax-like browsing experience, without using Ajax. This is what I actually want to talk about. Read the rest of this entry »

browsersize.com

Saturday, November 18th, 2006

A simple website that I had put together a while ago, that harbors two simple tools that web designers may find useful. The main site shows you decently current statistics on different screen resolutions that web surfers have nowadays. You could use that as a starting point for deciding on the dimensions for a non-fluid website layout.

browsersize.com

setmy.browsersize.com allows you to set your browser size to any desktop resolution without the need for extra add-ons/extensions. This is useful for seeing how users with different desktop resolutions will be viewing your website. whatsmy.browsersize.com tells you your current desktop resolution and browser size along with all the installed popular plug-ins (with links to download sites for missing ones).

Using Fewer Images

Sunday, August 27th, 2006

Image rollovers are usually composed of two individual images; one for the default state and one for when the mouse is hovered over the image or link. However, it bears some advantages to use a single image by taking advantage of CSS image offsets. Read the rest of this entry »