Facebook unveiled today a radical new look for the news feed, but it wasn't the only social network getting major buzz following the design announcement.

Minutes after Facebook debuted the overhaul, boasting multiple feeds, mobile consistency and a bigger focus on pictures, people took to Twitter to discuss the similarities between the update and the existing look of competitor Google+, which was trending on Twitter in the U.S. for a good portion of Mark Zuckerberg's presentation.

Facebook's announcement comes just one day after Google+ launched new features of its own, including a "Local" reviews tab and larger cover photos.

As a part of an effort to de-clutter news feeds, Facebook introduced on Thursday more white space to make reading easier on the eyes. This shift is indeed reflective of Google+'s signature look. Both platforms now have a lot more space in the center of the page.



Looking at the designs side by side, the similarities are obvious. For example, Facebook's new look takes updates from friends — also called Stories — from small thumbnails to beautiful, blown-up displays, just like Google+'s approach to highlighting updates. Previews of articles shared from friends will also take up more real estate in the redesigned news feed. (Google+ does this too.)

In addition, Facebook will be removing its cluttered left side bar and replacing it with a cleaner, sleeker black bar with visual icons for bookmarks, such as messages and chat. This resembles Google+'s existing grey-scale side bar, also with stacked icons. If you take a look at Facebook's sidebar now, which features smaller icons and more text, this is a huge change toward saving space and streamlining the design. It's also similar to Facebook's iPhone app.



But Facebook has taken its design to another level by adding multiple news feeds that allow you to go beyond just scratching the surface of what's happening on the site. Thanks to feeds that highlight photos, music news (what friends are listening to and what concerts they're attending) and a section just for celebrities and organizations you subscribe to, the move gives you more control over the stories you.

Although a Google+ spokesperson declined to comment to Mashable's Chris Taylor on the comparisons, he didn't deny social networks in general are seeing the same kinds of needs for cleanliness from users.

Do you think the redesign looks like Google+? Take the poll below and let us know your thoughts in the comments.

Does the new Facebook news feed look like Google+?

Images are Mashable Composites

Facebook News Feed Event

Mark Zuckerberg



Old news feed



Sharing stats



New news feed



New way to view shares




New profile photos



New Pinterest display



Music stream



News stream



New mobile and desktop view
































View the Original article

The amount of time a recruiter spends looking at your resume is roughly six seconds — the length of a Vine video.

For people who are unemployed or underemployed, figuring out how to stand out in the job search is crucial. Despite discovering job openings that fit your experience, you send your resume out to the ether — and feel you're continuously overlooked in favor of someone with equal qualifications. Many job seekers have taken to desperate measures.

"Visual design is a great way to differentiate yourself from other job candidates," says Dodd Caldwell, cofounder of Loft Resumes. "Design in general is increasingly important in the business world."

Companies are always looking for candidates who will go the extra mile, and your resume is literally your first point of contact — your first chance to put yourself in the "yes" bucket. And what recruiters are looking for can mostly be narrowed down to science, as The Ladders found last year in an eye-tracking study on resumes.

Recruiters spent 80% of their time looking at six data points:

• Name
• Current title and company
• Previous title and company
• Current start and end dates
• Previous start and end dates
• Education

The key is to keep these important data points clear. Loft Resumes recommends a hierarchy that presents information in a way that is easy to find and digest. Its service relies on graphic design principles, and clients can select from various formats or color palettes, but no two resumes will be exactly the same.

While presenting information visually is a plus, especially in a time when Pinterest, Instagram and other visual experiences are winning our time and attention — it's still not a good idea to put a photo on your resume (unless your industry requires it). Research from The Ladders on online profiles found the human eye is naturally drawn to photos, in this case the profile photo, which prevented recruiters from looking at more relevant data such as experience.

While a resume from Loft Resumes is not cheap ($99), it is an investment. The price includes two rounds of revisions. Additional revisions later — perhaps after you've acquired additional skills or experience — are only $5.

Have you tried using a service for professionally designed resumes? Did it make a difference in your job search? Let us know in the comments.

Here are some examples of resume makeovers by Loft Resumes:







Images courtesy of Loft Resumes, lead image via iStock, RussellCreative


































View the Original article

1. Benchwarmer

What if the first tab in your browser every morning was a healthy shot of inspiration? Benchwarmer is a neat extension for Chrome that replaces the "New Tab" screen with six shots from Dribbble. Dribbble is an invite-only, high-quality community of designers who share what they are currently working on, in the high altar of pixel-perfection.

Once installed Benchwarmer defaults to the latest top-rated shots; however, you can customize this view using the gear symbol. Hovering over a shot shows its number of likes and who posted it. You also can enter your own Dribbble username to display the work of users you follow.

The extension is open-sourced on Git Hub, if you are looking to contribute.



2. ColorZilla

When ColorZilla launched for Firefox over seven years ago, it was one of the first browser-based color pickers available. This official port for Chrome proves equally useful and includes a color picker, eye dropper and gradient generator, along with additional advanced color tools. You can get a color reading from any point in the browser (and save these colors in custom palettes), make edits on the fly and paste the output (in CSS, Hex, RGB and more) into other apps.

The ability to analyze DOM elements on a webpage and inspect its palette of colors is a particularly valuable feature. You can also pick colors from Flash Objects at any zoom level, and generated or sampled colors automatically copy to the clipboard.




3. WhatFont

The days of right-clicking to "view source" are long over. WhatFont identifies all the fonts used on a webpage and gives in-depth details, such as the font family, font size, along with the color, weight and line height (you can even tweet this information). Apart from native web safe fonts, it detects the services used for serving the font and supports Typekit and Google Web Fonts.

It gives you the fall-back string, and if a font called for is not installed, it's striked-through, showing the actual font used. It's important to remember it only works for online pages, not locally. Once activated, hover on text and a pop-up displays all the selected fonts information.



4. Screen Capture

An official Google extension, Screen Capture quickly captures visible objects, whole pages, visible sections of pages and drawn selections as PNG files. Each snapshot can be edited and annotated (before being saved), and highlighting, lines, arrows and redacting and adding text are fully supported. It intelligently detects floating objects on a page to avoid repeating the capture of the same objects if the whole page requires scrolling.

It works quickly, even when capturing large pages, and will also scroll the page horizontally if necessary. Share the snapshots on Picasa, Facebook and Imgur for instant collaboration.

Also of note is Awesome Screenshot, which boasts a rich feature list for capturing and annotating webpages.


5. Evernote Web Clipper

When we spend most of our time using a web browser, storing and cataloging information effortlessly becomes essential. The Evernote Web Clipper for Chrome makes it quick and easy to store just about anything you find on the web in your Evernote account, including selected text, articles, links, PDF's, images and even entire webpages. Tag each snapshot when saving and select an Evernote notebook in which you'll store the snapshot. The "intelligent," context-aware functionality is impressive, with the pre-selection of notebooks (and tags) based on website content.

There is virtually no limit to the ways in which you use it; for example, you could collect inspiration for a particular design project you are working on, and have access to it whenever you need, even if the original is removed.


6. Pixlr Editor

Pixlr Editor is a fully featured photo editor available directly in your browser. Sharing interface similarities to Adobe Photoshop, the learning curve is low and it boasts a wealth of capabilities you would only normally find in a desktop application. The fast, intuitive, thoughtfully organized interface means quick edits are a breeze. It includes editing, filters and adjustment tools and even opens PSD files.

Accomplish image editing entirely in the cloud using Pixlr Editor -- open images from Facebook, Picasa or Flickr, edit them and then save back to the cloud.


7. MeasureIt

With MeasureIt, draw out a ruler which shows the alignment and exact pixel width and height dimensions of any selected element on a webpage, an especially useful tool when designing and developing websites. To use the extension, just click and drag out the ruler to find an element's dimensions quickly and easily.

While not as feature-rich as its Firefox counterpart, it is especially useful when tweaking CSS, where accuracy down to the last pixel is necessary. MeasureIt works on local installs of most CMS's but does not work on local HTML files.


8. Palette

Colors play an important role in design, and it can be challenging to create the "perfect" palette. Having an extension such as Palette at easy reach within your browser can make this particular task much more efficient.

Palette for Chrome can create up to 64 color palettes and is useful for grabbing ideas and inspiration for color palettes from images around the web. The interface is intuitive and easy to use; simply right-click on the desired image, select "Palette for Chrome," and choose the number of colors you want the palette to generate. A new tab will open, displaying the image and resulting color palette.

The extension was recently updated to fix several bugs, and the code is now open-source and available on Git Hub.


9. Yet Another Lorem Ipsum Generator

When testing content or typography, dummy text can be useful. For those who don't use alternatives, try Yet Another Lorem Ipsum Generator. It will generate text (paragraphs of variable length), titles, dates and dummy email and web addressees, with other options available via the toolbar button. You can configure the date format and choose specific dates or generate a random date.

Copy text to the clipboard for use in other apps; the extension itself is extremely lightweight as it doesn't include any external libraries or require access to other online resources.


10. Pendule

Pendule complements the built-in developer tools of Chrome and makes website edits easy, such as viewing CSS, disabling styles, reloading CSS (without having to reload the entire webpage), viewing JavaScript and much more. The extension itself is unobtrusive, quick and responsive, featuring an extensive toolset. The the ability to switch off both images and CSS is particularly useful when designing and developing websites.

There is also a color picker, display ruler, link checker and several script validators, with each feature neatly arranged into groups. The option to change the display resolution, for checking how your website renders on multiple screen resolutions, is neat, and you can even set keyboard shortcuts for the extension from the Options menu.


As a designer you may have used Google Chrome for some time already, but are you using the browser to its full advantage? Chrome features a robust extension system that deserves to be explored and tested. It's one reason Chrome can now claim to be the world's most popular browser.

We've gathered 10 of the best Google Chrome extensions for web designers and, when used in combination with the chrome extensions for developers, you could have a fully customized, powerhouse of a browser, completely suited to your individual requirements.

Have we missed any great extensions you love and use on a daily basis? If so, please share your recommendations with other readers in the comments below.

Homepage image composite via iStockphoto, Kameleon007































View the Original article