Google Code Blog: Introducing the Google Font API & Google Font Directory

Google Code Blog: Introducing the Google Font API & Google Font Directory.

The Google Font API provides a simple, cross-browser method for using any font in the Google Font Directory on your web page. The fonts have all the advantages of normal text: in addition to being richer visually, text styled in web fonts is still searchable, scales crisply when zoomed, and is accessible to users using screen readers.

GTmetrix | Website Speed and Performance Optimization

GTmetrix uses Google Page Speed and Yahoo! YSlow to grade your site’s performance and provides actionable recommendations to fix these issues.

via GTmetrix | Website Speed and Performance Optimization.

Browser Size shows what people see from a web page

Browser Size from GoogleLabs is a visualization of browser window sizes for people who visit Google. For example, the “90%” contour means that 90% of people visiting Google have their browser window open to at least this size or larger.

How Does a Website Look on Mobile IE? Introduction to Using Windows Mobile Emulator

We use the Windows Mobile Emulator to test our web interfaces on mobile devices running “Mobile IE”.

Here is what you need:

The Emulator itself

There are several packages available, we use versions 6.1.4 and 6.5 (the most recent one). The following packages include Windows Mobile 6.1.4 and 6.5 emulator images that can be used as standalone emulators:

Download and install.

OK, now you can run an emulated mobile phone from the start menu. But there are no connections to the outside world or the Internet.

Internet Connectivity Option 1: Use a direct Internet Connection

Believe it or not, you need Virtual PC 2007 to do this: The installer contains the “virtual network adapter” used by the emulator:

  • Download and run the installer from http://www.microsoft.com/downloads/details.aspx?FamilyID=04d26402-3199-48a3-afa2-2dc0b40a73b6&DisplayLang=en
  • Start the desired emulator image from the command line
  • Select File|Configure, select the “Network Tab”
  • Enable the NE2000 network card in the emulator’s settings
  • Important: If you run the emulator inside a virtual machine on VMware
    • I found that the primary network card’s connection was disabled when I enabled the ne2000 (I lost the RDP connection to the VM)
    • I added a second network card (which uses NAT) and then I connect the emulator to the second card and that works fine.
  • Restart the mobile phone using the emulator menu item File|Reset|Soft
  • In the emulated screen you will see a small icon on top of the screen, click it and allow the internet connection
  • Start Internet Explorer and surf.

Internet Connectivity Option 2: Cellular Emulator

Use the “Cellular Emulator” (this emulates a cellular connection for the emulated mobile phone) which comes with both of the above packages

  • Start “Cellular Emulator”
  • note the “COMx” port in the lower left (see http://www.devx.com/wireless/Article/40981/0 for screenshots and more info)
  • Start the desired emulator image
  • goto File|Configure, select the “Peripherals Tab”
  • enter the COMx port in the “Serial Port 0” Field (I had to enter COM3 manually as it only offered COM1 and COM2)
  • Restart the mobile phone using the emulator menu item File|Reset|Soft
  • Wait until reboot has finished
  • Set up a new “GRPS connection” inside the emulated device as described here: http://www.devx.com/wireless/Article/40981/0/page/2
  • Start Internet Exporer, go online and surf.

Some related links

Using the Cellular Emulator in the Windows Mobile 6 SDK: http://www.devx.com/wireless/Article/40981/1954

MSDN: Cellular Emulator Data Connections: http://msdn.microsoft.com/en-us/library/bb158505.aspx

Google Page Speed Plugin: ySlow on Steroids

Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them.

I’m quite impressed by this tool!

IE NetRenderer – Check out how websites look in IE5, IE6, IE7, IE8

IE NetRenderer allows you to check how a website is rendered by Internet Explorer 8, 7, 6 or 5.5. Just type in a URL in the field above and try it out – it’s free!

There is also a Firefox Add-On that makes using the service even easier.

Check Browser Compatibility, Cross Platform Browser Test – Browsershots

In our dreams, the web looks good for all users. So we let web designers view screenshots of their pages in different browsers, at different screen resolutions and with different plugins. We’re trying to make this service easy to use, open for all (including access to the source code) and 100% free, as in free beer.

Check out: http://browsershots.org/