We generally use one of the popular JavaScript frameworks like jQuery, YUI, MooTools or Prototype for web projects even if the project only needs a very small part of the functionality.

Such a usage ends up in bigger-sized web pages although it can be prevented easily by using "to-the-point" micro frameworks.

Microjs

Microjs is a website which is a directory of such tiny (<5kb) JavaScript libraries and frameworks.

From a list of options, you can select the feature you need like: a base framework, CSS animation, data manipulation, etc. and it'll present you the resources that can meet your requirements.

Although getting used to new frameworks may seem like a "loss of time", it'll probably pay back in load times (specially for the mobile).

There are many resources that ease creating websites with HTML5 (as they are shared at WRD regularly) like JavaScript-based solutions that HTML5-enable older browsers or CSS-Reset files that remove browser styling incompatibilities.

G5 is a framework for building PHP-powered HTML5 websites which makes use of such popular resources (like Modernizr, jQuery, CSS3 Pie, etc.).

G5 Framework

It has many features like:

  • robots.txt / robots meta for the search engines
  • GZip for faster page load
  • preventing CSS caching
  • sticky footer
  • always forcing latest IE rendering engine (even in intranet) & Chrome Frame
  • smooth scroll-to-top
  • shorthand CSS / some basic reusable classes
  • and more..

The design has a 940px total content width and in "F" shape by default but can be updated in anyway desired.

Also, G5 includes widely-used items like an image slider (Orbit), tool tips (Tipsy) and modal boxes (Reveal).

For many web designers and developers, Firebug is probably one of most vital tools while building and debugging web apps.

FlashFirebug is an extension to Firebug which aims to fill this gap for AS3 Flash files by easing Flash debugging as easy as HTML and JavaScript.

FlashFirebug

Besides Firebug, it requires Flash Player content debugger 10 or higher and enables us to inspect display list, change properties and see the warnings, errors + traces for any Flash file.

It can also work with multiple Flash files on a web page and display the elements inside the file as a directory tree.

The extension is designed to perform fast and, optionally, it can be disabled to be used only when it is needed.

HelpOnClick LogoFor any website who is selling products/services and would like to provide a quick support to their visitors, live support chat systems are very useful as they are simple-to-use, return questions into sales better, analyzed easily and can be used by distributed support teams.

HelpOnClick, a feature-rich live support chat service, is giving away "10 Lifetime Basic Accounts ($19/month) with free Desktop Application ($59)" to WRD readers and also offers:

  • free plan upgrade (from Basic to Pro or from Pro to Deluxe) + free desktop application (normally $59) once you purchase the service by visiting their website from the links in this post.
  • partners (resellers or affiliates) who sign-up by visiting their website from the links in this post will get 40% lifetime commissions instead of 30%.

What is HelpOnClick?

HelpOnClick

It is a web-based and real-time live support chat service where visitors can instantly start chatting with you or leave a message when you are offline.

The application provides real-time traffic data, notifies you when a visitor is browsing your web pages and even enables you to start the conversation by "pushing a chat invitation" before the visitor asks for it (which can be a good method if you think the visitor is trying to decide between the products).

It is possible to chat with multiple visitors at the same time, thanks to features like "canned responses" and "seeing what the visitor types before the message is sent",  you can respond much faster.

If there are multiple support operators, the application can assign the chat requests randomly and also, chats can be transferred between operators (like forwarding an expert question to a senior).

HelpOnClick Stats

HelpOnClick has an advanced reports and statistics feature where you can analyze your support departments easily (number of support requests/day, operator statistics, etc.). And, you can search inside or display the past conversations anytime.

The interface of this chat support system can be customized with theming support and the ability to change every text + icons.

For the installation, all this functionality starts working by a one time copy-pasting of an HTML code.

How to join the giveaway?

In order to win one of the "10 Lifetime Basic Accounts", just comment to this post and winners will be selected randomly with the query below on 09 May 2011 (one week later).

SELECT * FROM wp_comments WHERE comment_post_id=2224 AND comment_approved=1 AND comment_type='' GROUP BY comment_author_email ORDER BY RAND() LIMIT 10

Good luck to all.

Although images are usually expected to be static elements, customizing them on the client-side (via JavaScript) can be very handy considering the ability to applying effects and changing them anytime while still keeping the original files.

vintageJS is a jQuery plugin that uses the HTML5 <canvas> element for adding a retro feel to images.

WRD Retro Logo

It has 3 ready-to-use effects (sepia, green, grayscale) and can be customized very easily by creating new presets with values like vignette, noise, desaturate, viewfinder and more.

The website of the resource also has a web-based editor for applying these effects any image instantly and downloading them.