Recently in my project I had to implement one page in which an image and the related text had to be shown side by side using the DIV tags, where the text needed to be centered vertically with respect to the image. Example : Let's take a scenario where we cannot use vertical-align with DIV to display the text in center adjacent to the...
The 960 Grid system contains 960 pixel width. This is a CSS Framework. There are 3 types of grids in 960 Grid stystem, that is 12-Column Grid 16-Column Grid 24-Column Grid It is in fact based on a very simple and a basic principle of designing – ALIGNMENT. The 960 Grid system comes with framework sheets for designing the...
Hi all, In the past few days, I was given a push to find a suitable method that allowed us to automate the much needed but painstaking of creating sprites for webpages to improve their performance.The problem was that going through the process of spriting images was a tedious process for a person not used to Photoshop tools...
The clearfix hack, or “easy-clearing” hack, is a useful method of clearing float(left, right) effort. The clearfix hack works great, but the browsers that it targets are either obsolete or well on their way. Specifically, Internet Explorer 5 for Mac is now history, so there is no reason to bother with it when using the clearfix...
The HTML <canvas> tag is used for creating graphics on the fly. It can be used for rendering graphs, game graphics, or other visual images. To draw on the canvas, the <canvas> tag is used in conjunction with the getContext(contextId) method. Any content between the <canvas></canvas> tags is...
@font-face allows authors to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts. We Use it I.We choose font and we have right now. First of all font format generate four another format as like(ttf, eot,otf,svg,woff) and upload server where we access. II. Create in css...