Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Google’

Google just announced a very functional font resource with an API which will help using custom fonts within web pages.

Google Font Directory

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.

Google Fonts

Google Font API

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.

There is also a new JavaScript library named WebFont Loader which enables you to have more control over the fonts and/or use the TypeKit library.

  • Tags:
  • Filed under: Design, Font, Other License
  • 5 Comments
  • 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.

    Crawlable Ajax Applications

    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.

  • Tags:
  • Filed under: Extras, Info, No License, SEO
  • 2 Comments
  • 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).

    Google Browser Size

    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:

    Website Optimization

    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.

    The website simply offers a similar customization interface for each widget and generates the JavaScript code for embedding them.

    Google Web Elements

    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.

    SEO Keyword Compare

    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.

    Google 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.

    Google Trends for Websites is a web-based service where you can compare the visitor statistics of websites.

    Google Website Trends

    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.

    Google Adplanner

    Ad Planner, currently, can be used by invitation only. You can apply for it here.

    More info can be found at Inside Adwords blog.

    Google tries to make the use JavaScript frameworks easier and faster with the Ajax Libraries API.

    Main idea is hosting the JavaScript framework files on Google servers, serving them faster by Google’s fast & distributed servers, gzipping them when needed and most importantly, preventing several downloads of the same libraries by caching.

    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:

    • Standard inserting:

    <script src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"> </script>

    • Using Google Ajax API:

    <script src="http://www.google.com/jsapi"> </script> <script> google.load("prototype", "1"); </script>

    The official announcement can be found here.

  • Tags:
  • Filed under: Info, License Free
  • 0 Comments
  • Google released the Google Maps API for Flash which lets Flex and Flash developers embed Google Maps in Flash applications.

    Google Maps API Flashv

    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.

  • Tags:
  • Filed under: Goodies, Map, Other License
  • 2 Comments
  • Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com