Typechart lets you flip through, preview and compare web typography while retrieving the CSS.

You can view different typefaces with different font sizes and emphases. One of the handy features is that you can compare Windows rendering with Apple font rendering.

You can also download the CSS code for a specific typographic style, cach style corresponds with a style ID, which allows you to annotate prototypes and retrieve the css while coding as well.

Requirements: -
Demo: http://www.typechart.com
License: License Free

• 2 Comments

Developing web applications is getting more complex - it’s easy to accidentally break functionality as changes are made. In this article, Ben describes the setup his team uses test their apps as changes are committed; automatically notifying the developers of any problems.

Being able to support Ajax-heavy applications through multiple browsers across multiple operating systems is now a primary requirement, as is being able to scale to thousands (or, if you’re lucky, millions) of users. This article looks at one way of cracking the problem of regression testing (retesting previously working parts of an application following a new build) a modern web application, using two superb open source projects: Hudson and Selenium. Article “Easy Automated Web Application Testing with Hudson and Selenium” taught us the following.

• It checks our Subversion repository every hour to see if anyone has committed any changes.
• If they have, it updates the project from Subversion and builds it.
• It then creates a clean version of our application database, loads in reference data and deploys the application on our app server.
• A job is triggered that runs through a series of tests in a remotely-controlled web browser on the fresh application.
• Anything that deviates from the accepted norm is logged and screenshots of the web browser are taken.
• Screenshots of the browser are also taken for key pages of the site for later checking by a human.
• If any of the tests fail, the developers responsible for the changes are notified by email of the problems.
• Their issue tracker is updated with any issues that were fixed in the build

Source: Easy Automated Web Application Testing with Hudson and Selenium

• 1 Comment

Are you a freelancer? Would you like to find some freelance works related to Web Development or Web Design? There are loads of job boards out there, but how many of them are actually built for web developers and designers? And How many of them are acutally popular? Here is a list of the top job boards for web developers and designers. Please feel free to suggest the ones you like.

FreelanceSwitch Job Board

Authentic Jobs

Smashing jobs

FreshWebJobs

Elance

Krop

• 10 Comments

jParallax turns a selected element into a ‘window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions, they move by different amounts, in a parallaxy kind of way. If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and Parallax provides methods for navigating to that content in response to user events.

The default behaviour of jParallax is to show the whole width of a layer in response to the mouse travelling the whole width of a jParallaxed element. The simplest way to use jParallax is to make the layers different sizes using CSS. Bigger layers move faster and thus appear closer, and unless a layer is smaller than the viewport, its edges are never seen.

Requirements: -
Demo: http://webdev.stephband.info/parallax.html
License: License Free

• 7 Comments

You’re writing an email to invite a friend to meet at a local San Francisco restaurant that neither of you has been to. You’d like to include a map. Today, this involves the disjointed tasks of message composition on a web-mail service, mapping the address on a map site, searching for reviews on the restaurant on a search engine, and finally copying all links into the message being composed. And you haven’t even really sent a map or useful reviews—only links to them.

Mozilla Labs has announced the launch of Ubiquity. Ubiquity empower users to control the web browser with language-based instructions. (With search, users type what they want to find. With Ubiquity, they type what they want to do.) And it enables on-demand, user-generated mashups with existing open Web APIs. (In other words, allowing everyubone–not just Web developers–to remix the Web so it fits their needs, no matter what page they are on, or what they are doing.)

Ubiquity lets you map and insert maps anywhere; translate on-page; search amazon, google, wikipedia, yahoo, youtube, etc.; digg and twitter; lookup and insert yelp review; get the weather; syntax highlight any code you find; and a lot more. Ubiquity “command list” to see them all.

All of the code underlying the Ubiquity experiment is being released as open source software under the  GPL/MPL/LGPL tri-license as well.

Requirements: -
Demo: http://labs.mozilla.com/2008/08/introducing-ubiquity/
License: GPL/MPL/LGPL Tri-License

• 5 Comments

I believe most of us are using Google Analytics in order to track our visitors daily. Most of us love Google Analytics, because it is reliable and powerful. However, how many of us have actually used its full potential?

Search Engine Journal has compilied a list of advanced Google Analytics tips that open up plenty of possibilities to track and evaluate. The followings are some of the useful tricks they shared with us.

• Track 404 page
• Classify your site visitors
• Track your (outgoing) links
• Track your banner ads
• Track your downloads
• Track mailto: links
• Track full referring URLs
• Track e-commerce transactions
• Set up email alert on a regularly-scheduled basis
• Exclude internal traffic
• Compare traffic / page views over different periods of times

Source: The Huge Collection of Google Analytics Tips

• 4 Comments

Thank you for all of the participants of Giving Away 3 Copies of Flash 3D Wall PRO. We are happy to announce the following 3 winners. Congratulations. Flashloaded will contact you guys shortly.

1. Nicolas Chenet
2. manS
3. pfers

WebAppers will continue giving away some really nice web development tools and resources to our readers. Please feel free to suggest what you would like for the next Giveaway under this post. Thank you.

• 4 Comments

Smashing Magazine has just released On Stage icon set. The set contains 49 free vector icons including PSD which can be useful for both corporate and personal setting. You can use the set for free without any restrictions whatsoever.

The icons are available in the .png-format in the resolution 128×128px. 100% pure shape-based layered PSDs are also included in the package.

Requirements: -
Demo: http://www.smashingmagazine.com/2008/08/27/on-stage-a-free-icon-set/
License: License Free

• 1 Comment

Google Ad Manager is now available to all publishers across all regions. Google Ad Manager is a hosted ad management solution that can help you sell, schedule, deliver and measure all your directly sold and network-based inventory. The user interface is simple and intuitive, it decreases training time and trafficking steps with simplified tagging and inventory management. And it provides some basic tutorials as well. Now you can ensure quicker ad delivery and fewer reporting discrepancies. You always know what inventory is available to sell.

Currently, the Ad Manager product is in a Beta period and there are no fees for using it. However, they reserve the right to change this policy in the future. Ad Manager may not always be free at all volumes, for all features or add-ons or for all uses.

Have you tried Google Ad Manager yet? What do you think it? Please feel free to share your experience with us.

Source: Google Ad Manager

• 0 Comments

Phusion Passenger is an Apache module, which makes deploying Ruby and Ruby on Rails applications on Apache a breeze. It follows the usual Ruby on Rails conventions, such as “Don’t-Repeat-Yourself” and ease of setup, while at the same time providing enough flexibility.

Phusion Passenger is a commercial supported open source product that enables people to deploy their Ruby on Rails applications in an upload-and-go manner, which is very reminiscent of the PHP way of deploying. Also, you can always get community support on Discussion board.

Requirements: Any OS, except Microsoft Windows
Demo: http://www.modrails.com
License: GPL License

• 3 Comments