UIKit is a set of lightweight (4kb minified / gzipped), simple, functional and flexible UI components.

The components are built to work in modern browsers and, currently, there are dialog, confirmation, color picker, flipping cards, growl-like notifications and a context menu solutions in the pack.

Each component comes with multiple options like the dialog having a modal-like display option notifications having standard, warning and error modes.

Items are mostly styled to have structure-only rules which eases applying any custom styling to match our apps.

Almost every website needs a form. Whether it is for asking visitors to contact you, an online job application or an event registration.

Also, forms need to be secure, user-friendly and the data collected must be reachable for analyzing/responding easily.

Ajax Form Pro, a professional and downloadable PHP application, which was featured before, now has a new version with more features and they are giving away 3 Developer licenses ($67/each) and offering a 20% discount to WRD readers.

Joining the giveaway is so easy, details are mentioned at the bottom of this and here is more information about the app:

The application has an administration panel for creating a form with:

• any input types (including file uploads)
• settings like the text to be displayed (or redirection to any URL) after submission, if the contents of the form will be e-mailed to anyone..
• custom styling and layout
• captcha enabled or not

and allows us to integrate it into web pages either with the generated PHP code or via an iframe.

Form can be styled either with the settings provided or using a custom CSS for advanced/complete styling.

It is created with usability in mind; the validator is real-time, works as-you-type, forms degrade gracefully for users without JavaScript and an option exists for displaying them inside a lighbox (so you can provide a link to anything which will display the form without leaving the page).

To sum up, Ajax Form Pro is a so useful application not only for creating secure forms but also for keeping/reaching the data collected in a single, organized interface.

A discount for WRD Readers

Ajax Form Pro is offering a 20% discount to WRD readers with the coupon code AFPWRD (which is valid for the next 2 weeks).

Here are the shortcuts to the pages for using the coupon codes:

• Single License
• Developer License
• Extended License

How to join the giveaway?

In order to get a chance win one of the 3 Developer Licenses, simply comment to this post and winners will be selected randomly with the query below on 8 February 2012 (1 week later):

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

Good luck to everyone.

The winners

Here they are:

• Kunule (comment #506883)
• Leon (comment #506936)
• chromus (comment #506748)

Congratulations and thanks very much for joining.

Enlight (English version exists) is an open source framework, based on Zend and Symphony 2, for creating e-commerce applications easier and faster.

It is built by the experienced e-commerce company Shopware and also powers the base behind their commercial product.

The framework has lots of components that can bring any type of apps to life including: database connection, authentication, form handling, datagrid, navigation, e-mail delivery and more.

Besides the frontend, a base with similar features exist for the backend where both parts can be improved with the help of a plugin system (a bootstrap file is provided for creating new plugins).

Enlight is not a direct competitor to any ready-to-use e-commerce system but a starting point for anyone looking to develop custom ones.

ChiliProject is an open source project management application that helps tracking many aspects of a process.

It is built with Ruby on Rails on top of the popular Redmine (was shared at WRD) by the long-standing community members/contributors of it and follows a different roadmap.

The application has features for project and milestone planning (roadmap), ticket-based issue tracking, document management (including version control -Subversion or Git- for software projects) and time tracking to calculate costs.

ChiliProject notifies team members about the activities via e-mail and further notifications exist by simply subscribing to a project's activity feed.

In order to document the details/knowledge, there is a built-in wiki. Also, a forum exists for discussions with users other than the team members.

PHP Bug Lost is a free and open source script for debugging and monitoring PHP code.

It is a one-file-script, works by inserting a function inside web pages and displays the information in a console window right over the web page.

The script can present custom logs, SQL queries, variables, Ajax queries and measure loading times + CPU/memory usage.

PHP Bug Lost is not only built to be used in the development environment but it can also be set to auto-send e-mails when any of the monitored data is over or below the expected values.

HTML5 Please is an interactive compatibility chart of HTML5/CSS3 features to find out "in which browsers they are supported (or not)".

Using a smart search bar, it is possible to filter the results with browser or device support, type (HTML5 or CSS3 elements/properties) and more.

Every item is described shortly and an opinion on whether they should be used with fallbacks or polyfills (with links to them) are shared.

The site is simply a must-bookmark for anyone designing with the new web technologies and need a guide for quickly checking the support for each property/element.

InkyDeals is a daily deals website, shared previously at WRD, focused on offering design resources for much lower prices.

They are regularly featuring items like vectors, Photoshop actions, PSD templates, brushes and more.

They have packed a new and huge set of design resources named Winter Bundle which includes:

• 100 floral vectors
• 270+ vectors of fashion items and silhouettes
• 10 vector t-shirt designs
• Japanese art vectors
• Tillable paper textures pack for Photoshop
• 100 winter-themed vectors
• 100 spring-themed vectors
• 54 hand-drawn, colorful sugar skulls and 14 floral elements
• 30 vector trees
• 9 Heraldry Photoshop brush packs
• Photoshop actions for cinematic 3D effects
• A set of seamless floral patterns
• 100 valentine-themed vectors

The pack would originally be priced $500+ if items were purchased separately but offered for $29 as a bundle.

InkyDeals Winter Bundle's license is royalty-free, can be used over and over again and the pricing is valid until 24 Jan 2012.

There are many ways a website owner can choose to communicate with visitors: e-mail, contact forms, forums are the widely used ones.

ClickDesk is a live-help application that enables website owners to be in contact with visitors much tighter.

They are giving away 5*annual Lite Plans/1 agent ($120/each) to WRD readers and details of joining the giveaway can be found at the bottom of this post.

What is ClickDesk?

It is a hosted live chat system where visitors can see the online status of the website operator, choose to chat with them if online or leave a message to be contacted later if the operator is offline.

A very nice feature for customers looking for a more personal touch is the ability to make voice calls directly from the browser with a built-in browser-phone app.

ClickDesk also provides global access number in 40+ countries where they can reach you free of cost.

All these great functions (chat and VOIP) are integrated with your favorite IM application (Google Talk or Skype) which also make it possible to keep in contact with your visitors from mobile phones.

The chat can also be initiated automatically/proactively once you think the visitors needs a hand (on using your service, choosing the right pricing plan, etc.).

Once a chat is initiated, the application collects any useful information about the visitor (like chat history, browser and details, country..) that can empower the operator in helping the visitor.

Operators can chat with multiple users at the same time and/or choose to transfer chats to other operators.

Each ClickDesk account can have unlimited departments and the same account can be used in any number of domains.

It is a plug 'n' play service, just insert a few lines of JavaScript code to your website for activating the widget (whose design can be customized) and that's all. For Magento, OsCommerce, WordPress and Joomla users, plugins exist for an easier installation.

The application works as a social bar with the display of social services like Facebook or Twitter.

And, integrations exist for 3rd party services like SalesForce, Zoho, SugarCRM, Zendesk and WHMCS.

How to join the giveaway?

In order to get a chance to win one of the 5*annual Lite Plans/1 agent, you can do one (or both to increase the chances) of the following:

• tweet: "Just joined the @2desk ClickDesk giveaway at WebResourcesDepot – http://bit.ly/w3YQ5a" RT to join & win annual accounts #contest  (click to tweet quickly)
• comment to this post

Winners will be selected and announced on 23 Jan 2012 and good luck to all.

And the winners

Here are the lucky commenters for the giveaway

• Olivier (comment #497548)
• Livne (comment #497637)
• Kevin (comment #494805)
• @asacarter
• @uiliw

Congratulations to the winners and thanks to everyone for joining.

There are various PNG optimizer apps for Mac OS X (check this WRD article for them) but only a few for Windows.

PNGGauntlet is a free Windows application for squeezing each and every byte in PNG files.

With a very nice drag 'n' drop enabled user interface, the application can optimize any given number of files pretty quickly.

It combines the algorithms of PNGOUT, OptiPNG, and DeflOpt for creating the smallest file and generates a lossless output.

The image to be minified doesn't need to be in PNG format, other popular formats can be used as well for converting them to PNG.

There are also several settings for anyone looking to fine tune the compression process.

syze is a standalone and tiny (<1kb) JavaScript-library for targeting web page designs by device or browser size very easily to build responsive websites.

The library allows us to define any number of breakpoints (as widths) with a single function and sets the class of <body> automatically on "window resize" or "change in orientation".

There are functions provided for collecting device + browser sizes and setting a custom debounce rate for making sure that no serious CPU load is created for the user's computer when syze is active.

syze also has a callback fired afte each event which is great for adding custom events to the mix.