Google Analytics, the most popular and free analytics tool around, has already an API to pull data from.
OOcharts, a free service, adds a layer between you and the GA API to simplify and improve the requests you make.
First of all, a JS library allows you to get any data with a visualization using the Google Charts.
OOcharts also helps you stay within the limits of Google Analytics API by queuing and the requests.
And, a caching feature makes sure you get the results of similar requests much faster.
An update in typography of design projects can quickly change the look & feel of it and there can always be better looking fonts.
TypeWonder is a free-to-use web application for testing a website with different fonts in real-time.
We simply enter the URL of the website, select the font from a list of free fonts (currently, only Google Fonts) and the site is presented with the new font.
It is also possible to browse the site afterwards with the new font and the sub-pages will use this font too.
For the future, what would be great is to define different fonts for different elements, classes and IDs.
Smileys are used widely in communication apps and design elements as they ease delivering emotions.
Simple Smileys is a free set of smiley icons that are mono-colored and, like the name states, simple (yet very clear and beautiful).
There are 45+ items where new ones are added within time, they are sized 15*15px (some of them have a bigger height) and come in .PNG format.
We have icons as images, fonts and here is an inspiring gallery of icons with only HTML-CSS.
One Div is an inspiring set and showcase of icons that are created with a single
<div> element and with the help of creative CSS3 rules.
There are 55+ icons, new ones are added from time-to-time and it is possible to click the source codes with a click or download them.
The icon set may not be the perfect fit for everyday use but it is a very nice source of inspiration.
Google Web Fonts is no doubt the most popular free web-fonts service out there.
Adobe has launched an alternative named Adobe Edge Web Fonts where the fonts are served through Typekit.
The service includes the open source fonts in Google Web Fonts and some more.
Its usage is pretty straightforward, select the font and you get a .JS file to be included in your web pages. After that, use it as any other
font-family in your CSS rules.
Currently, there are ~500 font-families and a documentation exists for details on the usage.
Check My Colours is a free-to-use web application for analyzing the color contrasts used on a web page.
It checks the foreground and background color combinations of all DOM elements and lets us to know if they have enough contrast when viewed by someone having color deficits.
Once a URL is submitted, it lists all the elements + their contrast levels and marks any problematic elements. Also, it allows us to play with their colors online to find the right color.
P.S. The tests ran are based on the algorithms suggested by W3C
Bert Appward of Google Chrome Developer Relations team has just released an online "Field Guide to Web Applications".
It aims to guide web developers to create great web apps and discusses topics like the properties of web apps, design fundamentals, tips for creating awesome experiences and some case studies with best practices.
The guide is so easy-to-read, includes so many useful tips and real-world examples/links for them.
Website of the guide is also built around the principles mentioned, comes in a HTML5 canvas-powered flipping page interface which is responsive, works offline and includes many CSS3 tricks to provide a rich visual experience.
Metro Icon Pack is a set of slick icons whose designs are inspired from the Windows 7 Phone (code named Metro).
The set includes 33 unique icons with 4 different variations (white, black and with/without circles).
Items are all action icons, comes as .PNG and they are free to be used in both personal or commercial projects.
Zocial is a semantic set of CSS buttons (no images used) that are beautified with
There are buttons for 40+ services including Facebook, Twitter, Google+, PayPal, LinkedIn and much more.
Each button can be displayed with or without text (only icons) and the HTML element wrapping them can be anything (which is nice for flexibility).
Compatibility: All Modern Browsers
Desktop users are experienced enough to know how they can interact with a website, use shortcuts and get the most out of the browser.
For touch-enabled interfaces, things are different. There is a new question: "which gestures are supported by the app/website?".
Cue is a free (public domain) gestural icon system that aims to build a standard visual language of touch-based interactions.
There are icons for actions like swipe, drap, touch, tap and hold, spread and more.
Each icon comes in a labeled and unlabeled version and the set is in .PNG, .SVG Omnigraffle Stencil and InDesign formats.