I was working on one of my projects which involved multiple task execution on regular basis. Well, I think that many of us have faced similar issues on their projects which increases our work and making it more time-consuming and increased work. Working in a community where people are actively developing tools to automate tedious...
Ok Now, CSS is fine and all but it is a tedious process to cover all the different states and selectors. And if your Stylesheets are un-organized like mine(confession?) then you would know it is painful, any change breaks so many things and when it doesn't you know you have missed a couple of selectors that need to be updated. So in...
JQuery mobile provides set of features which are supported on almost all smartphones such as touch UI, ajax navigation, animated page transitions. Building jQuery mobile page is very simple, here's how: A jQuery Mobile site must start with an HTML5 'doctype' to take full advantage of all of the framework's features. First of all you...
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...