Tuesday, November 23, 2010

[Devils Workshop] “Let your Stylesheet lose some weight [CSS]” and 1 more...

[Devils Workshop] “Let your Stylesheet lose some weight [CSS]” and 1 more...

Link to Devils Workshop

Let your Stylesheet lose some weight [CSS]

Posted: 23 Nov 2010 09:20 AM PST


css stamp Let your Stylesheet lose some weight [CSS]In one of my previous article "Remove all unused CSS selector" I wrote about  how one can remove unused selector from his stylesheet using Dust-Me-Selectors, similarly I found an Addon which has few benefit over Dust me selectors. CSS Usage is a Mozilla extension which finds unused selectors and can be exported a new file.

Steps to go about it :

  • Open the Firebug interface.
  • Select CSS Usage at extreme right of the Firebug interface.
  • Click Scan as shown in the below image.
  • Now you will find the selectors in Green and Red colors. Green and Red color indicates Seen and Unseen selectors in the stylesheet respectively.
  • Then you can click export cleaned CSS that exports the cleaned CSS in a new tab, copy it and edit it in your original stylesheet.

image thumb9 Let your Stylesheet lose some weight [CSS]

Paste it in your stylesheet and you will find "UNUSED" prefix  to the selectors in your file, where you can delete those selectors according to your specification.

image thumb10 Let your Stylesheet lose some weight [CSS]

If you have any ideas about similar stuff you can share it through the comments.

Link : CSS Usage.


Related posts:

Install Wibiya toolbar on your website

Posted: 23 Nov 2010 07:07 AM PST


wibiya logo Install Wibiya toolbar on your websiteSo you want your blog to have a Facebook ‘like’ button as well as a ‘follow’ on Twitter icon? Want your readers to have access to a live chat? Also want to have applications like Google Buzz, CoolIris or Live Chat? You can choose from several such options without getting involved with the intricacies of developing!

Wibiya is a well thought out web toolbar which adds on to your blog or website while providing highly essential features for you to retain your readers.

Wibiya has various applications for you to choose from giving you the option to customize your add-on as per your need. If you are not interested in readers subscribing to your YouTube channel and instead want them to play Flash games on your website then Wibiya gives you that option.

How to get the Wibiya Toolbar:

  • Enter basic details like your name, website/blog URL, website/blog name, etc.

Wibiya getting started1 Install Wibiya toolbar on your website

  • Choose the toolbar’s color theme.

Wibiya select theme Install Wibiya toolbar on your website

  • Choose the applications you want featured on the toolbar. All the applications are selected by default. Click on them to deselect them. You can edit these application settings later as well.

Wibiya select apps Install Wibiya toolbar on your website

  • Finally, choose the blogging platform that hosts your blog. In this case it was Blogger.

wibiya choose platform Install Wibiya toolbar on your website

Wibiya’s top features:

  1. Compatible with several blogging platforms including WordPress, Blogger, Typepad, Tumblr and vBulletin
  2. Option of choosing several color themes to make their widget seem more in sync with the site.
  3. Good choice of applications to choose from.
  4. Supports analytics as well.

Personally, I felt the toolbar was easy to install and use. The choice of applications is well categorized as per your requirement such as – Increase your page views, Enrich Content, Earn Money, etc. Account creation is free and quick. I doubt if it really ‘fits in’ for a website but for a blog its apt. I tried it on our Editor, Aditya Kane’s personal blog (which is at Blogger) and we quite liked it. Let me know what you think about Wibiya or if you have any better alternatives. Do leave behind your comments.

Link: Wibiya Toolbar


Related posts:

0 comments: