Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

December 24 2013

13:32

45+ Must-Have Chrome Extensions For Web Designers & Developers

Another amazing and wonderful collection for the web designers and web developers is presented here. In this collection we are showcasing 45+ Google Chrome Extension for the web designers and developers. As we all know that Google Chrome is not only an old browser but it is also a very popular and famous browser. Google Chrome is an open source browser that’s why you can easily modify it when where you want. Google Chrome also provides to their users a huge list of powerful and free extensions.

So, here is the complete list of Google Chrome extensions for your use. We hope that this collection proves to be the best and will help you. Check out these Google Chrome extensions and download your best pick. Do let us know what do you think about this collection. Feel free to share your opinions and comments with us via comment section below.

Palette for Chrome

Creates a color palette from any image. Just right-click on the image and select the ‘Palette for Chrome’ option.

ColorPicker 0.9

Web developer color picker / eye dropper. Pick color from current web page or change color(s) of any element in DOM.

Diigo

Bookmark, Archive, Screenshot & Markup – All-In-One Web Collector, must-have research tool.

Pendule

Extended web developer tools for Chrome. Use this extension in addition to the built-in Developer Tools (Ctrl+Shift+I).

Firebug Lite for Google Chrome™

Firebug Lite is not a substitute for Firebug, or Chrome Developer Tools. It is a tool to be used in conjunction with these tools. Firebug Lite provides the rich visual representation we are used to see in Firebug when it comes to HTML elements, DOM elements, and Box Model shading. It provides also some cool features like inspecting HTML elemements with your mouse, and live editing CSS properties.

CSSViewer

CSSViewer is a simple CSS property viewer for Google chrome originally made by Nicolas Huon as a FireFox addon.

BuiltWith Technology Profiler

The BuiltWith Chrome Extension lets you find out what a website is built with by a simple click on the builtwith icon!

Microstock Photo Power Search

The Microstock Photo Power Search Tool makes searching multiple libraries for the best microstock stock photos easier than ever.

MyNotes

Automatically creates a note when you select a text and bookmarks it. Search on Google and export to a Google document your notes.

Clip To Evernote

Use the Evernote extension to save things you see on the web into your Evernote account.

Similar Pages

Discover webpages similar to the page you’re currently browsing.

AppJump

Quickly launch Apps from browser toolbar. Organize Apps and Extensions into Groups. Manage Apps and Extensions with ease.

Ananke Timer

Ananke Timer is a simple task timer extension.

Todoist: To-Do list and Task Manager

Todoist is the leading online to-do list and task manager. We manage millions of to-dos and we are ready to manage yours as well!

PopChrom

Save time and effort with Popchrom by creating your own shortcuts for text phrases! Whether it’s a simple email signature or…

Speed Dial

Speed Dial for Chrome – replace Chrome new tab with your predefined visual bookmarks.

Resolution Test

An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Speed Tracer (by Google)

Get insight into the performance of your web applications.

SEO Site Tools

On-Page / External metrics, Social Media info, PR / numbering on Yahoo, Bing, Google SERPs.Extends WMT, YSE and GA with metrics

SEO for Chrome

SEO for Chrome provides SEO Stats and Tools that make your daily SEO tasks easier. The MOST popular Google Chrome SEO Plugin!

Eye Dropper

Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.

Image Cropper

Image Cropper lets you crop images in any website on the fly.

Webpage Screenshot Capture

The most powerful and freeware app for capture entire page, Save & Edit & Annotate & Print & Share.

iMacros for Chrome

Automate your web browser. Record and replay repetitious work.

Frame two pages

Merge the active tab and the previous one into a frameset.

Session Buddy

Manage Your Browser Sessions.

Window Resizer

Resize browser window to emulate various screen resolutions.

Ruul. Screen ruler

A fantastically simple on-screen ruler for lining up and measuring type, line height, strokes and just about anything on the web.

Tape

Tape is a tool for pixel-perfect website development. It lets you put down guides that snap intelligently to the page content (and stick to it if it moves on scroll or resize), and helps you easily measure positions and sizes of elements.

WhatFont

The easiest way to identify fonts on web pages.

Web Developer

Adds a toolbar button with various web developer tools. The official port of the Web Developer extension for Firefox.

QrURL

A QR code (abbreviated from Quick Response code) is a type of matrix barcode (or two-dimensional code) designed to be read by smartphones. Using QRUrl you can translate any literal URI to a QR code and then use it to share your site in the physical world.

Save my Tabs

The Save my Tabs is an extension that with one click can save all open tabs in your browser.

Alexa Traffic Rank

The Official Alexa Traffic Rank Extension, providing Alexa Traffic Rank and site Information when clicked.

WordPress Stats

Addicted to numbers? Get the daily statistics of your blog in your chrome browser.

Domain Availability Checker and Whois

This plugin checks a domains availability straight from your toolbar. Perfect for web designers/developers.

Forget Me – Clean History, Cookies & m

Delete everything about a website. Cookies, History, localStorage, sessionStorage…everything!

Awesome Screenshot: Capture & Anno

Capture the whole page or any portion, annotate screenshot, blur sensitive info, one-click upload to share.

Drag2up

Drag files to text boxes on any site to upload and share.

HTML Instant

Edit HTML code in real-time. Just enter HTML, CSS, or Javascript in the left pane and you will get instant results as you type in the right pane. Great for editing on the fly and for teaching/learning HTML.

Image Properties Context Menu

A simple context menu extension to show the properties of an image.

MeasureIt!

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

TabJump – Intelligent Tab Navigator

A new way to navigate your tabs. Easily access most used tabs, associated tabs, and closed tabs. Allows tab locking too.

TooManyTabs for Chrome

Manage your tabs, improve your browsing, and maintain your sanity when you have many tabs open.

Session Manager

Session Manager lets you save sessions of your opened tabs and windows, and to quickly re-open them whenever you like.

Google Font Previewer for Chrome

Lets you choose a font from the Google Font directory with a few text styling options, and preview them on the current tab.

Stylebot

Change the appearance of websites instantly. Preview and install styles created by users for your favorite websites.

IE Tab Multi (Enhance)

MultiTab type IE inside Chrome. This is the neatest one among other IE extensions.

December 19 2013

11:00

HTML5: FileSystem API – Create Files and Store Them Locally Using JavaScript and Webkit


  

The FileSystem-API allows the creation of files and folders as well as their local storage using JavaScript. Files can be simple text files, but even more complex files such as images are possible. Modern Webkit browsers with HTML5 support are already able to handle the FileSystem-API. We show you how you can benefit from the new possibilities.

Sponsored post
soup-sponsored
04:52

April 18 2013

17:30

Mozilla Labs TowTruck: Brand-new Real-Time Collaboration Tool Tested


  
towtruck-logo

Mozilla Labs achieves amazing things. And this is more of an under- than an overstatement. The latest sprout from Mozilla's garden, interestingly named TowTruck, makes no exception and promises a lot. TowTruck lets you integrate collaboration features into any website with a mere two lines of code. Once done, people can communicate, collaborate, create together right inside any website. They can even talk to each other via WebRTC. Noupe took a closer look...

March 08 2013

02:35

Mobile Proxies: A New Era Dawns

This week, Chrome For Android M26 was announced. It has the literally-awesome ability to record video via `getUserMedia()`, but enough about making Skype irrelevant. What’s even more interesting is the new data compression feature. Which, to be clear, is experimental, has to be switched on, doesn’t apply to secure (SSL) sites, and it’s only running in the beta app.

With this feature, Google will be delivering streamlined responses, leading to substantial performance improvements and bandwidth savings. In the latest Mobile Web Thursday’s, Google’s Pete Le Page demonstrated The Verge weighs in at 1.2MB when proxied, down from the hefty 1.9MB it otherwise would have been, and also reports having seen a 65$ reduction elsewhere.

The speed benefit comes in a couple of ways. First, the proxy and the browser communicate via SPDY. Most websites still haven’t enabled SPDY, but Chrome has it built in and Google’s proxy will now act as a SPDY adaptor for any (non-SSL) website. Second, images are returned as WebP format. WebP claims to shave off around 30% and Google claims 60% of bandwidth is images…so that’s about an 18% reduction right there.

Mobile proxying is nothing new for Google. I don’t know the full history, but I recall seeing it as early as 2003 (anyone know?). It would be enabled after a search, and the proxy is still runnning. But this is a proxy for the new era of smartphone browsers, and comes just over a year after Amazon introduced its Silk browser with a similar proxying solution. Unlike the older Opera Mini solution, which provided comfort for resource-challenged feature phones, this new breed of browser is still able to work as a regular browser, but can route through a proxy as needed. What Amazon refers to as a “hybrid browser”.

I have also seen similar capabilities made available as reverse-proxies for site owners. CloudFlare, for example, can compress scripts and optimize images.

Overall, these proxying services will make it easier for developers to deliver a better experience for users. But as they become more popular and better-understood, they will also come with the privacy and security concerns that were ignited soon after Silk browser came out. It will be up to the ecosystem to find the right balance, and Google has so far done well to release this experimentally, and ensuring secure sites go direct to the browser.

April 17 2012

08:01

Extending the Web: Useful Google Chrome Extensions


  

At the end of 2011 Chrome surpassed Firefox as the second most popular browser in the world. One of the reasons it has grown in popularity could be because of its expansive Chrome Web Store. The store has thousands of applications that help extend the functionality of Chrome and make your browsing experience safer, quicker and more fun.

In today’s article we would like to share with you 30 fantastic Chrome extensions. We have purposely not included extensions that simply link to an online service and instead listed those that make Chrome more useful.

Productivity

1. Offline Google Mail

An official extension from Google that lets you use Gmail offline. Emails can be read, responded to, searched and archived when offline and when a connection is available again everything will be synced. A great app if you use Gmail and find yourself without a connection frequently.

Offline Google Mail

2. Send from Gmail

Another great app for Gmail users is ‘Send from Gmail’. Once installed, anytime you click on an email link when browsing the web, a Gmail message will be created rather than a default application such as Windows Live Mail.

Send from Gmail

3. Google Chrome to Phone

Once you have installed the Google Chrome to Phone extension and Android app, you can send information directly from your computer to your Android phone. This allows you to send links to your phone so that the same page is opened on your phone. You can automatically launch apps like Google Maps directly by using the extension. A great application for Android users.

4. ScratchPad

A really basic note taking application that supports basic style editing like bold, italic and bullet points. The notes load outside of Chrome so you can minimise the notes when you aren’t using it. By far it’s most useful feature is the option to sync your notes to your Google Docs account. A great app for anyone who just wants a simple way of taking notes online.

Scratchpad

Web Development

5. PageSpeed Insights

PageSpeed Insights is a Chrome and Firefox extension that allows you to perform a test on any page on the web and measure the performance of that page. Pages are given a rank out of 100 and suggestions are given as to how the speed of the page can be improved such as not using @import for CSS styling and combining images into CSS sprites.

PageSpeed Insights

6. Web Developer

The official port of the Web Developer extension for Firefox adds a toolbar that developers will find useful. 8 different tools are available: CSS, forms, images, information, miscellaneous, outline, resize and more. And what’s more is that each tool offers a range of different options.

Web Developer

7. IE Tab

A great way of checking how a web page looks on Internet Explorer directly from Google Chrome. You can view a page in IE7, IE8 or IE9 mode and use auto URLs in order to make a whole website viewable in Internet Explorer. It’s an essential app for anyone who designs websites of themes.

IE Tab

8. ScribeFire

The popular blog editor ScribeFire allows you to write articles and post them to blog platforms such as WordPress, Blogger, TypePad, Windows Live Spaces, Tumblr, Posterous, Xanga and LiveJournal. Existing posts can be deleted, edited, updated and scheduled for publication in the future. Those of you who don’t like the editor for your blogging platform should check it out.

ScribeFire

9. Awesome Screenshot

If you take screenshots a lot, you’ll love Awesome Screenshot. It lets you take screenshots of an entire page or selected areas. You can customise which areas are copied using a range of cropping tools. Screenshots can be copied to your clipboard, saved as a file or saved online using Diigo.com.

Awesome Screenshot

Tabs, Sessions & Browsing

10. RSS Subscription Extension

Once the RSS Subscription Extension has been installed, Chrome will automatically detect any feeds that are linked on a page. Google Reader, iGoogle, Bloglines and My Yahoo are built into the app, though other RSS services can be added manually. To add a feed to your newsreader you simply click on the RSS icon that appears on pages with RSS feeds on it and then select your chosen newsreader.

RSS Subscription

11. Read Later Fast Tab Plus

Recently renamed from ‘Read Later Fast’ to ‘Read Later Fast Tab Plus’ by its developer Diigo, Read Later Fast lets you save any web page you find interesting and read it later offline. You can save an infinite number of pages using your Diigo account. It’s a useful plugin for those that travel a lot and find themselves without a connection (i.e. when flying).

Read Later Fast

12. Xmarks Bookmark Sync

Sync bookmarks, passwords and tabs across different computers and different browsers (it also works with Firefox and Safari). One of the best ways of keeping your online experience consistent across all of your devices regardless of what browser you are using.

Xmarks Bookmark Sync

13. Incredible StartPage

Replace your boring Chrome default page with the Incredible StartPage. The app replaces your start page with a stylish board that shows all your bookmarks, apps and closed tabs. There’s also a handy note taking feature and links to Gmail and Google Calendar.

Incredible StartPage

14. Chrome Toolbox

A useful extension that places all of the most commonly used chrome options in one drop down menu. Features include saving and restoring form data, a shortcut link to launch predefined URLs and the ability to set any image as your wallpaper.

Chrome Toolbox

15. TabCloud

Save any session and restore your tabs at a later date or even on another computer. The app is perfect for those of you who switch frequently between a desktop computer and a laptop.

TabCloud

16. Personal Blocklist

Personal Blocklist allows you to customise your search results and block results from certain domains and hosts. Worth installing if you get frustrated by the results that Google is producing.

Personal Blocklist

Security

17. Ghostery

See exactly what a website is tracking with Ghostery. It shows trackers, web bugs, pixels and other hidden scripts. It can also be used to block images and embedded objects from websites you don’t trust.

Ghostery

18. View Thru

Link cloaking has been used for years by affiliate marketers to make ugly looking affiliate URLs look cleaner. The rise of Twitter and other social media services has increased the use of URL shortneners too. Once View Thru has been installed you can quickly see the real URL of any cloaked URL.

View Thru

19. Hide My Ass!

Hide My Ass! is one of the most popular proxy’s on the web. The Chrome extension adds an icon to your browser that lets you instantly browse anonymously using one of 20 web proxy domain names.

Hide My Ass!

20. Web of Trust

Available for all major browsers, Web of Trust helps you surf the web more safely by allowing user to rate websites for trustworthiness, vendor reliability, privacy and child safety. It’s popular with online shoppers though it offers ratings for all types of websites.

Web of Trust

Research & Analysis

21. Daily Stats for Google Analytics

Adds an icon to your browser than shows you a quick analysis of your website traffic. It isn’t a replacement for Google Analytics itself though is a great way to quickly check your stats such as visits, page views, bounce rate and average time on site.

Daily Stats for Google Analytics

22. Google Publisher Toolbar

An essential extension for anyone who makes money through Google Adsense. The extension has two main features. Firstly, it lets you easily glance at your stats quickly without logging into your account. Secondly, it places an in site ad overlay over the advertisements on your website that shows exactly how much each zone is making.

Google Publisher Toolbar

23. PageRank Status

PageRank Status doesn’t just show you the Google PageRank of a web page. It also shows a websites Alexa ranking and geographical location of the server and links to backlinks and indexed pages for Google and Bing.

PageRank Status

24. Diigo Bookmark, Archive, Highlight & Sticky-Note

A bookmarking extension that lets you highlight sections of text on a page and add sticky notes. A copy of the web page can also be saved in your library for future reference.

25. Search by Image

Once ‘Search by Image‘ has been installed, you can right click any image on the web and do a search by image on Google and find where that image and similar images are being used on the web.

Search by Image

Social Media

26. Google +1 Button

A handy extension that lets you +1 any web page on the web to your Google+ circles. Simple but effective.

Google +1 Button

27. Silver Bird

An advanced Twitter extension that is packed full of features. It updates in real time and you can check your time line, direct messages and favourites. Trending topics can be viewed too.

Silver Bird

28. Facebook Notifications

Facebook Notifications is a useful app for anyone who uses Facebook to stay in touch with family or friends or connect with followers. It was developed by Facebook themselves however at the moment it lacks the ability to get updates from fan pages you have created.

Facebook Notifications

29. Pinterest Right Click

With Pinterest jumping into the position of 3rd most popular social media website on the web, more and more web developers are looking to the service as a source of traffic. The Pinterest Right Click extension allows you to pin any image or video to your page. It also lets you share on Facebook too.

Pinterest Right Click

30. imo instant messenger

A web based instant messaging extension that lets you chat via Skype, Windows Live, Facebook, Yahoo Messenger, Google Talk, AIM, Jabber, ICQ and MySpace. It allows group chats, lets you send and receive files and video and audio chatting works natively. The application is also available for iPhone, iPad, Nokia, BlackBerry and Android.

imo instant messenger

It’s difficult to include every useful Google Chrome extension in one article, so we know there are a few favorites we probably missed. If your favourite extension for Chrome didn’t make the list, please feel free to share it in the comment section.

(rb)

August 05 2011

14:45

Omnibar brings Google Chrome’s smart address bar to Safari

One major reason for my browser of choice being Google Chrome is the smart address bar for searching and direct URLs. Now the gap has been bridged and is a download away! Go, go, go…

July 02 2011

21:53

Surplus: A Google Chrome Extension for Notifications

Google+ has been catching all the commotion this week, so here’s a handy extension for Google Chrome that displays your streams notifications from  your address bar.

June 11 2011

03:01

Code injection, error throwing

In a blog, Opera Software Developer Relations team member Tiffany B. Brown looks at code injection, error throwing and handling and mobile debugging. She notes Opera Dragonfly and its remote debug features provide a way to debug mobile sites from their desktop. Brown mentions WebKit’s recently added remote debugging capabilities, folded into Google Chrome developer tools. Pointed to as well are Bugaboo, an iOS app for Safari-based debugging; JS Console which is available on the Web or as an iOS app; and Weinre for WebKit-based browsers. In this entry, Brown looks more closely at Dragonfly remote debug and JSConsole.

 

 

March 14 2011

23:06

Quick Tip: 2 Chrome Extensions you Must Install


In this video quick tip, rather than focusing on some specific coding technique, we’re going to review two excellent Chrome extensions that I highly recommend you install: StyleBot and Vimium.

February 03 2011

10:00

Introducing Google Chrome: All In One Super Charged Guide

Google Chrome is the most fastest browser anyone could ever use. It has lived up to most people’s expectations with its speed, security, innovative navigations, ease of usage and very cool extensions. And because it uses WebKit as a rendering engine, it’s completely web developer-friendly.  So, let those HTML5, CSS3 & Flash-less designs come rolling in.

In this article we aim to deliver an All in one resource guide for Google Chrome users. From extensions to some advanced tricks we got it covered for you. So Fasten your seat belts and lets check out more than 90 kick ass extensions, themes, web apps and tips to customize your Google Chrome.

Extensions:

People who are shifting from Mozilla Firefox should must have this in mind that Google Chrome’s extensions repository is relevantly new and its a child as compared Firefox’s huge extension library. But let’s not get sad because of this as the repository is getting cool extensions day by day with the release of new APIs by Google chrome developer team.

Can’t get enough of Google Chrome extensions? They’re too good to be true and they make things easier and convenient for users. Good thing these goodies are easy to install and only takes seconds to download.

Below we have collected 60 extensions for every day use and we are hopeful they will help you a lot in changing Chrome according to your needs.

Productivity

1. StayFocusd

This extension will help you focus and stop wasting time on irrelevant web activities. It will help you manage your time better by giving you limited time on opening or block distracting websites.

2. Meeting Scheduler for Google Calendar

You can now schedule meetings without having to worry about double booking. This extension will look into your Google calendar and sets tentative availability, evaluates invitee replies and schedules the meeting.

3. TabJump – Intelligent Tab Navigator

Navigate through your tabs faster & easier. Talk about multi-tasking, tabs may just be your new bestfriend. This extension will surely be a big help to make it through multiple-tab tasks.

4. DayHiker

Keep track of the date & schedules. There’s nothing worse than to get double-booking. This extension will help you manage and organize your schedule.

5. Lazarus: Form Recovery

Filling in long forms may be a pain in the neck, back and arms. But it gets really agonizing when you could lose all you have typed in because of browser crash. Getting this extension is a good solution for those bad scenarios. This awsome extension will store your input.

Writing

1. Blog This! (by Google)

Get blogging in just a click. Install this extension to open an application window and blog. It’s a very handy extension for regular bloggers.

2. Clip to Evernote

This extension makes it easier to remember your favorites, better than the bookmark button. You can categorize your favorites so it’s easier to find them.

3. Webpage Screenshot

Make easier and faster screenshots with this extension. You can explain and point out details using arrows and other indicators.

4. After the Deadline

This extension works perfectly with 10.0.634.0 beta. It checks grammar and spelling on emails, tweets, documents & messages.

5. StumbleUpon

Stumbled on a very interesting page you would like to share on stumble upon? Install this extension to make it easier. Now you don’t have to open the stumble upon page, just click on the extension button and you have it.

Photos

1. Cooliris

The coolest search extension that speeds up search on Google Images, YouTube, Flickr, and more. Get a 3D view on images and videos with an infinite scroll that makes it easier. Now you wont have to click from one page to another.

2. Hover Zoom

Now you wont have to click on the link and go to the page just to see the image clearly. Just hover your mouse on the thumbnail, and you can see a good view on the photo.

3.EXIF Reader

Photography enthusiasts and fans, extracting EXIF is made easy just for you. Find out the Exposure Time, Aperture Value, Focal Length and more. There’s no need to download a photo for view its EXIF information, With EXIF Reader, you can view EXIF information in your Chrome in an instant.

4.Instant Image Editor

A quick retouch is now made easy with this extension. You wont have to open your Photoshop software. With in your chrome browser, you can edit your photos fast & easy.

5.Explain and Send Screenshots

Share and send your screenshots with this extension. You can explain and point out with arrows as well.

Web Development

1. csscan

Inspired by the CSS Viewer by Firefox, this extension will allow you to see the CSS properties of the element. This is a very handy extension for web developers.

2. Measureit!

Another great extension. This will help in measuring pixel sizes on any web element.

3. JavaScript Tester

After installing this extension, you wont find a button. Rather, you’ll using keyboard shortcuts to type in and test the javascript.

4. Pendule

This is an ultimate extension for web developers. Find all your tools in one button, install this.

5. SpeedTracer

This extension will identify and fix performance problems in your web applications. Get a better picture of where time is being spent in your application.

Browsing & Searching

1. Google Quick Scroll

The name itself is self explanatory. Browse through the page easier and faster. But don’t worry, Quick Scroll tries to stay out of your way, and shows up only when it is likely to be useful.

2. WOT

Browse safely with this cool extension. WOT ratings will help you determine which sites are to be trusted and which are not. The ratings are powered by millions of experienced users that are trustworthy.

3. GoMBox

With this extension your image search is made easy. You just click on the thumbnail and it brings up a lighbox viewer. This way, you can get a good look on the image without having to go away from your search.

4. FastestChrome

This extension can make browsing easier and faster with less clicks. Searching in multiple pages can be tiring, but with this you just keep scrolling down and you are being taken to the next pages.

5.Google Similar Pages

If you want multiple opinions and views on your research, this extension is perfect for you. This will allow you to open related articles or searches with what you currently have on your screen with a click on the button.

Customization & Navigation

1. Keyboard Navigation

Keyboard shortcuts always gets you around faster than having to move your cursor everywhere. This extension will give you shortcut keys on your browser to get you moving quick & easy.

2. Smooth Gestures

If you prefer moving the cursor than pressing on keyboard shortcuts, not to worry here’s an option for you. With this extension, you can customize your cursor gestures by using both left and right mouse keys. It allows you to move the cursor faster with a smoother flow.

3. Minimum Font

This extension is very useful for users who has a problem in reading small fonts. This extension changes the current smaller font to a more easier to read font. Which means, less eye strain and faster browsing.

4. Apture Highlights

Google searching made better. With this extension, you will be able to search just by highlighting a phrase on any site to reveal the web’s most relevant content without ever leaving the page.

5. browseFrame

Browsing can now be done in a small frame to fit in your current open browser. Now you don’t have to navigate away just to do multiple browsing.

News & Weather Updates

1. Feedly

Compile all your favorite online news and magazine sites in one. With this extension, you will have all updates on everything that goes on without having to go each  website.

2. NPR: News, Music and Books

Listen to News, Music & Stories while browsing. This extension will deliver your daily dose of audio needs.

3.1-ClickWeather for Chrome

Get your weather updates straight from your chrome browser. This extension will give you updates and alert on the latest weather report in your area.

4.Financial Times News

Keep track of the world’s economic & financial status. Install this extension to get regular alerts and reports on the world market.

5. TIME.com Top News

The most renowned News and documentary magazine is now on chrome. Install this extension to get access to top rating stories and articles. You can even go as far back as 1923.

Shopping

1.eBay extension for Google Chrome

Online shoppers’ bestfriend. Get lesser chance of getting outbid by keeping this extension up and running on your browser. Get alerts on your watch lists, bids & won items.

2. PriceTrace

Compare prices from major shops online. Get the best bargain and shop hassle free online. This extension will help you there.

3.Price Blink

Find the lowest prices possible online. Get the best and most outrageous bargains you can ever have and install this awesome extension on your chrome browser. The best shopping experience is at your finger tips!

4.Shopping Buddy

Shopping online is now made safer with this new extension that gives the buyers the ratings of online shops.

5.Chrome Currency Converter

Shopping online, you may have international transactions in different currencies from around the world. This extension will automatically convert to your preferred currency without having to manually compute.

Social Networking

1. AddThis

If you’re addicted to sharing anything and everything you like or dislike from websites, you can do it in just one click. Install this extension and this will make it possible for you.

2. Chromed Bird

Post your tweets straight from your chrome browser, without having to open your twitter webpage.

3. Social Plus!

Customize and play around with your Facebook profile and layout. With the cool themes are offered from this extension, your Facebook experience will be taken to another level.

4.Yoono

You can get connected on Facebook, MySpace, Twitter, Foursquare, LinkedIn, YouTube, Flickr, GoogleBuzz, Yammer, Friendfeed, AIM, Yahoo IM and more…all in one place.

5. Glue

Install Glue, and get updates for the hottest and high rated movies, music & books. Having this on your browser is the ultimate tool to getting the latest and best stuff in entertainment.

Sports Alerts

1.Sports Scoreboard

Get reliable updates on your team scores and install this cool extension on your chrome browser.

2.Are You Watching This?!

Install this well rounded sports extension on Chrome. This will give your the hottest updates on every game, every sport.

3.Advanced F1 Countdown

F1 enthusiasts should follow the latest news and updates on races. Install this on your chrome browser and feel the rush!

4. Ultimate Football Results

Football fans, here’s a Google Chrome extension made just for you. Get the latest news and updates on your favorite teams.

5. Event Ticket Finder

Buying tickets for your favorite sports, theater or concert event is now made easier! Get alerts on events and tournaments with this awesome extension.

Entertainment

1. Avalanche!!

Play this fun game to kill time while waiting for a page to open. Simply install the extension, and you’re ready to go.

2. Scramble

This fun extension can also test your reading ability. Even if you get the words scrambled.

3. Fast Typer

A bit rusty in typing? Test and practice your typing speed with this cool extension.

4. Flixster Movies

Watch cool trailers and read reviews on the latest movies. This extension will surely kill boredom while you wait.

5. SHOUTcast

Install an FM radio on your Google Chrome to listen to music while browsing the web. Isn’t it just awesome?!

Google Essentials

1. Minimalist Gmail

Get a faster Gmail experience by customizing your Gmail app.

2. Send from Gmail

Send emails with your browser without navigating away from your window.

3. Google Voice

Get Google Voice running on your browser with just one click.

4.Google Dictionary

This extension is a very handy tool for students and readers. One more fascinating feature is that it also supports translations.

Still not enough? Check out these previous articles written by us

Awesome Google Chrome Themes

Another great thing about Google Chrome are the stylish themes which gives your browser a new, fresh look.  There are so many choices to choose from but we have collected those which look great.

1. Elegante V2 – 2.0

2. Aero Theme – 1.5

3.Night Spidey – v.01

4. Dark Green – 1.0

5. Blond-Amsterdam

6. Ella Moss

7.Lilly Pulitzer

8.Bayonetta

9.Marc Ecko

10.Charlotte Ronson

11.Koji NISHIDA

12.HIFANA X W+K TOKYO LAB

13.Kid Robot

14.Super Monkey Ball

15. Porsche

Google Chrome Web Apps:

Installable web apps are a way of making Google Chrome treat certain websites like apps. People can find installable web apps using the Chrome Web Store.

Many installable web apps are hosted apps—normal websites with a bit of extra metadata. You can build and deploy hosted apps exactly as you would build and deploy any web app, using any server-side or client-side technologies you like. The only difference is that you must provide a small manifest file that describes the app.

1. Tweetdeck

Get your updates for Twitter, Facebook, Google Buzz & Foursquare with one Application.

2.Autodesk Homestyler

One of the many awesome Google Chrome apps to have. You can play around and make floor plans, design and choose your own furniture, it’s simply amazing!

3.Remember The Milk

Keep track of your tasks and schedule with Remember the Milk. The most popular online organizer is now on Chrome.

4.deviantART muro

Going on deviantART is now just a click away. Create masterpieces and graphic designs with this cool Chrome app.

5.Write Space

Want to get a writing experience without destructions? Install this Google Chrome app and you’ll see what it is I’m telling about.

6. Read Later Fast

You may have run into something interesting but got no time to read at the moment. Don’t worry, install this app and you can add the page on your list to read later.

7. MomoNote

Another awesome organizer for people always on the go. Momo will keep you posted on your tasks and schedules without hassle.

8. imo Instant Messenger

Sign-in on all of your Instant Messengers in one window.

9.Pivotal Tracker

A story-based project management tool that allows software development teams to collaborate and react to feedback in real time. Simple and easy to use.

10.ChromaPaper

Read your articles, news & stories with this application. It allows offline reading as well!

Handy Shortcuts, Tips & Tricks

Learn how to navigate, manage and go around your Google Chrome browser faster and easier. There are lots of tips, tricks and shortcuts you could do to cut short your effort and time. In this part of the article I will gladly share with you the easiest and most useful shortcuts.

Chrome’s Keyboard Shortcuts

  1. (Chrome only) Ctrl+B toggles the bookmarks bar on and off.
  2. (Chrome only) Shift+Escape opens Google Chrome’s Task Manager.
  3. Ctrl+L to move your cursor to the address bar.
  4. Ctrl+K moves your cursor to the address bar to enter a Google search.
  5. Ctrl+T opens a new tab.
  6. Ctrl+N opens a new window.
  7. Ctrl+Shift+T opens the last closed tab.
  8. (Chrome only) Ctrl+Shift+N opens a new window in “Incognito Mode.”
  9. Ctrl+Tab cycles through open tabs; Ctrl+Shift+Tab reverse cycles through open tabs.
  10. Ctrl+J opens the Downloads tab.
  11. Ctrl+W closes the current tab.
  12. Ctrl+R refreshes the current page.
  13. Ctrl+H opens the History tab.
  14. Alt+Home loads your homepage.
  15. Ctrl+1 through 9 switches to a particular open tab position.
  16. Ctrl++, Ctrl+-, Ctrl+0 Enlarges, reduces, and restores default text sizes, respectively.
  17. Ctrl+Shift+T (PC/Linux) or Cmd+Shift+T (Mac) Reopen your last tab with.
  18. Ctrl+P (PC/Linux) or Cmd+P (Mac) to print your current page.
  19. Ctrl+Shift+D (PC) or Cmd+Shift+D (Mac) to save all open web pages as bookmarks in a new folder

-via: Lifehacker.com & Twitter

Tips and Tricks

1. Google Chrome Portable: Browse anywhere with Google Chrome Portable. Just download the software, and save it in your USB device. This is available in  Google Chrome 9.0.597.67 BetaGoogle Chrome 10.0.642.2 Dev for web developers and advanced users.
2. Google Account Synchronization: If you don’t want to carry a Portable Google chrome with you, there is another remedy  that is built right into the browser . You can synchronize your profile data with your Google account and whenever you want to synchronize a Chrome on other computer, just login to your account and resynchronize. You can do so in Options menu.

3. Check Memory Usage: this may help you browse faster by limiting your browser’s memory usage. Right-click on the browser tab in the start bar select ‘Task Manager’. You will get a window showing how much memory is being used by each tab in the browser.

4. Google Chrome Labs (Experiments): Flags in your address bar and enjoy some exciting experiments like side tabs which is a very useful feature for widescreen monitors. Very cool experiments are being showcased just to fit your taste.

5. Clear Selective Browsing History and Downloads: Browse faster by clearing up unwanted or heavy load in your browsing history. Click on the settings icon (wrench icon)>History or you can simply use the keyboard shortcut Ctrl+H (Win) / Cmd+H (Mac). Then click on Edit Items. Put a check on the boxes by clicking which you want to remove from your browsing history.

6. Google Chrome BackupYou can use this tool to backup, restore and manage more than one profile for your Google Chrome. A very handy tool for those who are obsessed with Firefox Profile Manager

Please let us know your feedback and yes if we missed something awesome please feel free to shout out and we will update the article :)

September 22 2010

19:47

Chrome Frame is out of Beta!

Big news: Chrome Frame is now stable and out of beta!

Today, we’re very happy to take the Beta tag off of Google Chrome Frame and promote it to the Stable channel. This stable channel release provides our most polished version of Google Chrome Frame to date, allowing users to access modern web technologies like HTML5 on legacy browsers. You now can download the stable version of Google Chrome Frame and users of the Beta will be automatically updated to it in the days ahead. If you’re an IT administrator, we’ve also posted an MSI installer for deploying Google Chrome Frame in your network.

Chrome Frame is now much faster and stable. It's extremely simple to have a site use Chrome Frame:

HTML:
<meta http-equiv="X-UA-Compatible" content="chrome=1">
 

For the next step the Chrome Frame team is focusing on making start-up speed even faster and removing the need for administrator rights when installing the plug-in.

Congrats to the Chrome Frame team!

[Disclosure: Alex Russell, the chipper-looking fellow in the video, and I have worked together at Google and on Dojo before.]

July 14 2010

21:00

24 Helpful Google Chrome Extensions for Bloggers

Competition between Mozilla Firefox and Google Chrome has been intense since the day Google released their official browser. Chrome is the only browser to hit the market and became so much successful in a short span of time. It has outperformed Apple Safari and Opera in speed and surpassed the extensibility of Firefox. Many Firefox users have been flocking away from Firefox since Chrome launched its Extensions. Many bloggers, including me, have done the same because of the effective and multipurpose extension Chrome is supporting. Today we are featuring helpful extensions especially for bloggers, which can make blogging a really fun and pleasing experience.

1. Zemanta

Zemanta-Google-Chrome-Extensions-bloggers

Using Zemanta, you can enhance your blogging experience and make it fun. It expands regular blogging dashboard giving you content suggestion about the text you are writing, images, links, articles and tags in a simple interface located in the sidebar. It supports WordPress, Blogger, Typepad and other popular publishing platforms. It has a spam-free database of 10,000 news sources and blogs; it will filter the copyright images before suggesting them to you.

Its main information sources are:

  • For Links: Wikipedia, IMDB, Amazon etc
  • For Videos: Youtube
  • For Images: Flickr, Getty
  • For Articles: BBC, CNN and thousands of blogs.

2. Google Reader Notifier

Google-Reader-Notifier-Google-Chrome-Extensions-bloggers

Feeds are very important part of life for any blogger, if you want to remain updated with the world easily then you should use Feeds feature of any website or blog. Google Reader is a very popular Feed reader. If you use Google Reader and love fast feeds then this extension is for you. It displays the Google Reader unread feeds count on a small icon next to your URL bar. Clicking the icon shows a preview of your reading list in a pop-up. If you want to open Reader in new tab then you can configure it from the options page.

3. Untiny

Untiny-Google-Chrome-Extensions-bloggers

There are lots of people like me who are always afraid to open a shortened link, scared of any virus attack, but we can overcome this problem by using this extension. You just have to enter the shortened link and press the extract button, original link will be displayed.

4. WiseStamp

WiseStamp-Google-Chrome-Extensions-bloggers

Signatures in any email are very important for bloggers for contacting with fellow bloggers because it looks professional. This extension allows you to create multiple signatures which can be selected as used in Gmail. It will add IM and Social Profiles like Facebook, Twitter and more below your sign.

5. DayHiker

DayHiker-Google-Chrome-Extensions-bloggers

DayHiker is a Google Chrome extension for Google Calendar. It displays schedules and tasks in a toolbar from your Google Calendar. It is a small but useful extension to manage your schedule and tasks. It has countdown and reminder badges with alarm clock which will help to manage your time effectively.

6. TPGoogleReader

TPGoogleReader-Google-Chrome-Extensions-bloggers

Installing this extension is much recommended if you are feed geek. Using this extension you can work with feeds with leisure. It will help you in both reading and subscribing the feeds. When a website has a new feed, the icon of this extension will turn green to orange, click it to open a popup menu to see the list of feeds available on that page then click anyone of them to read it in Google Reader. It can show the number to unread items still in your Google Reader account. You can configure its Icon click, double-click and triple click actions from the option menu.

7. Split Screen

Split-Screen-Google-Chrome-Extensions-bloggers

Some time your monitor screen become small in front of your work load. This extension allows you to overcome this obstacle and splits the browser in two parts; each one can open a different webpage. You can enjoy browsing two websites at the same time by using this epic extension giving to dual view in your browser.

8. Chrome Chikitizer

Well URL shortening has become very famous since last some years and there are many sites providing this service. This Google Chrome extension named “Chrome Chikitizer” dose the same task effectively and directly from your chrome browser.

9. Shareholic

Shareaholic-Google-Chrome-Extensions-bloggers

It is a saying: “Sharing is Caring”. So every blogger should share the useful knowledge he/she has or amazingly informative web pages with his/her colleague and friends. The easy ways to do so is to install this extension. It is the easiest way to share interesting web pages using Facebook, Twitter, Email, Gmail, Bookmarks and many more. You can choose from 100+ supported services which can be configured from option menu.

10. Drop.io

Drop.io-Google-Chrome-Extensions-bloggers

Most of you people may be familiar with the drop.io service, which assists you to get images, movies or documents from WebPages. This extension uses drop.io and allows you to create drops as well as scrape all media of all kind off of any website and throw it into drop. For example if you are browsing Google Images and you click Drop All Images, this extension will upload all the images to your drop and access then easily in future. You can customize whether the extension always create a new drop or you can set a single default drop for it to be used always.

11. Google Images Large Images

Large-Images-Google-Chrome-Extensions-bloggers

Tired of using Google Images with a very small preview images? Use “Google Images Large Images” extension to over-come this obstacle while browsing Google Images. It will show the actual image size on mouse over which will help you to determine the original beauty of that specific image.

12. Chromed Bird

Chromed-Bird-Google-Chrome-Extensions-bloggers

Although there are many Twitter extensions for Google Chrome but Chromed Bird is the most powerful I have used till now with many features. Using this extension you can use tweet anytime without visiting twitter.com, you can add/remove timeline tabs, create custom search queries that will be updates automatically, preview image links by hovering them. Many more important features are also present in this extension to make your tweeting experience more fast and interactive.

13. TwitterBar

TwitterBar-Google-Chrome-Extensions-bloggers

TwitterBar is a Google Chrome Toolbar which enables you to tweet directly from the current page you are going through. The Page’s Title and URL are automatically entered into the textbox, it also use an auto URL-shortener which can be changed as per your requirements from the Options button on the page locating extensions.

14. SEO Status Pagerank/Alexa Toolbar

SEO-Status-Pagerank-Alexa Toolbar-Google-Chrome-Extensions-bloggers

For regular bloggers it is very important to monitor the SEO status of any blog or website of his/her interest. He/she will know the performance and ranking of the websites of his interest in the eyes of Alexa and Google. The SEO status toolbar is a simple, light-weight and very fast facility of checking Google Pagerank and Alexa Rank for any website or its every page. One other advantage of using this toolbar is that, it will increase the Alexa Rank for the sites you visit just like IE toolbar does.

It don’t rely on any third-party website to collect information, it take the data directly from Google and Alexa hence providing accurate and reliable SEO status of any website.

15. AddThis

addthis-Google-Chrome-Extensions-bloggers

AddThis is the most popular bookmarking and sharing service around the globe. Using this extension you can share a webpage or an article to more than 200 website which includes Facebook, Twitter, Wordpress etc. You can email the current page to any of your friend or family member using this extension; it also provides Print option which enables you to print the page you are currently viewing and you can also translate pages in different languages.

16. Image Cropper

Image-Cropper-Google-Chrome-Extensions-bloggers

Image cropper extension allows to crop images from any website. It can crop images in img HTML element, CSS background images for any HTML element and images in PNG format. Important point is, you cannot take screenshot of a webpage or crop it according to your desire, it can crop images present on web pages only.

17. Facebook Notification Checker

Facebook-Notifications-Google-Chrome-Extensions-bloggers

Facebook notifications help you to interact with your fellow bloggers and friends with ease. This extension is developed to make it easier for you, once you have a new Facebook notification this extension will tell you via a red notification icon. Support is also added for notifying for new messages and friend requests.

18. Google Dictionary (by Google)

Google-Dictionary-Google-Chrome-Extensions-bloggers

Not everyone can master any language even it is his/her mother language. So there is always a need of a dictionary, and how good that will be if you have a dictionary in the same page which you are reading. Now this is possible if you are using Google Chrome, by installing this extension you can get meaning or definition of any word in a small pop-up bubble just by double clicking it.

This extension also offers a address bar dictionary from which you can view complete definition of any word. It supports many international languages like French, German, Spanish and more. But note that, it is a dictionary not a translator; i.e. if you are trying to find meaning of a Dutch word in English, it wont happen.

19. RemindMe

RemindMe-Google-Chrome-Extensions-bloggers

Every one hate to miss some important task, I presume so that you. So better set reminders about the tasks and chores to be done in future. This Google Chrome Extension allows you to setup reminder while you are browsing. Remind yourself of online work to be done later or remind yourself of the jobs you need to complete on a specific time. You can also sync the reminders between your different computers using Chrome built-in “Synchronize My Bookmarks” function.

20. Ibrii

Ibri-Google-Chrome-Extensions-bloggers

Ibrii is a very amazing tool to snip every type of content like images, videos, text from any website. One big advantage of this service is that, it provide the facility to share distinct and trenchant elements unlike other service by the use of which, you can only share the whole web page on Twitter or Facebook. Users have the facility to create permalinks which can be later used or shared on instant messaging or on other social networking sites.

21. Chrome Editor

Coding is a very crucial and significant part of a blogger, people find it difficult to switch between the browser and code editor so this extension is made which allows you to code right within the your browser. I can locally save a code reference for later use on your computer. It has some predefined basic codes like HTML 4 DTD, HTML 5 DTD, CSS and jQuery Functions.

22. Digg for Chrome

Digg-Google-Chrome-Extensions-bloggers

This official Digg extension makes digging easy and fast. You can Digg directly from your browser, it views Digg count for any URL which is displayed in the right of the browser’s address bar. As Digg is one of the largest source to find information of your interest, this extension has a random button that allows you to discover new content from the web.

23. Wordpress Comment Notifier

Wordpress-Comments Notifier-Google-Chrome-Extensions-bloggers

This extension will check for pending comments on your Wordpress blog and displays it as a badge. You can unapproved, Trash, Reply to or mark as spam without opening a new tab. This extension is very handy for bloggers owing more than 1 blog as it can add multiple blogs.

24. ChromePass

ChromePass-Google-Chrome-Extensions-bloggers

ChromePass is a small password recovery tool that allows you to view the user names and passwords which are stored by Google Chrome browser. It will show Origin URL, Action URL, User name and Passwords as well as their fields and the time at which they were created.

Any thing missing or any suggestion? Feel free to inform us about your thoughts in comments :) .

May 27 2010

11:19

Chrome supporting EventSource for server push, and richer Worker API

Rick Waldron has been delving into Chrome and Chromium to find some nice updates.

First, he uncovers new support for the EventSource API that allows for simple server push of DOM events as shown in this simple client and server pairing:

JAVASCRIPT:
document.addEventListener('DOMContentLoaded', function () {
 
  var eventSrc  = new EventSource('events.php');
 
  eventSrc.addEventListener('open', function (event) {
    console.log(event.type);
  });
 
  eventSrc.addEventListener('message', function (event) {
    console.log(event.type);
    console.log(event.data);
  });
}, false);
 
PHP:
<?php
header("Content-Type: text/event-stream\n\n");

// despite not having the while(true){}
// this seems to repeat pushing messages to the client
echo 'data: ' . time() . "\n";
 

Then, he finds out that the Web Worker API now supports complex messages, so you can postMessage more than Strings. Send over objects and Arrays with ease:

JAVASCRIPT:
//  TEST ANOTHER THREAD SAFE OBJECT ARG
var obj = new Object();

obj.isArray         = [ 1,2,3,4,5 ];
obj.isString        = 'Foo bar baz',
obj.resultOf        = (function () {
                        return 'returned from self executing function';
                      })();
worker.postMessage(obj);

//  TEST STRING ARG
worker.postMessage('Hello Worker Process');

//  TEST ARRAY ARG
worker.postMessage([ 1, 2, 3, 4 ]);

//  TEST BOOLEAN ARG
worker.postMessage(false);
 

May 25 2010

17:48

Google Chrome for Mac out of beta

Google has finally pushed their browser Chrome out of beta and offering stable releases as of today. Fire up your downloads.

May 19 2010

17:04

Chrome Web Store? I want an Open Web Store

The Chrome Web Store was shown off at the Google I/O keynote (streaming live) today along with the other great news of open codecs, great new tools, and more.

I found myself torn about this one. For one, it seems tied into Chrome itself. The problem that Sundar stated (developers needing a good channel; users having a hard time finding things) is valid for the entire Web. We don't need a Firefox Web Store, IE Web Store, etc etc etc. We have an opportunity to do better here.

That being said, it was great to see the early stages here and how they give developers the ability to place your Web application in to an experience where you can put a price tag on top.

I would love to get details here. How do you package the application? Do you have to upload the package to the store?

I wonder if there is room for a distributed system that allows me to put a price tag on my web application, but keep it at my URL.

What do you think? There is a session on the store... so I look forward to the deets!

May 13 2010

15:01

Switching to Chrome? Download these Extensions

When Chrome first entered the browser wars in September 2008, although it quickly acquired a big 1% of the audience, many resented the fact it wasn’t as extensible as the long-time favorite Firefox browser. Developers want add-ons – things that’ll make their coding faster and easier, with less room for mistakes. Things which, let’s face it, Chrome couldn’t yet offer. But things have since changed.

Chrome features a vast collection of extensions at the moment. It also regularly beats its opponents in various speed and compatibility tests, while the great set of developer tools promoted the browser to a very interesting solution for web enthusiasts. But does it have enough ‘extension power’ to overcome Firefox? Check out the following twenty extensions, and make up your own mind!


1. Web Developer

Some of you might be familiar with this plug-in from Firefox. Although the Chrome version can’t disable JavaScript, due to some restrictions from the browser’s side, WDT remains one of the most powerful additions to a web developer’s arsenal.

You can easily outline different elements of a site, and test it in various environments (for instance, without CSS and images) through the extension. It also offers quick access to important code validation services and some other interesting options.


2. Pendule

Though it isn’t filled with features like Chris Pederick’s Web developer toolbar, Pendule proves itself to be worthy of comparison against the famous Firefox add-on.

Other than the basics (source, images, validators), it contains a couple of very cool tools, like the ruler and the color picker, which will be highly valued by web developers and aren’t a part of WDT.


3. Chrome Sniffer

No, Chrome sniffer can’t produce smells equivalent to your screen picture. Sorry. However, if you’d like to find out which frameworks and libraries a particular site uses, that’s an area sniffer can help you with.

As appealing as looking through someone else’s uncommented code might sound to you, there are times when a web developer doesn’t have time to play games. Sometimes you may just want to figure the library out and get it over with. Is the site using jQuery? Yes? OK, let’s move on. That’s what Code sniffer is all about.


4. Chrome SEO

Although still in Beta, Chrome SEO is one of the best search engine optimization analyzers you can find as a browser extension these days.

It provides easy access to various tools that can help you out with Competitive Analysis, Keyword Research, Backlink Checks, PageRank Checks and other daily SEO tasks.


5. Speed Tracer

Speed tracer is an official Chrome extension, developed by Google. It tracks your site performance in real-time, generating reports on various problems that might have occurred while communicating with the server. You can then use these metrics to optimize your code for better site performance.

Note: You should read the getting started guide before using Speed tracer.


6. Frame Two Pages

“Frame Two Pages” does exactly what it sounds like; it splits your two tabs into resizable frames. In other words, your physical screen will be split into independent areas.

Once you click the extension’s icon, the current tab will be merged with the previous (left) one into a frameset with two rows or columns (frames). Unlike the other similar extensions, “Frame Two Pages” can open links in the same frame they were clicked in.


7. Snippy

Snippy allows you to grab snippets from web pages and save them for future use or upload to Google Docs. The extension is very useful when copying a lot of information from various sites, since it shortens the cpoy/paste process to only one simple click.


8. IE Tab

No matter how much we hate it, the fact remains that some sites need Internet Explorer to work properly. IE tab acts as if you had the Internet Explorer engine running inside your Chrome browser.

Although most developers will use IE tab to test their work in Internet Explorer, the extension can also be used to access local (file://) URLs (not possible through Chrome itself).


9. Color Picker

Color picker can provide you with both hexadecimal and RGB values of a currently selected color. It does a pretty good job most of the time, but the desired site must be fully loaded at 100% zoom level for best results.


10. BuiltWith

Similar to Chrome sniffer, BuiltWith does a great job of understanding which technologies and frameworks a particular site is using. In addition to their names and short descriptions, you’ll be provided with usage statistics and a list of other websites using the same technologies.


11. Lightshot

LightShot is a tool which allows you to easily make screenshots of any area of a website. You just hit the Lightshot icon on the toolbar; select an area you want to make a screenshot of, and click “Save” or “Upload to server”. In case of uploading you instantly get a link to the screenshot you’ve just uploaded.

You can also copy or edit your screenshots (add text, draw lines and more other functions) using an on line tool much reminding of Photoshop.


12. Xmarks bookmark sync

If you’re working on multiple computers, you likely know it’s not easy to maintain synchronization between your bookmarks in order. Maybe one of the PCs is using Firefox, the other one Safari, the third Chrome, etc. You can’t just keep copying all your bookmarks between them forever.

And you don’t have to, because Xmarks will do that for you. It can synchronize across multiple computers and web browsers, and is available as a free extension for Chrome, Firefox, Safari and Internet Explorer.


13. Web of Trust

Chrome is an extremely safe browser. The safety measures actually go as far as to start entirely new processes for each tab; so there is very little room for any wandering viruses to crawl thorough and attack your computer. It also warns you if you’re visiting a site that is on the Chrome “blacklist.”

If you need more security, “Web of Trust” is for you. WOT ratings are powered by the users and their experiences with websites, so it’ll warn you when trying to access a site others have had problems with. It’ll also rate your Google/Yahoo/Bing search results so you are warned about a particular site reputation in advance.


14. Last Pass

LastPass is a free online password manager and form filler that easily remembers your on line passwords and auto-fills them for you. The only password you’ll need to remember from now on is the one of your Last pass account!


15. Chromeshark

ChromeShark is a Chrome extension containing basic playback controls for your Grooveshark account. You can pause a song, skip it, or stop the playback entirely.

Note: The extension has problems when multiple Grooveshark tabs are opened.

16. Recent History

Chrome has a fairly complicated way of accessing your browsing history. It can be done through two long mouse clicks! That’s why Recent history is such a big time saver. It’s positioned in the right-hand side of your address bar, and allows you to access the recently closed tabs and most recently visited pages from only one pop-up.


17. L(ink)y URL Shortener

Twitter users will absolutely adore this extension. It automatically shortens your URLs using the popular Bit.ly URL shortening service. It also remembers the most recent shortened URLs so you don’t have to retype them.


18. Tab Menu

For those who like to get carried away opening new tabs in Google Chrome, this tool will be of great assistance. Instead of looking at tiny horizontal tab icons, it gives you a vertical overview of all your current tabs opened and enables searching as well!


19. Note Anywhere

With “Note Anywhere,” you can post a sticky note on any page you are viewing, customize it, and then review the note on a later date.

It can be quite useful when doing on line research, since the sites you posted the stickers on will be remembered in the extension’s options page. They remain posted until you delete them.


20. Auto Translate

This translator can be customized according to your preferences, so you can choose when will the translate pop-up appear.

For instance, you could set it to translate from English when Control double clicked, but to try to detect the language automatically when you Shift select a word.


Thanks so much for reading. Which ones are your favorites? Any I missed?


May 11 2010

10:00

32 Google Chrome Extensions For Smart Designers

Google chrome is a relatively new web browser but it has already gained huge popularity with its great speed and features. Web developers must work more faster and more productively – what could help more than these extensions aimed to ease your daily development process and save time.

At least for me – none of extensions have made browser load speed slower – I cannot say this about Firefox though, which I don’t use anymore. Scroll through this list – I am sure you will find at least few new extensions to use daily!

1. FireBug Lite

I hope we all know FireBug addon for FireFox, so here is the same extension but only for Chrome. 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.

2. Resolution Test

Resolution Test changes the size of the browser window for web developers to preview 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.

3. 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. Speed Tracer is available as a Chrome extension and works on all platforms where extensions are currently supported (Windows and Linux).

Using Speed Tracer you are able to get a better picture of where time is being spent in your application. This includes problems caused by:

  • Javascript parsing and execution
  • Layout
  • CSS style recalculation and selector matching
  • DOM Event handling
  • Network resource loading
  • Timer fires
  • XMLHttpRequest callbacks
  • Painting
  • and more …

4. Web Developer

The Web Developer extension adds a toolbar button to the browser with various web developer tools. This is the official port of the popular Web Developer extension for Firefox written by the same person.

5. Pendule

Use this extension in addition to the built-in Developer Tools. This tool is so similar to FireBug. You can just press mouse button and inspect the element.

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.

Features:

  • Save to desktop, host online, or edit in other Aviary apps.
  • Captures instantly.
  • Screen capture of the visible portion of all web pages and images.
  • Add visual notes like arrows, text and highlights to your capture.
  • Crop your capture.
  • Resize, rotate and flip your capture.
  • Smart select and move of captured elements.
  • Grab color information from the page.
  • Quick launch 6 Aviary design tools: Image editor, markup editor, vector editor, color palette editor, effects editor & audio editor.

7. Chrome Web Developer Tools

This extensions developers are trying to get this as close as possible to “FireFox Web Developer” addon. This extension made easy the web development.

8. Chrome Sniffer

Chrome Sniffer will help web developer to inspect web framework / CMS and javascript library running on current browsing website. An icon will appear on address bar indicates the detected framework. Great way to know what source site is using (if source is opensource and it is popular).

9. Lorem Ipsum Generator

It generates random “Lorem Ipsum” text, it allows to choose words per paragraph and number of paragraphs.

10. PlainClothes

Unstyle the web with this tool. PlainClothes makes everything as possible closer to default or your wanted style. 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. And all text is rendered in your default fonts (as defined in “Options” > “Under the Hood” > “Change font and language settings”). Everywhere. Automatically.

This is how 1stwebdesigner.com looks using this tool:

11. Internet Explorer Tab

Internet Explorer Tab shows IE in Google Chrome. Very simple extension. I think it’s very useful to not to use IE.

12. 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.

13. SEO Site Tools

It validates CSS and HTML, displays server software, checks for gzip compression, page headers and shares even more on-page suggestions based on accepted SEO knowledge. It can disable right-click scripts, and does window resizing to see where fold would be on different size monitors. Fast clean simple UI with a wealth of SEO information makes doing a quick consult fast and easy.

14. META SEO Inspector

Meta data is not just the usual HTML meta tags, but the XFN tags, various microformats, the recently introduced canonical attribute, the no-follow links and so on.

15. Validity

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

Just click the icon in the address bar to validate the current document without leaving the page. The number of validation errors can be seen in the tool tip.

Validity also gives you the option to use your own installation of the W3C Validation Service. (For more information on installing the W3C Validation Service see the documentation at http://validator.w3.org/docs/install.html).

16. Eye Dropper

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

17. Color Picker

Quickly get the Hex and RGB values of any color! Also adjust Hue, Saturation, and Balance.

18. Image Cropper

This extension help you to crop any images on the fly.
It’s especially useful when you need to crop your online album photo for IM thumbnail.

  • Crop images in img html element
  • Crop css background images for any html element
  • Cropped Image is in PNG format
  • Right click on top of the selection to “save as” the cropped image.

19. Webpage Screenshot

Makes screenshot of whole page even if page is very long.

20. Picnik

The Picnik Extension for Chrome lets you easily edit the images you come across while browsing the web. With a click you can create a snapshot of your current web page and open it in Picnik for easy editing, annotation and sharing. Do the same for all the image on the current page — just pick the image from the dynamic hot list and then edit, annotate and share with Picnik. It is a great replacement to PhotoShop!

21. MeasureIt!

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

22. Pixlr Grabber

Grab visible screen, select part or entire page. Share screen to Pixlr imm.io, edit screen in Pixlr editor or save to desktop. This is one of the few who can capture the entire screen, however since Chrome just supports canvas in png the images created gets quite large and takes a while to process.

23. Domain Availability Checker

Quickly check if domain name is already taken or not.

24. Snippy

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

25. 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.

26. 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. BuiltWith’s goal is to help developers, researchers and designers find out what technologies pages are using which may help them to decide what technologies to implement themselves.

27. LastPass

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

28. iMacros

Automate your web browser. Record and replay repetitious work. Web developers use iMacros for web regression testing, performance testing and web transaction monitoring. It can also be combined with Google Speed Tracer, Firebug and other web development and test tools. XPath support is included.

29. Chrome Flags

It shows the country where the server is hosting.

30. Frame Two Pages

Put two tabs into one tab’s two frames. Useful to compare two pages.

31. Split Screen

Works very similar to “Frame Two Pages” extension, but the main difference is that you can browse pages not switching tabs.

32. Session Buddy

Session Buddy is a flexible session manager that allows you to quickly save and restore session tabs.

  • View all of the tabs in each window of a current or saved session
  • Assess easily whether a displayed session has changed
  • Save the current session with 2 clicks
  • Restore sessions into a set of windows, a single window, or the current window
  • Access automatically saved crash recovery sessions after a Chrome or OS crash
  • Optionally automatically save the previous session
  • Edit sessions by deleting individual windows/tabs or rolling tabs into a single window
  • Import a list of URLs
  • Export a session to text or CSV format (more formats in development)
  • Control what types of tabs Session Buddy recognizes
  • Show/hide current session tab count in extension icon badge

April 22 2010

10:36

Desktop Notifications with Webkit

Mohit Muthanna has a nice blog post explaining how you can create desktop notifications with the latest Webkit/Chrome.

desktop-notifications

There are essentially three API calls you use:

  • window.webkitNotifications.requestPermission(callback) - Request access to Desktop Notifications for this domain.
  • window.webkitNotifications.checkPermission() - Returns 0 if this domain has Desktop Notification access.
  • window.webkitNotifications.createNotification(icon,title,body) - Returns a popup notification instance, which you can display by calling show() on it.

The demo code is pretty straight forward:

JAVASCRIPT:
  1.  
  2. function Notifier() {}
  3.  
  4. // Request permission for this page to send notifications. If allowed,
  5. // calls function "cb" with "true" as the first argument.
  6. Notifier.prototype.RequestPermission = function(cb) {
  7.   window.webkitNotifications.requestPermission(function() {
  8.     if (cb) { cb(window.webkitNotifications.checkPermission() == 0); }
  9.   });
  10. }
  11.  
  12. // Popup a notification with icon, title, and body. Returns false if
  13. // permission was not granted.
  14. Notifier.prototype.Notify = function(icon, title, body) {
  15.   if (window.webkitNotifications.checkPermission() == 0) {
  16.     var popup = window.webkitNotifications.createNotification(
  17.       icon, title, body);
  18.     popup.show();
  19.     return true;
  20.   }
  21.  
  22.   return false;
  23. }
  24.  

The user request happens the same way the W3C geo location API requests access - a toolbar popping up asking you if you are OK to see Desktop Notifications. This is good as I can see this being used by people to fake IM messages - much like they do now in the browser.

The notifications animate in from top right and have the originating URL and a "block" link - which makes it hard to use them for phishing.

Interesting concept and if it could use native systems like Growl it would spell the end of awkward alerts and hand-rolled notification windows in the document.

February 10 2010

17:48

Why Web Developers Should Switch to Google Chrome

Check out Chrome 4’s great new features for developers, such as cross-platform support, awesome web inspector integration, and handy new extensions. It’s becoming more and more difficult to deny Chrome the title as the new browser for web developers. If it’s not quite there yet, it will be soon!

Introduction

With quick load times, a snappy JavaScript engine, solid WebKit foundation, and big-name backing, Google Chrome has been gaining a respectable market share, even surpassing Safari to become the 3rd most popular browser in December. For developers, however, Firefox has been the sweetheart of many due to its ability to run on any operating system and because of its rich offering of web development add-ons, such as Firebug and the Web Developer Toolbar. But it’s important to test JavaScript in all browsers, and having a robust set of tools in each (including Internet Explorer), is precisely what developers need to make the most of their code.

Lucky for us, the Google folks have been working hard to make Chrome cross-platform, integrate WebKit’s fantastic Web Inspector, and add extensions, making Chrome 4 an amazingly useful tool for web development. In this tutorial, I’ll demonstrate some of the features that make Chrome 4 a great addition to the web developer utility belt.

Downloading Chrome 4

As of January 25, Chrome 4 has been officially released as stable for Windows. Mac and Linux users, however, we have to be a bit more brave in order to experience all that Chrome 4 has to offer. Mac users need to download the “dev” version, and Linux users the “beta” version, and it’s highly worth it! Check out the following links to get a copy of Chrome for your operating system that supports everything we’ll discuss in this article:

Web Inspector (aka Developer Tools)

A screenshot of the Profile Panel of the Chrome Developer Tools

Now let’s get into the nitty gritty! In Firefox, Firebug is a godsend for developers, providing a debugging console, HTML & CSS manipulation, JavaScript profiling, and a whole lot of other goodness. The WebKit folks took notice and over the last couple of years have been perfecting a set of tools called the Web Inspector, which offers a similar set of features to Firebug. Within Chrome 4, the Web Inspector is labeled “Developer Tools.”

Accessing the Web Inspector/Developer Tools

A demonstration of how to access the Developer Tools on Google Chrome for Mac

In addition to Chrome 4, the Web Inspector has been in action for a while from within previous versions of Chrome and Safari, although it’s a bit hidden. To access the Web Inspector in various browsers:

Safari 4

  • Select “Edit > Preferences” (Windows) or “Safari > Preferences” (Mac)
  • Select the “Advanced” tab
  • Check “Show Develop Menu in menu bar”
  • A new menu item, “Develop,” will appear
  • Select “Develop > Show Web Inspector”

Chrome 3 (Windows only)

  • Select the Wrench
  • Select Developer
  • Select JavaScript Console (the whole range of tools are hidden under this name)

Chrome 4

  • Windows / Linux: Select the Page Icon > Developer > Developer Tools
  • Mac: Select View > Developer > Developer Tools

JavaScript Console

A screenshot of the Console Panel within the Chrome Developer Tools

If you haven’t worked with the Firebug or Web Inspector console, then you’re missing out on a great way to help debug JavaScript. The JavaScript console serves several important functions, such as capturing errors and presenting them in a useful format, testing short bits of JavaScript, and as a convenient place to log useful information like variable values and execution times. Practically speaking, I use this tool regularly to evaluate the performance of my programs and to ensure that certain variables are being calculated correctly.

Elements Panel

A screenshot of the ELements Panel within the Chrome Developer Tools

In addition to the JavaScript console, it’s always nice to have a tool that allows you to quickly view the HTML and style information of particular elements on the page. The Web Inspector Elements panel gives a tree-structure view of the Document Object Model (DOM), allowing you to drill down into the document to select an item of interest. You can also access the information of a certain object by right clicking on an item within the browser and selecting “Inspect Element.”

Finally, I should note that the Elements panel allows for much more than simple inspection. You can modify and add styles, edit html, and in the latest versions, view event listeners attached to a selected DOM element. These features can all come in very handy when you’re dealing with little quirks that you can’t quite figure out.

Resources

A screenshot of the Resources Panel within the Chrome Developer Tools

The last feature I’d like to highlight within the Web Inspector/Developer Tools is the “Resources” tab. If you’ve worked with Firebug’s “Net” tab, then you’ll notice several similarities. Essentially, the Resources tab gives a breakdown of all the information that is exchanged between your browser and the server, from the images to the JavaScript to the document itself. It also shows a ton of handy information, such as:

  • A graph of the time it takes to download each component
  • A graph showing the size of the various components
  • A way to sort the requests by type, e.g. Documents, Stylesheets, Images, etc.
  • Image previews with dimensions, file size, and MIME type displayed below
  • Request and Response Headers
  • XML HTTP Request (XHR) information

An elegant tool that allows for easy inspection of page speed, the Resources tab can aid you in identifying and squashing performance bottlenecks. Give it a try and see where your page is too fat, then slim down your chunky images and code to provide a better experience for your users!

Further Reading

A complete overview of the Web Inspector/Developer Tools could easily be a tutorial on it’s own, but we have more ground to cover! I highly recommend checking out the following resources to learn more:

Extensions

Now, while I’ve always been blown away by the speed of Safari 4 and Chrome as compared to Firefox, they’ve both lacked a critical feature: add-ons. In Chrome 4, that all changes with the addition of “extensions.” You can add functionality to Chrome by downloading and installing extensions or by using the standard tools of the trade: HTML, CSS, and JavaScript, to write your own. Extensions can be downloaded from the Chrome Extensions Repository, and should be fairly simple to install. Already, a number of very compelling extensions have been created which aid web development, from quick validation to resolution testing. Let’s take a look at a few.
        

Speed Tracer

A screenshot of the Speed Tracer extension

A web developer can never really be obsessed enough with performance, and the more tools that identify sluggish performance the better. That’s just where Speed Tracer, a Chrome extension developed by Google, comes into play. Speed Tracer takes the “Resources” panel to the next level by providing a visualization of the time it takes to execute low-level tasks, such as rendering CSS or parsing HTML and JavaScript. I’d highly recommend taking a look at a video demonstration of Speed Tracer put together by the folks at Google to get a better idea of how it can help you improve the performance of your applications.

Pendule

A screenshot of the Pendule extension

Moving from Firefox to Chrome, one extension everyone is going to look for is a replacement of the fantastic Web Developer Toolbar. For those who don’t know, the Web Developer Toolbar deals with the tasks Firebug wasn’t meant to handle, such as quick validation of HTML and CSS, the ability to quickly disable JavaScript or images, and a tool for checking links. Those functions are all handled with style by Pendule, which offers much of the core functionality of the Web Developer Toolbar (not quite all), while offering a few goodies of it’s own, such as a color picker.

Resolution Test

A screenshot of the Resolution Test extension

Web Developers often need to ensure that their designs work at a variety of resolutions. Resolution Test allows developers to efficiently resize their browser window to a number of common resolutions for quick and easy testing. The latest version even allows you to open multiple windows at different resolutions with only a couple of clicks. Resolution Test is fantastic for making sure your target audience is seeing the page you want them to see.

Webpage ScreenShot

A screenshot of the Webpage ScreenShot extension

There are occasions when its necessary not only to grab a screenshot of the current visible portion of a website, but a screenshot of the whole page. For example, you may want to print a full page for peer critical review or to demonstrate in your portfolio. I formerly used a Desktop tool for this, but now Webpage ScreenShot does a nice job of capturing full-page screenshots in a few clicks.

Chrome Sniffer

A screenshot of the Chrome Sniffer extension

Do you ever stumble upon a fantastic page and wonder, “what are they using to build this?” I do, and often find myself digging through the source code trying to figure out who the man behind the curtain is. While it is a useful training exercise, and a necessary one if you really want to know what’s going on, Chrome Sniffer can usually give you a snapshot of which JavaScript and PHP frameworks are in use for a particular page. For example, navigate to NetTuts and Chrome Sniffer informs us that it’s run on Wordpress using Google Analytics and jQuery.

Conclusion

The future of web development continues to look brighter and brighter! While only a few years ago we had a limited set of tools for debugging JavaScript, tinkering with CSS, and viewing HTML, today we have a variety of powerful options. Now that Google Chrome has become cross platform, fully integrated the WebKit Web Inspector, and added extensions, it is a versatile tool for helping developers improve their own pages. I encourage all of you to download a copy for yourself and give it a shot to see if it can help you improve your pages, then come on back here and share your favorite plugins and tools with the rest of us!

Write a Plus Tutorial

Did you know that you can earn up to $600 for writing a PLUS tutorial and/or screencast for us? We’re looking for in depth and well-written tutorials on HTML, CSS, PHP, and JavaScript. If you’re of the ability, please contact Jeffrey at nettuts@tutsplus.com.

Please note that actual compensation will be dependent upon the quality of the final tutorial and screencast.

Write a PLUS tutorial

January 14 2010

09:31

Are You Ready To Transfer To Chrome? – 30 Irreplaceable Chrome Extensions

Title-valuable-google-chrome-extensions-web-designI’ve always been using Firefox browser, I mean already for 5–6 years and never thought I would want to choose something else. Firefox is great browser and what makes it so great is all those thousands of plugins you download freely. You can find now plugin for almost everything you could ever think of – there is only one big downside. Firefox is much slower than Chrome and actually eat’s more of computer’s CPU than other browsers.

I have a friend who suggested to try Chrome again and I thought I will give it a try – now I will check how much and how good extensions Chrome has and is it enough to transfer now???

This article will try to answer to question – can designer, web developer, social marketing, SEO person actually transfer to Chrome without any loss of extension features. Are there something similar to FireBug, WebDeveloper, Color Picker, SEO For Firefox, Alexa ranks, debugging tools, which can be replaced to be used daily?

Let’s put Chrome on test – shall we?

If you know a little about Google Chrome read our previous article about this browser features – Google Chrome Review.

Chrome Extensions For Daily Browsing

1. Aviary Screen Capture

Take a screen capture of the visible portion of any web page and it will open in an editor where you can crop it, add text and arrow markup, get color information or move around areas. You can easily save it to your desktop or host it online. The extension also lets you quick launch any of Aviary’s web editor design apps. View extension screenshots by clicking on the thumbnail and using the arrow keys.

Aviary-valuable-google-chrome-extensions-web-design

2. Xmarks Bookmarks Sync

Backup and sync your bookmarks across computers and browsers. Xmarks is also available for Firefox, Safari and IE.

Since I am working on one computer at work and laptop, I love this automatic tool syncing my bookmarks  and allowing me to worry about other things.

Xmarks-valuable-google-chrome-extensions-web-design

3. AdThwart

Block ads on websites. Supports EasyList and many other ad blocker filter lists.

Adthwart-valuable-google-chrome-extensions-web-design

4. Evernote Web Clipper

Evernote’s Web Clipper extension let you save interesting stuff you see on the web.

Evernote-web-clipper-valuable-google-chrome-extensions-web-design

5. LastPass

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

Last-pass-valuable-google-chrome-extensions-web-design

6. RSS Subscription

This extension auto-detects RSS feeds on the page you are reading and upon finding one will display an RSS icon in the Omnibox, allowing you to click on it to preview the feed content and subscribe. Very handy extension for daily blog browsing.

Rss-subscription-valuable-google-chrome-extensions-web-design

7. Chrome Gestures

Allows you to execute common commands (like page forward/backward, close tab, new tab) by mouse gestures drawn over the current webpage, without reaching for the toolbar or the keyboard.

If you don’t know how mouse gestures work, check out this video.

Gestures-valuable-google-chrome-extensions-web-design

8. Google Similar Pages beta (by Google)

Discover webpages similar to the page you’re currently browsing. I understand this extension works similar like StumbleUpon, but it’s more objective because it’s based on Google search engine and it’s been released by Google – cannot be bad!

Similar-pages-valuable-google-chrome-extensions-web-design

Here I tested it on my own website and got 4 very popular design blogs displayed – first test looks good, I am trying it more definitely.

Similar-1st-valuable-google-chrome-extensions-web-design

9. Feedly

A magazine-like startpage. A fast and stylish way to read and share the content of your favorite sites and services. Provides seamless integration with Google Reader, Twitter, Delicious, YouTube and Amazon.

Feedly-valuable-google-chrome-extensions-web-design

10. Delicious Chrome Extension

Very simple and clean Delicious extension allowing you to simply bookmark page to Delicious. This extension adds just one button, without whole bookmark bar, I loved it!

Delicious-valuable-google-chrome-extensions-web-design

11. Google Quick Scroll

Google Quick Scroll is a browser extension that helps you find what you are searching for faster.  After you click on a Google search result, Quick Scroll may appear on the bottom-right corner of the page, showing one or more bits of text from the page that are relevant to your query. Clicking on the text will take you to that part of the page.

Google-quick-scroll-valuable-google-chrome-extensions-web-design

Chrome Extensions For Social Networking

12. Google Mail Checker

Displays the number of unread messages in your Google Mail inbox. You can also click the button to open your inbox, very handy tool for daily browsing.

Mail-checker-valuable-google-chrome-extensions-web-design

13. Chromed Bird

Chromed Bird is a Twitter extension that allows you to follow your timelines and interact with your Twitter account.

Chromed-bird-valuable-google-chrome-extensions-web-design

14. Facebook for Google Chrome

Extension which lets you read your Facebook news feed and wall. You can also post status updates.

Facebook-valuable-google-chrome-extensions-web-design

15. StumbleUpon Extension

Simple StumbleUpon toolbar for Chrome, you should be very familiar with it if you are stumbling daily.

Stumbeupon-valuable-google-chrome-extensions-web-design

16. goo.gl url shortener

goo.gl url shortener is an extension which allows you to shorten the current website URL with the new Google URL Shortener service http://goo.gl/.

Url-shortener-valuable-google-chrome-extensions-web-design

Chrome Extensions For Web Designers, SEO specialists and Web Developers

17. Lorem Ipsum Generator

Many other extensions of this type – in other browsers – simply complicate this task, using really extensive code, XHR, etc. The main purpose of this one, is to use the less amount of code (and also memory) and help the developer/user to get the job done.

Great and simple classic Lipsum extension, required in every designer’s toolbar.

Lorem-ipsum-valuable-google-chrome-extensions-web-design

18. 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.

Firebug-lite-valuable-google-chrome-extensions-web-design

19. META SEO inspector

A Google Chrome extension useful to inspect the meta data found inside web pages, usually not visible while browsing.

Meta-seo-valuable-google-chrome-extensions-web-design

20. Pastebin

Post and coloring source code (C, Python, Ruby, HTML, CSS, …) on a pastebin service. Although useful for the share on the forums, IRC or social networks (like Twitter).

Pastebin-valuable-google-chrome-extensions-web-design


21. Speed Tracer (by Google)

Get insight into the performance of your web applications.

Speed-tracer-valuable-google-chrome-extensions-web-design

22. Resolution Test

An extension for developers to test web pages in different screen resolutions, with an option to define your own resolutions.

Resolution-test-valuable-google-chrome-extensions-web-design

23. Copy Without Formatting

Provides various ways (customizable keyboard shortcut, floating button, or auto-copy) to copy your selection WITHOUT formatting.

Copy-without-format-valuable-google-chrome-extensions-web-design

24. 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. Great for web developers who want to test the IE rendering engine, users who use sites with ActiveX controls, and users who want to use the explorer view for local files (i.e. file:// URLs).

Ie-tab-valuable-google-chrome-extensions-web-design

25. Chrome SEO

I couldn’t live without great SEO tool, where I could see stats of current page I am visiting, this tool is under development still, but already it’s very lightweighted, fast and working just excellent.

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

Seo-plugin-valuable-google-chrome-extensions-web-design

26. PageRank

Very simple and light extension which only task is to display pagerank automatically while page loads. For advanced browsing I would use Chrome SEO, but for automatic,fast stats display I like this plugin in my Chrome Extensions as well!

Pagerank-valuable-google-chrome-extensions-web-design

27. SitezMeter

SitezMeter displays traffic charts from Google Trends, Alexa and Compete side by side, as well as ranks. This extension is a handy tool to webmaster, web site owner and SEO/SEM specialists.

Of course, you can go to SitezMeter website directly, but this helps sometimes to do it faster in handy way, anyway – your pick!

Sitezmeter-valuable-google-chrome-extensions-web-design

28. Chrome Flags

Chrome Flags displays a country flag indicating about the physical location of the websites you’re visiting. The extension also provides access to detailed information regarding the website’s servers, owners, traffic and trustworthiness.

Flags-valuable-google-chrome-extensions-web-design

29. Eye Dropper

Eye Dropper and Color Picker extension which allows you to pick color from any webpage or from advanced color picker. You can also check option, that selected color HEX code will be automatically copied to clipboard. This tool is even more handier than ColorPicker on FireFox, because HEX code I needed to copy/paste manually.

Eye-dropper-valuable-google-chrome-extensions-web-design

30. MeasureIt!

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

Yes, this popular Firefox extension for designers is available on Chrome as well! Great!

Measure-it-valuable-google-chrome-extensions-web-design

31. Pendule

Measure-it-valuable-google-chrome-extensions-web-design

Built in features for developers

I didn’t know there are already built in features for web developers, but wow, there is – and you don’t need to install anything.

This “Inspect Element” feature works similar like Firebug, but it has different features. Just select and element, text you are interested in, click right mouse button and check inspect element – you will get advanced and precise results right away! Very, very handy!

Read more about built-in features for developers in this google guide.

Built-in-valuable-google-chrome-extensions-web-design

Summary

While testing all those different extensions, what I enjoyed the most – extensions are super easy and extremely fast to install/uninstall/activate. I was used to Firefox restart browser statement all the time, I never really thought about it. With Google Chrome you just click on install button and extension is live and working in seconds without any slow downloading or restarting, lagging. And in the same time, if I decided not to keep that extension, I could easily uninstall it as well without any problems.

I am amazed, it took me so long to try Chrome extensions, because I thought there could be nothing better then Firefox, all those thousands of plugins it has and there no way Chrome could compete with something like that EVER.

Dear readers, I was very wrong – of course, there aren’t so many extensions available just yet, but already all of them works way better, way faster and for now I haven’t got any problems with Chrome at all – just big, positive surprises.

For designers and developers I would suggest to give Chrome a try and check out design related extensions, there are already. They aren’t so much but already very handy and fast to use, which usually wasn’t the case with Firefox however.

Huh..but for daily browsing, tweeting, stumbling, mail management, blog writing ( yes, I mean all bloggers) – I suggest to switch to Chrome today and give it a chance. Try it for 3-4 days, install several your favorite extensions from this list and I am pretty sure, you will not want to go back to Firefox for daily browsing. Just my personal opinion, but I was very strong Firefox lover until yesterday, so there must be something good with this new browser I think :)

Let me know about your pros,cons and experiences with Chrome comparing it to Firefox! Let’s go to browsing!

You can download latest Chrome version here, but you need to install Google chrome BETA version in order to use and try extensions as well – get it here.

Related posts:

  1. Especially for MAC users: Google Chrome Review
  2. Popular Firefox Extensions for SEO masters
  3. 20 Professional Mozilla Firefox 3.5+ Ready Themes
  4. 33 Promising Web Development And Social Network Firefox 3.5 Plugins
  5. The Best 50 Firefox add-ons for Web-developers!

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...