Monday, 30 September 2013

Chrome Font Finder

You're reading a web page and you're suddenly wondering: what font is that?


You can check the source code or select some text, right-click and pick "inspect element". You'll probably find a list of fonts and you won't be able to tell which one is actually used.

Chrome added a feature that tells you the name of the font that's used. This feature is available in Chrome 31+, so you can try it if you've switched to the Dev Channel or you use Chrome Canary. Right-click the text, pick "inspect element", switch to the "computed" tab, scroll down and you'll see "a summary of the typeface(s) used for that element". Paul Irish says that it "works great with Google Webfonts, Typekit, local fonts, @font-face typefaces, unicode glyphs, and all other interesting font sources."


As you can see, it's Helvetica, not Arial. No need to use WhatTheFont or WhatFontIs.

For some reason, this didn't work well for web fonts.


{ via Kristian Serrano. }

Google's Music Carousel

Remember the post about Google's new music video results? They're used by a Knowledge Graph carousel that shows a long list of songs when you search for things like [Moby songs], [Michael Jackson music], [Nina Simone list of songs], [Beatles track list].


Click one of the songs and you'll see the search results for that song's name. The top result is a music video from YouTube, which has a huge thumbnail. The video doesn't play inline, the thumbnail only links to a regular YouTube page.


You'll see the same interface if you search for a music artist and click one of the songs from the Knowledge Graph sidebar. You can also append "albums" to the query, click one of the albums and you'll see a list of all the songs from the album. Search for [Moby Wait for me songs] and you'll find a list of the songs from Moby's Wait for Me album.



It would be nice to play songs from the Google search results page. Even a short Google Play preview would be pretty useful. If that's not possible, then Google could embed YouTube's player, so you can watch music videos without opening a new page. Another improvement would be to automatically generate a YouTube playlist from all the music videos listed in the carousel, like YouTube does.

{ via Search Engine Roundtable }

Google Mobile Image Search Regression

Google has a great mobile interface for image search. It was launched in 2010 and improved multiple times since then. You can use swipes to go to the next image result or to the previous one. It looks like Google changed the image search UI for smartphones and tablets and now sends you to a landing page that shows the image and loads the corresponding page in the background. Intuitive gestures are gone and now you have to use the back button.


This seems to be limited to iPhones and iPads running iOS 7, so it's probably a bug. A lot of people complain about this in the Google Search Forum.

There are many reasons why the new interface is strange: loading the associated page uses more bandwidth and that's not a good idea for mobile devices, it's more difficult to check multiple search results, thumbnails are smaller and even the desktop interface shows a bigger image instead of sending users to a new page.

Friday, 27 September 2013

Force YouTube to Use the HTML5 Player

YouTube's HTML5 player is great, but it's not enabled for all the videos. Even if you go to youtube.com/html5 and join the HTML5 trial, you'll find a lot of videos that use the Flash player. "Some videos with ads are not yet supported (they will play in the Flash player)," mentions the site.

There's a simple Greasemonkey script that forces YouTube to use the HTML5 player for almost all the videos you watch at youtube.com. You need to install Greasemonkey if you use Firefox or Tampermonkey if you use Chrome, then click the "Install" button here.

[Update (Octomber 3rd, 2013): For Chrome, use this old version of the script.]

The script works better in Firefox. If you install the script in Chrome, it will disable the new Ajax interface, but everything else seems to work well.


Here's a video you can use to test the script. Please note that the script doesn't work for embedded videos.

Card-Style Interface for Google Mobile Search

As previously anticipated, Google's mobile site has a new layout that uses cards, just like Google Now, Google Maps, Google+ and an increasingly long list of Google services and apps.

"A new look and feel for Google Search and ads on your phones and tablets. It's cleaner and simpler, optimized for touch, with results clustered on cards so you can focus on the answers you're looking for," informs Google's search blog.


Ads stand out a lot more and, depending on your phone's resolution and screen size, you might not even see a regular search result without scrolling down. Google shows up to 2 ads at the top of the page and no longer uses a different background color. There's just a small "Ad" label next to the URL.


Sections are clearly separated and there's more white space, so the information density is lower.


Pagination has been simplified and you can only go to the previous or the next page of results and to the first results page.

Thursday, 26 September 2013

Google's 15th Birthday Doodle

This year, Google's birthday doodle is interactive: it's a game that asks you to get as many candies as you can from a piñata. "A piñata is a container often made of papier-mâché, pottery, or cloth; it is decorated, and filled with small toys or candy, or both, and then broken as part of a ceremony or celebration."

The game uses HTML5 and you can also try it on your smartphone or tablet. You can share your score on Google+ and generate URLs that remember your high score.



Here's a video that shows the game, just in case you don't see the doodle yet (you can also visit Google Australia):


The Google Doodles site has a list of all the other birthday doodles: the first one is from 2002. The doodle from 2007 has a lot in common with this year's doodle.

Happy Birthday, Google!

Filter and Compare Knowledge Graph Results

Google's Knowledge Graph feature gets smarter every day. You've probably noticed the carousel that's displayed when you search for things like [dog breeds], [asian rivers], [swedish bands], [science fiction books], [surrealist painters]. For some queries, you'll now see a drop-down that lets you select other similar categories. If you search for [surrealist painters], you'll see a long list of genres: abstract, cubist, impressionist, rococo, romantic.


Until now, Knowledge Graph displayed information about a single entity. Now you can compare 2 things. For example, you can search for [orange vs tangerine] and find out that oranges contain two times more vitamin C than tangerines.




"You can try this for some other things you might be curious about, such as dog breeds (compare pekingese vs. chihuahua) or celestial objects (compare earth vs. neptune) — and we'll keep adding more," informs Google.

It looks like Google brings back some features from an old Labs project called Google Squared and makes them more usable.

{ via Inside Search }