Besides your HTML file size, the size of CSS plays vital role in loading speed of your web site. The large size of CSS file also signifies your relevancy in CSS coding. There are several tweaks that you can apply to reduce your CSS file size.

There are several CSS properties that can be used in single properties. Let me show you some of the CSS shortcut properties to cut the file size and make your CSS as fast as possible.



Till now I've discovered that about 20 CSS properties can be shortcuted and these 20 CSS properties are widely used one.



Let me show you what are they.

Read more »

Striping a tag means removing a tag that encloses some object. For example, striping a  <p> tags means that you are removing <p> </p> together. For instance, you may want to remove <p> tag with some attributes defined in it and say that it has been used in most part of your web site. Here is the sample code:

<div class='something'>
  <p class='data'>Paragraph</p>
</div>
<p class='data'> another paragraph </p>
<p> Paragraph with no attributes</p>
<p class='info'>Paragraph with different attribute</p>

How will you remove only

tag and it's ending tag?

Read more »

The Thesis theme for Wordpress has become so much popular and dominative to other Wordpress template. The reason behind this is it's user friendliness and customization power. Even a basic user is able to create their own unique theme with the help of thesis platform.



With the popularity of Thesis theme for Wordpress, I was wondering if there was any for Blogger too. But in fact, Blogger cannot have such customization power as in Wordpress.

Read more »

There are two kinds of website that you can design, one is flexible and another is fixed. The flexibility and fixed ability of a webpage is actually the flexibility or fixed width setup property. Flexible web design carries variable width which varies with the browser’s viewing area. While fixed web design has fixed width as always no matter what the size of browser viewing area is.



Flexible web designs are used in such sites where the contents can accommodate the change in width of the main container. Flexible design can be used easily used in text based website. It can be helpful if you are designing the mobile version of your website. After all you set your web design’s flexibility using CSS. You can add conditional tags to make your web design flexible for specific web browser.

Read more »

Adding custom icons in your web design is one of the major step to beautify your web template. Image speaks better than words. The applying of small 16 X 16 or 10 X 10 images to your web page not only ads beauty but also makes your design much more user friendly. You can take an example of my blog using small icons.



Whenever your visitor wants to know about the author of the article, he seeks for the author information around your article post. The author image icon easily grabs the visitors eye. Later the visitor reads the preceding text if he finds it necessary. What made easy for your web page visitor is that, they easily can find the thing whatever they are searching for.

Read more »

I've been using Blogger's blogging platform since 5 years. But I never realized that Blogger itself doesn't supports  animated GIF image files. I never needed to use animated GIF images in my blog.



In fact, Blogger is one of the service provided by Google who also owns Picasa the biggest web album. As far as I am concerned Picasa supports GIF animated images neither. You may be surprised to know that Google doesn't supports any GIF animated images in their services. May it be Picasa, Blogger or Google image search itself.



So, Why Google doesn't supports animated GIF images?

The answer is so simple, because

Read more »