Closure Tools is set of opensource (release info) developer tools by Google which are used while building Gmail, Google Maps, Google Docs  & many others.

The tools include a JavaScript compiler, library & templating system.

JavaScript Compiler

It compiles JavaScript into compact, high-performance code. The compiler removes dead code and rewrites and minimizes what's left so that it downloads and runs quickly.

It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls.

The compiler also offers a Firebug extension, named Inspector, for better debugging.

Closure Library

It is a broad, well-tested, modular, & cross-browser JavaScript library.

Only what you need can be pulled from a large set of reusable UI widgets, controls, lower-level utilities for DOM manipulation, server communication, animation, data structures, unit testing, rich-text editing, & more.

Closure Templates

They simplifty the task of dynamically generating HTML.

In contrast to traditional templating systems, in which you use one big template per page, you can think of Closure Templates as small components that you compose to form your user interface.

nopCommerce is an open source shopping cart software that is built with ASP.NET & uses MSSQL for storing the data.

It comes with a powerful backend & highly customizable frontend.

nopCommerce has all the features of a standard e-commerce websites & offers more like:

• support for kit products (e.g. build your own computer)
• real-time currency exchange rates
• multilingual interface
• compare selected products
• highly flexible shipping calculation (integrated providers, width/height/order total based & more)
• tax calculations by country/state/product & more
• built-in forum & polls
• wishlist

One of the most impressive parts of the software is the integrated marketing capabilities it has. You can customize the design of a product or category page, create any type of discounts & even activate an affiliate system.

nopCommerce supports most of the popular payment gateways & with its pluggable modular/layered architecture, new ones can be added with ease (some are already created).

Adobe AIR applications are great considering the ease-of-use & simplicity they offer.

Almost regulary, WRD is sharing the fresh Adobe AIR applications that web designers & developers will find useful, like:

• 15 New Adobe AIR Applications For Designers & Developers
  
• 16 Fresh Adobe AIR Applications For Designers & Developers
  
• 27 Adobe AIR Applications – Handy For Web Designers
  

Since then, new applications are created & ready to use. And, here they are:

Image Editing, Debugging & Invoicing

zFlick

This is an awesome Flickr search tool that makes browsing between images fun.

Once you find what you're looking for, just drag'n drop that image to your desktop to download it.

PixelWindow

It helps measuring the width/height of any item on the desktop. With a semi-transparent background & custom-presets, it is a great helper when prototyping websites.

Read the rest of this entry »

Flash is a highly creative medium & ActionScript 3 is a powerful language.

On the other hand, it is mostly hard to speed up when working with Flash as AS3 can be quite time-consuming & there are things to do (planning & setup of Flash movies) before you can actually get anything done.

This is where HYPE comes in.

HYPE is a creative coding framework built on top of ActionScript 3 which aims to enable Flash developers of every level to creatively play & express themselves.

The framework is extendible as it is possible to write new classes & improve it.

There are lots of examples provided at the HYPE website which are worth checking out.

In order to better understand this resource, let’s describe augmented reality first. From Wikipedia:

Augmented reality (AR) is a term for a live direct or indirect view of a physical real-world environment whose elements are merged with (or augmented by) virtual computer-generated imagery – creating a mixed reality

EZFlar is an open source ActionScript library that enables you to create such a media. Or, you can use the online generator.

How it works?

It simply inserts a pre-defined media inside a "pre-defined object" in another media.

There is an online generator provided. You’ll need a webcam & a printer to test it instantly:

• Select the media to be integrated (image, video, sound, URL, etc.)
• Print a special shape provided
• Display the printed sheet while the application records you through your webcam
• It will insert the "selected media" to the place where you hold the sheet.

It may look complicated, however, you can check this video or this one to see it working.

Ad Gallery is a jQuery plugin for creating an image gallery/showcase quickly.

The plugin uses unordered lists & converts them by offering lots of options for a better customization.

Some features of the plugin are:

• auto-start from any image
• keyboard navigation support
• custom effects like slide, fade..
• show image descriptions
• clicking the images close to the next-prev buttons will call more thumbnails
• work as a slideshow with start-stop buttons
• & more..

Ad Gallery preloads the images for a flawless display, however, if the image to be shown is not preloaded, it displays a loader & waits for the image to load.

And, depending on the image size to be presented, it auto-arranges the dimensions of the "container div" for a better fit.

Microblogging, with the wide usage of Twitter, is a hot subject in today’s web.

Using few words & spending less effort compared to the standard blogging, it becomes possible to share knowledge, feelings, etc. And, it keeps users connected to other users with the simple yet powerful community features.

While there are very popular microblogging services like Twitter, Tumblr or Plurk, being a rival may not be (or may be) the best idea. However, in order to create something unique, a community for a closed group or a microblog for a single user, there are still huge opportunities.

Here are 9 open source microblogging applications to create your own:

StatusNet (PHP)

StatusNet (previously Laconica) is the engine which runs the popular microblogging site Identi.ca.

It is built with PHP/MySQL & offers a smooth usage as it is a widely used, mature application.

P.S. The source can be found here.

Yonkly (Asp.Net)

Yonkly is an Asp.Net-powered Twitter-clone for creating your own microblogging community network.

Besides the open source version, it has a hosted & an advanced standalone version.

Read the rest of this entry »

GBCF-v3 is a free PHP form script that offers a nice level of accessibility & security.

The script has a valid semantic markup & does not use JavaScript. It is screen-reader optimized & keyboard friendly.

In means of security, the form asks a question to the user & expects the right answer to complete the submission. Also, an anti-flood control option can be activated to prevent multiple submissions from an IP & the number of blocked attempts can be seen.

The script is smart in many ways like "changing a form legend of a form also changes the e-mail sent" or no need of using the "back button" to fix the errors.

It is multilingual, has 20+ ready-to-use language files & can be customized easily via CSS.

While creating web applications, finding data we need can be a very difficult process. Whether it is a signup page that requires all countries/cities or a "restaurants directory" which needs the data of restaurants.

Factual is a website which can be a quick solution for reaching data. It is a free-to-use platform where anyone can share & mash open data on any subject.

There are lots of different data tables provided like:

• Video Games & Cheats
• Popular Books of the 1990s and 2000s
• Hiking Trails
• American Idol Finalists
• Beer Qualities
• & much more

It is possible to view the data in a table form, make changes, filter or export as a CSV file. Also, all data can be reached via Factual API which we’ll probably be seeing lots of applications built around it.

CU3ER is a free Flash 3D image viewer that can even amaze the users who don’t prefer to use Flash.

It is an easy-to-use slider which can be customized via XML & offers beautiful 3D transitions.

Images can be viewed with the auto-slideshow feature where 2 different types of preloaders can be selected or using the prev-next buttons.

The core of the slider, transitions, can be configured in many ways too. The number of slices, animation direction, duration, delays, colors & more can all be customized.

And, optionally, it is possible to display a description box for each image.

CU3ER is very well-documented and can be used freely in both free & commercial websites.