Chromebook Mobile: January 2015

Cloud Computing and Blogging w/ Chromebooks, Chrome, and the Google Chrome OS: ChromeBook.mobi - Simplify your life!

Reviews: 5 Simple Chrome Web Design Tools

Web Designer Utilities (Chrome web browser extensions): Simple web design accessory tools you may have missed


We wanted to share 5 basic Chrome browser utilities for web page designers that we ultimately go back to again and again. You may not use them often but when the time comes for certain tasks, you'll appreciate having these brilliant web tool extensions on hand.

Photograph of a spider web with dew water droplets giving reflective highlighting
Image Credit: Joel Bedford via cc


Web Designer Utilities:

Everyone won't get the same mileage with the following web designer or blogger type Chrome extension tools. Also, as is the case with many of our extensions, we generally leave these inactivated until they're needed to save on resources but won't ever uninstall them because when we need them they're invaluable web design, blogging, and (or) CEO research tools.

PageRank Status (web designer utilities):
There are lots of SEO utilities out there, but the "PageRank Status" extension is a masterpiece that provides a wealth of information for nearly any standard SEO measurement you might be concerned with. If you enjoy seeing how a site is statistically situated on the web, the PageRank Status tool organizes the information in an organized and easy to read menu available via the extension icon on the browser toolbar.
WhatFont (web designer utilities):
It was fairly difficult to find an easy to use tool for identifying fonts on web pages, but finally we discovered the "WhatFont" tool and it works like a champ. Some of the other font ID tools will have you fiddling around forever comparing this font to that font, but with WhatFont you can quickly find out about that font you'd love to use. We only use this occasionally, so like many others, when it's not in use it's disabled, but when it's needed WhatFont is priceless and a permanent part of our collection.
YSlow (web designer utilities):
For most website speed tests, web-page-based services like PageSpeed Insights or WEBPAGETEST are the simplest to use, but Yahoo!'s "YSlow" extension offers robust features that make it a must have. Also, with YSlow you can hammer down on what Yahoo! considers important vs. the slight differences in what you'll find with other search engine optimized findings. However, as far as we can tell, a strongly Google based page is going to get a bit of a smack-down from YSlow if you're comparing it to a page designed with Yahoo! tools... that makes sense though in the scheme of things.
Awesome Screenshot: Capture, Annotate & Share (web designer utilities):
If you're looking for one of the most full featured and easy to use Chrome screenshot extensions, "Awesome Screenshot" is a top choice with over a million users. Awesome Screenshot lets you capture, edit, save, and share via an easy to use interface. Other Chromebook screen shot options include the less complicated "Screen Capture (by Google)" which offers region, visible, or whole page saves on most pages. Also, with no extension at all, on Chromebook you can use the "Crtl + Switcher key" shortcut to quickly grab a full screenshot (not just the window), or using the "Ctrl + Shift + Switcher key" combo if you want to highlight and grab a region instead (they're auto-saved to your Chrome OS "Downloads" folder).
Page Ruler (web designer utilities):
The "Page Ruler" makes it a cinch to figure out exactly what's going to fit where on your web page. Just click on the Page Ruler icon to the right of the omnibox in Chrome and a nicely designed toolbar will appear at the top of your web page window displaying the dimensions which are calculated by clicking your mouse and dragging a rectangular and re-sizable view-port (or ruler) around the item of interest. You can also make fine adjustment by changing the numbers in the toolbar instead of dragging the "ruler". There's also an option to highlight and measure page elements with a simple mouse-over. Page Ruler is light-years ahead of the old-school bar type rulers you drag and flip around on the screen.
We'll add more information on some of the greatest apps and extensions in upcoming articles.