• Facebook Rocks

    Facebook is the best social networking website. ...

  • Google Plus

    Sign up for google plus and see the +1 magic ...

  • Twitter

    twitter.com tweet everything in just one click Sign Up today. ...

  • Mashable

    Mashable.com Latest Web Technology.

  • Wordpress

    Wordpress.org Simple and very Social, Download now ...

How to find unused CSS classes and selectors within a website

Many times we think of using some class or id within a CSS but later on decide not to use them finally. But several times we forget to delete those classes from the CSS file. This may not be a problem for sites where the use of CSS is very less. But this may be accountable for much junk lines within your CSS which are unnecessary and unwanted.



Many times it happens that we use more than one CSS files for a site or application and copy many unused classes or ids. This way the amount of code loaded every time becomes a much considerable value. These unwanted CSS selectors should be deleted from the CSS files. To delete those unused CSS selectors you first need to identify them.

Sitepoint has released a very good tool for this purpose. Dust-Me Selectors is a very useful Firefox Extension which helps you to easily identify those unused CSS selectors. It also has some added advantages. It understands the different ways to include and import CSS files within webpages and also can check inline CSS styles. Importing stylesheets within the IE Conditional Comments is well parsed by this tool. It also understands well known CSS hacks. You can even check a whole site directly with this tool. Just install this Dust-Me Selectors Extension to your Firefox browser and remove the junk codes within your CSS, if any. Make more clean and useful CSS from now.

Puzzled with Web Hosting Providers – Choose the Best Web Host for You

Are you planning to have your web presence or got pissed off your present Web Hosting provider and looking for a new Web Hosting Provider? So you would be looking here and there searching for different Web Hosting Providers and their reviews from different users. But as many sites you see and as many reviews you read, you are definitely going to be more confused and puzzled about them. Many times it’s really hard to come to any decision. Because the whole world is neither White nor Black, there are lots of shades of Gray.

Try Web Hosting Geeks.

So you may have seen many Web Hosting providers and many sites regarding them. You also may have gone through several reviews and testimonials about those providers. But now try something on the Web Hosting Geeks. Here you will find easily understandable information at a glance as well as in details. Every user here is experienced and knows what he/she talks about. So reviews here are much likely to be more accurate and helpful.

The best thing which I like about the Web Hosting Geeks is the overview on the homepage. It gives much useful information about the top web hosts we use to talk about. Then the most interesting reviews are the green hosting reviews which enlists the top Eco-Friendly Web Hosting Providers, which is a very good initiative to improve our environment. I think people must go for more Eco-Friendly service providers which has lots of benefits by itself.

So use this helpful service of Web Hosting Geeks and resourceful information of real life users to decide which Web Hosting Provider you are going for.

How to Validate Browser Specific CSS Hacks

Almost everyone who is a XHTML/CSS Developer knows Browser Specific CSS Hacks. If you don't know then you can know what Browser Specific CSS Hacks are from here. While creating tableless websites on CSS the biggest issue we face is consistency of the pages over various browsers i.e. cross-browser compatibility. So to make the websites and pages cross-browser compatibile many times we use several Browser Specific CSS Codes or Hacks. Though it is advices to avoid those Hacks since they are not by the standards, many times we are unable to do that.



But the problem with browser specific CSS Hacks is Validation. As we also want our pages to be validated against the W3C stadards, we need to get those CSS validated. But while validating a CSS which has CSS Hacks, you will see that the "double slash (//)" and "underscore(_)" Hacks, which are Internet Explorer specific CSS Hacks, are not getting validated. You will have errors like: "Parse Error //" and "Property _ doesn't exist".

So here is an easy way to validate CSS with Internet Explorer specific CSS Hacks. Just simply use another hack instead of the "double slash (//)" and "underscore(_)" Hacks. Use the "* html" Hack for Internet Explorer.
For Example:

#header {
margin-top: 10px;
}

* html #header {
margin-top: 20px;
}

So here All browsers will take the first one and only Internet Explorer will take the second one. So all browsers will have margin-top 10px and only Internet Explorer will have margin-top 20x. So here is another Hack for you to use but this Hack is validated by the W3C CSS Validator.

Google Changes their Favicon Again

Yes, Google now changed their Favicon again. Last year at the end of May they changed their initial minimalist Favicon with that simple G in caps within a border of different colors of the Google logo. Then they came up with a more minimal design of the favicon with small g in blue and nothing else, which they said to be compatible for iPhones.



But in reality people disliked this favicon much and said a lot about it. At some time Google was indecisive about this favicon and asked its users and well wisher to vote among over 300 favicons they experimented on. Maybe it was the realization that their experiment didn’t went well with age old users.

Now they have come up a new favicon which incorporates all the colors of the Google logo, which has a much better presence than the previous one. Google though has always preferred minimalist and clean interfaces this time their choice of favicon has broke most of their conventions. This favicon has been the most colorful part of Google ever. Though it may not fit well with Google standards of simplistic approach to User Interfaces, this favicon is definitely going to put Google distinctly ahead among several other bookmarks in users’ lists.

But still I think this is also not the definite match for Google’s favicon. The small g is not so much noticeable within the colorful background. May be the implementation is not the best of it. The favicon shows much space at the left but in browsers it doesn’t come like that. The small g in feeling to be much forcefully confined within the space and it may be a problem to understand for new users.

But still it is definitely better than the previous one. At least it looks much lively which the previous one was not at all. But still my favorite – The initial one.