head-up-loaded
Posts tagged jQuery
Web Designing Practice 101
Nov 29th
[Test Page] Best viewed with Firefox 3.5 A test page I created using some basic photoshop. The slices I cut from the psd are as below. [images]
Curved DIV: There are many ways to create curved DIVs, but I preferred using a simpler method I found while surfing the internet. The curvature of the DIV tags is a simple code, can be found here:
IE as expected doesn’t support the code, so a downloadable file is included at the above URL. The download htc file isn’t completely bug free. DIV height problems are still noticeable. Plus using it with the jQuery with it gave me hundreds of problems. I preferred to keep my design sharp edged for IE people.
The CSS style sheet can be accessed here [StyleSheet]. It is a bit messed up so have patience.
jQuery: The jquery was copied from the tutorial. Made many changes to the CSS according to my design. It required variable height so, I used just the min-height property on the content DIV.
Known Bugs and Problems: Right now the fact that the page is static is disturbing. It has to be evolved into a php dynamic page. Loading of all the posts in a single page load will increase load times later. Also there will be problem monitoring post statistics separately (indexing, meta, visitors). Another problem I have to overcome is the embedding of a flash movie in the jQuery DIV. Please report any other bugs and suggestions to indigoanalysis@gmail.com
