Tips and tricks for creating interfaces that work across browsers
February 04, 2010
With the advent of CSS, the power of presentation in web pages was highly increased. Transition from old style writing of HTML pages to new wave of full life UIs has brought with it many concerns for the web designers. The major concern for web designers nowadays is to create cross browser complaint websites with as little variation across browsers as possible. Internet Explorer 6 being the major problem creator among the lot. Since IE6 still holds 10.2% of the browser market share, according to w3schools browser statistics for January 2010, it needs to be tackled. Most of these problems are mainly caused due to variation in the implementation of specifications by browser vendors.
Technique to minimize HTTP requests.
April 07, 2008
CSS Sprites is a technique by which we can combine multiple images in a single big image and position the various parts of this big image with our elements using pure CSS attributes. The primary objective behind using CSS Sprites is to decrease the number of HTTP requests and thus decreasing the request stress on server. The idea behind CSS Sprites is to consolidate multiple images into one sprite and then selectively display portions of this sprite with positioning. It starts by creating a larger CSS Sprite by grouping more than one images (usually icons) together and aligning them in proper grid style to aid the positioning. Then it is aligning used a proper positioning values on the webpages to show their respective images. This way it decreases the number of HTTP requests and thus increases the overall speed of webpages.
Get started with Wordpress theme development
February 01, 2008
Wordpress, one of the most popular blogging platforms of the world, has a large user base throughout the world. One of the main attractions for its users is the great themes contributed by the thousands of users around the world. Though in general, bloggers use the themes already available and contributed by other users, but sometimes there is a need to customize the theme or create a new theme from the scratch. Without getting to much in the history, let me show you how to create a Wordpress theme with as little expertise as possible. Keep in mind that developing a Wordpress theme doesnot require PHP expertise from your side. Just a little of CSS and working knowledge of XHTML / PHP will work.
All it takes is a small .htc script and a little CSS tweak
January 24, 2008
Like GIFs and JPEGs, PNG images are ideal for web use. Like GIFs, the PNG is great for displaying small images with few colors, like logos and icons. Also, PNGs sport a few advantages over GIF images. Most notably, they support alpha transparency.
What is alpha-transparency? GIF files are only capable of displaying a pixel as either completely transparent or completely opaque: this is known as binary transparency. When an image contains alpha layers, however, parts of an image can be partially transparent. You can specify a level of transparency from 0 to 255.