Google just announced a very functional font resource with an API which will help using custom fonts within web pages.
The repository of open source fonts that are hosted by Google and can be used in personal or commercial projects.
Once a font is clicked, there is a very detailed info provided including variants, the description of it and more.
It is the method for using the fonts included with the font directory.
The API is very easy to use: just insert a Google-hosted stylesheet and you are ready to go to use the fonts that work the same in almost every browser.
Requirements: No Requirements
Compatibility: All Major Browsers
Many websites are using Ajax requests to interact with databases, load content, etc. in order to stay dynamic without page refreshes.
However, any content loaded with Ajax can not be viewed inside the "source of the website" which ends up in non-crawlable web pages.
Google is sharing a detailed information on "making Ajax applications crawlable" which shows how the search engine sees the web pages and things to improve that.
Google simply asks us to:
- use "#!" signs after any URL that generates content with Ajax (like: www.example.com/ajax.html#!mystate)
- create the HTML without Ajax (besides the Ajaxed version) when www.example.com/ajax.html#!mystate is browsed
- update the website's sitemap with the new URLs
The ! sign will be indicating that the content at that part of the web page is Ajax crawlable and Google will crawl the URL (which generates the HTML content) and add it to its search results as a part of the web page.
Although it seems pretty complicated, considering how important it is to getting indexed by Google, it is (almost) a must for Ajaxed websites.
Google Browser Size is a visualization tool by Google Labs that shows any website behind an overlay of browser-window-sizes average
The overlay information is actually created from the data of people who visit Google (which won't be wrong to call it an average).
The tool is perfect for learning what percentage of the visitors are seeing the most important parts at initial load & what are they missing.
When you move the mouse, a rectangle which follows the mouse pointer enables us to interact with the website. And, optionally, the opacity level can be changed.
But, like mentioned, it is created with the data from google.com & will work for websites that target average internet users. It would be great to see this integrated into Google Analytics creating a custom overlay.
Inside the "Let’s make the web faster" website, Google is sharing the tips & tutorials for better performing webpages.
Some of the articles are:
Besides the articles, It is possible to reach videos of speeches by several organizations on website performance.
Also, links to various tools for the issue provided & a large community discusses the subject continiously.
Google Web Elements is a fresh website where you can find all Google widgets in one place & easily add any of them to your websites.
It currently presents 8 widgets:
- Calendar (for sharing your Google Calendar with your readers)
- Conversation (a comment replacement where users can have a conversation)
- Custom Search (custom Google search engine)
- Maps (easier Google Maps integration)
- News (latest Google News articles)
- Presentations (for sharing Google Docs presentations)
- Spreadsheets (for sharing Google Docs spreadsheets)
- Youtube News (Youtube news videos from a selected list of publishers)
Exactfactor is a free web based service that enables you to analyze the positions of keywords of a website in major search engines.
It lets you to add competitors & compare your website’s results with a competitor.
Another nice feature is the ability to add alerts. You can get alerts when:
- keywords you mentioned become the top 1, top5, etc. in the search engines
- your website beats a competitor for the given keywords
Exactfactor is very easy to use with a clean interface & considering search engines are the most important "factors" of traffic, the service is definitely helpful.
If you have ever advertised at Google Adwords, you probably experienced a keyword guessing process.
Google now helps this with the Search-Based Keyword Tool.
The example simply demonstrates, if webresourcesdepot.com was to be advertised with Google Adwords & web design was a keyword to be used:
- the tool checks the website to analyze the content
- suggests other related keywords
Definitely a time saver for Google Adwords users.
Requirements: No Requirements
Google Trends for Websites is a web-based service where you can compare the visitor statistics of websites.
The data displayed is daily unique visitors (after logging in, you can see the numbers that graphs represent) and currently, up to 5 websites can be compared.
Google Ad Planner provides you information about websites by simply entering demographics and sites associated with your target audience. This is a tool to be used when you are planning or searching for websites to advertise.
Ad Planner, currently, can be used by invitation only. You can apply for it here.
More info can be found at Inside Adwords blog.
Requirements: No Requirements
Currently supported frameworks are:
The caching mechanism may work great in the future if many websites use the Ajax Libraries API. This way if a user browsing your website, let’s say, if browsed another website using the API with jQuery, that user would have already downloaded the jQuery file and won’t need to download again on your website.
Using it is so simple. To use Prototype for example:
<script src="http://ajax.googleapis.com/ajax/libs/prototype/188.8.131.52/prototype.js"> </script>
<script src="http://www.google.com/jsapi"> </script> <script> google.load("prototype", "1");
The official announcement can be found here.
Google released the Google Maps API for Flash which lets Flex and Flash developers embed Google Maps in Flash applications.
The API is smooth and fast. Flash graphics can be used for each tile layer, marker and info window. This opens up possibilities like dynamic shading, shadowing, animation, and video. When the user zooms the map, magnification changes happen smoothly and place names fade in.