PelFusion Design Magazine » Chrome

4 Useful CSS Related Google Chrome Extensions

Ferman — Tue, 14 Jun 2011 09:28:49 +0000

Google Chrome is getting popular day by day, as it is very useful for web designers and web developers. Using Chrome extensions you can easily debug the site. We have shared before, 15 Google Chrome Extensions for web designers and developers, but this time focusing on CSS related extensions only, which you can easily use to fix the CSS issues.

1. CSSViewer

What if you want to see CSS parameters of any specific element in a web page, it’s where CSSViewer comes in. You can disable or enable it by simply clicking the toolbar icon.

2. Code Cola

Code Cola is a chrome extension to editor online pages’ style visibility. It helps visual designer, interactive designer, web site operator and other peoples modify the online pages quickly and easily.

3. Live CSS Editor

If you want to see the immediate results while you are changing the CSS, this extension provides a text box on any HTML page so that you can write CSS freely and preview the results.

4. CSS Reloader

CSS Reloader is a chrome extension that allows you to reload CSS without reloading the whole page.

9 Best Chrome Extensions for Twitter

Ferman — Tue, 15 Feb 2011 11:04:16 +0000

If you are using Google Chrome, which you should be, then here are some Chrome extensions for twitter which will give you more control on twitter and let you have more fun.

I have collected 9 best Google Chrome extensions for twitter which i think worth the install for anyone who uses Twitter. These extensions will help you to be more productive as these are specially designed for Twitter.

1. Chromed Bird

Chromed Bird is an awesome Twitter client extension for Google Chrome with lots of features.

2. Twitter Share This Page

The easiest way to share web page on Twitter! Click the extension icon in Chrome address bar open Twitter tab with page title and page URL as a new status.

3. Power Twitter for Chrome

Power Twitter currently overlays on the twitter.com website. We use the information on the website (such as your twitter name) to identify you and build a settings profile.

4. Twitter Extender

Twitter Extender adds some necessary features to twitter.com, like old retweet style, direct message, url shorten service and lots of more.

5. TwitterWatch – Real Time Twitter Update

TwitterWatch is the simplest tool to keep watch on hot Twitter keywords! Enter a keyword, press search, and you are done. TwitterWatch can coexist with other Twitter clients, without depleting update quotas.

6. Twitter Creation Date

Displays the creation date of Twitter accounts on their profiles.

7. Twitter Plus Plus

Twitter Plus Plus allows you to answer and retweet your friends without having to go and see the page or lose the thread.

8. Twitter Photo Zoom

Adds large size preview images to your Twitter web.

9. Tweetings for Twitter

Tweetings for Google Chrome is a Twitter client extension that allows you to follow your timelines and post Tweets.

6 Must Have Google Chrome SEO Extensions

Ferman — Mon, 31 Jan 2011 12:54:48 +0000

Google Chrome extensions are a best way to add features to your browsers and there are lots of SEO extensions that can help you to optimize your web pages. Using these chrome extensions you can increase page rank of your web site and get more traffic from search engines.

Here are the 6 must have Google chrome extensions.

1. Chrome SEO

The Google Chrome SEO Extension provides easy access to Search Engine Optimization Tools that can help you with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.

2. SEO Site Tools

Using this chrome extension you can check On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics.

3. SEO & Website Analysis

SEO report is an extension for Google Chrome™ done by WooRank that provides a very deep SEO report for any given website.

4. SEO Status Pagerank/Alexa Toolbar

SEO Status is lightweight. It will check the Google Pagerank (PR) & Alexa rank for every page. Using this will increase your Alexa.

5. SeoQuake

Displays the Google PageRank, Alexa rank and other SEO parameters of any webpage, highlights nofollow links, text density, check and compare urls.

6. Keyword Eye

The tool will return keyword ideas for a keyword or URL in a cloud format where search volume is indicated by the size of the keyword and competitiveness by colour.

15 Google Chrome Extensions For Web Designers And Developers

Ferman — Sun, 07 Mar 2010 18:15:32 +0000

Google Chrome is not a popular browser yet but still it’s growing fast and as a web developer or designer, you must be among the earliest to adopt new browser technologies. What help you a lot are extensions of browsers though Chrome does not offer many extensions but still there are lots of Chrome extensions and addons, those can be very handy for designers and developers.

Here, we have compiled a list of 15 most useful and best Chrome extensions for web developers and designers. Don’t hesitate to try all of them and if you already have used any of it don’t forget to share your experience with us.

1. Speed Tracer

Speed Tracer is a tool to help you identify and fix performance problems in your web applications. It visualizes metrics that are taken from low level instrumentation points inside of the browser and analyzes them as your application runs.

2. Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker.

3. Firebug Lite

Firebug Lite is a tool for web developers, that allows you to edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

4. Chrome SEO

5. Pendule

Pendule displays linked and embedded style sheets of the current page in a new tab.

6. Aviary Screen Capture

Take a screenshot of any webpage and edit it directly in your browser with Aviary.com applications. Plus convenient access to the Aviary website and tools.

7. Resolution Test

Resolution Test changes the size of the browser window for developers to preview their websites in different screen resolutions. It includes a list of commonly used resolutions as well as a custom option for you to input your own.

8. PlainClothes

This extension styles — or rather “unstyles” — the web. Just imagine: text is black, backgrounds are white, unread links are blue, visited links are purple, all links are underlined. Or any other colors you like.

9. Snippy

Snippy allows you to grab snippets of web pages, save them for future use and upload them to Google Docs.

10. FlashBlock

Flashblock is an extension for the Google Chrome that blocks all Flash content from loading. It then leaves placeholders on the webpage that allow you to click to download and then view the Flash content.

11. IE Tab

Use Internet Explorer to display web pages in a Chrome tab. Some sites can only be displayed using IE, and with this extension you can now see those sites without leaving Chrome.

12. Validity

Validity can be used to quickly validate your HTML documents from the address bar.

13. BuiltWith Technology Profiler

BuiltWith is a web site profiler tool. Upon looking up a page, BuiltWith returns all the technologies it can find on the page.

14. MeasureIt!

Draw out a ruler that will help you get the pixel width and height of any elements on a webpage.

15. LastPass

LastPass is a free online password manager and Form Filler that makes your web browsing easier and more secure.