They are based on the Konigi wireframe stencils and includes 3 sheets of elements (form elements, HTML editor, etc.).

How To Create Them?

Simply download and print the PDFs on to magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

2 Things You May Consider Buying (from Amazon.com):

• Avery 3270 Printable Magnet Sheet for Inkjet Printer (White)
• 3M LS950 No-Heat Laminating System

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• User Interface Library For MooTools: MochaUI
• UI Pattern Factory: User Interface Design Best Practices & Inspiration
• Track Mouse Activities With JS And PHP: (smt)
• Sketching And Prototyping Tool: Pencil Project
• jQuery UI 1.7 Is Out With Tons Of New Features

It works by selecting spots in design files & marking them as Wordpress variables like:

• post title
• post text
• author link
• etc..

It produces valid XHTML-CSS code & themes are automatically widget-ready.

Divine has an integrated FTP-client & it is a very ideal plug-in for anyone who is not that into coding and/or Wordpress theming.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Wordpress QuickAdmin Plugin By WRD
• WooThemes Launches With New Themes
• Wappalyzer: Find Out Apps. Used On A Website
• Tiny And Chic Flash Mp3 Player: Audio Player
• Preview Photoshop Brushes Easily: ABRView

ABRView is a free software that makes this process much easier. It allows you to define the folder(s) where brushes are installed & preview them.

Also, once you download a brush, although you have an opinion on how it looks, you can not be sure until installing it, running Photoshop & checking the look from the brush palette. As ABRView can display brushes from any folder, you simply save time on seeing how they look.

It has an .exe version for Windows & .jar version for Mac & Linux.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Photoshop-Like JavaScript Color Picker
• Photoshop Snowflake Brushes Collection
• Photoshop Plug-in For Converting PSDs To Wordpress Themes: Divine
• Photoshop Icon Plugin
• Photoshop Heart Brushes Collection

There are many beautiful applications built with it including the ones that are functional for the designer & developer community.

Months ago, a post published at WRD was sharing 27 Adobe AIR Applications – Handy For Web Designers. Since then, there are various great applications created.

And here they are, 16 Fresh Adobe AIR Applications For Designers & Developers:

ImageSizer

ImageSizer is a batch image processor tool which can resize, optimize and rename multiple JPG files.

Once the images are processes, they can be exported as a single .zip file.

JustResizeIt!

A batch image resizer that works with drag’n drops. It enables users to define different presets in advance & creates resized images instantly.

The application is great for anyone sending photos with e-mails, requires batch resizing & more.

Xe-IMG Editor

It supports multiple image types, image-from-URLs & SWF files as images to be edited.

With various effects like: zoom, image mask, sharpening, enhancing, embossing & more Xe-IMG Editor is a handy free desktop image editor.

.merlin – Font Organizer

This Adobe AIR based font organizer is very helpful for anyone with many fonts.

It scans a given folder, renames a font with its original name & places it in a folder with the first letter of the font which makes Georgia font to go to the "G" folder.

Contrast-A

The application enables interacting with a 3-dimensional RGB color space, experimenting color combinations, checking the contrast according to both WCAG 2.0 and 1.0. And, results can be seen in different types of color deficiency.

Custom color palettes can be created, printed and saved as Pdf to the user’s desktop.

Dot3D

Dot3D enables drawing a 16*16px image an viewing it in 3D.

Images can be easily rotated withing the canvas and saved as PNG files. Also, any drag’n dropped image is automatically drawn as a pixel image.

It is a handy application specially for icon designers.

Fractal4D

A very interesting Adobe AIR application that makes it possible to draw fractal swirls.

By playing with the options like "points in use, line thickness, colors" it is possible to get very surprising results.

Drawn images can be exported as Illustrator files or saved as images.

Random Pattern

It lets you to create random patterns which you have control on some variables.

It is possible to define the "number of elements", "color scheme used", "width/height", "corner radius" of the objects.

Preset files can be loaded & results can be saved as .SVG files.

Adobe Fireworks – Auto Backup

For Fireworks users, this can be a real life-saver. It automatically creates backups of  .PNG files which they are modified.

An interval can be set for the backup. A nice solution specially for possible Fireworks crashes.

Caliper Project

A caliper for measuring objects pixel perfect. It floats over any other applications, can be dragged & rotated with hotkeys.

pixDIF

An application for:

• measuring the pixel distance/size of something when you’re not in Photoshop
• testing how a new visual update would look in your websites

It floats an image over any other applications and makes imagining "how it would look" very easy.

Lita – SQLite Administration Tool

An SQLite admin tool that runs on the Adobe AIR platform.

It enables users to manage databases, tables, columns & records. SQL queries can be ran, databases can be encyrpted/reencryped & more.

htmlText Editor

Specially for Flex developers, it provides a shortcut to having htmlText generated in a WYSIWYG type editor.

It updates both ways: while updating the htmlText or the rich text. Optionally, it can wrap the htmlText in CDATA tags and what you copy to the clipboard will be wrapped in the CDATA tags.

Bolso

Bolso is an Amazon SimpleDB GUI which displays the data stored in the service.

It can run custom SQL queries, add/edit/delete/view items, import phpMyAdmin exported data & much more.

SQLFury – SQL Injection Scanner

An SQL injection scanner, using blind SQL injection techniques to extract information from a target database.

It supports, MySQL, PostgreSQL, Oracle & Microsoft SQL Server.

De MonsterDebugger

An open source debugger for Adobe Flash, Flex & AIR.

It can trace strings, numbers, objects, arrays, xml and even custom classes, edit properties in runtime, explpre your live application & much more.

P.S. Alcon: another Adobe AIR based debugger for ActionScript developers.

And a healthy bonus:

RelaxMyEyes

For anyone who works with computers, eye health is something that requires attention. So, every x minutes, taking a break is a must.

This tiny application runs in the background & warns you when it is time to relax your eyes. Very handy for designers & developers, people who are ,clearly, very concentrated & don’t realize how time goes by.

Books On Adobe AIR & Flex:

• Adobe AIR Bible (Bible (Wiley))
• Adobe AIR 1.5 Cookbook: Solutions and Examples for Rich Internet Application Developers – (PDF Version)
• Flex 3 Cookbook: Code-Recipes, Tips, and Tricks for RIA Developers (Adobe Developer Library)
• Professional Adobe Flex 3 (Wrox Programmer to Programmer)

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Site-Specific Browsers: Turn Websites Into Desktop Applications
• Real-Time Site Analytics Tool: Woopra
• kuler: Discover And Share Colors
• INSPIRE: A Publication Of Adobe Experience Design Team
• Free Remote Desktop Sharing Applications

Controlling these applications via keyboard is a part of this "mastering process" which helps you use an application with 2 hands = much faster.

Also, knowing the tricks of tools inside these products definitely opens new doors for creating.

Specifically for designers, here is a list of cheat sheets for the most popular applications like Photoshop, Illustrator, Gimp, Fireworks & more..

Photoshop CS4 Keyboard Shortcuts

Keyboard shortcuts are very well organized, both by menu & alphabetically.

Also, shortcut presets that add lots of extra shortcuts are provided too.

Keyboard shortcuts for previous Photoshop versions:

• Adobe Photoshop CS3
• Adobe Photoshop CS2
• Adobe Photoshop CS
• Adobe Photoshop 7
• Adobe Photoshop 6
• Adobe Photoshop 5

Photoshop Black And White Cheat Sheet

There are many different way & settings for converting images to black and white with Photoshop.

This is a Photoshop file presenting different filters/presets. Just update 1 file & see the various outputs.

Photoshop Brush Tool Cheat Sheet

A compact & helpful guide on Photoshop’s brush tool.

Photoshop Lasso Tool Cheat Sheet

Adobe Illustrator CS4 Shortcuts (Mac – PC)

For the previous versions of Illustrator:

• Adobe Illustrator CS3 Shortcuts (Mac – PC)
• Adobe Illustrator CS2 Shortcuts (Mac – PC)

Adobe InDesign CS4 Keyboard Shortcuts (Mac – PC)

For the previous versions of InDesign:

• Adobe InDesign CS3 Shortcuts (Mac – PC)
• Adobe InDesign CS2 Shortcuts (Mac – PC)

QuarkXPress 8 Keyboard Shortcuts (Mac – PC)

For the previous versions of QuarkXpress:

• Adobe QuarkXPress 7 Shortcuts (Mac – PC)

Adobe Pen Tool Cheat Sheet

The Adobe pen tool works similar in Photoshop, Illustrator and InDesign. Tips & tricks on using this powerful tool.

Gimp Keyboard Shortcuts (direct link to PDF file)

And more on Gimp:

• Gimp Quick Reference Card (direct link to PDF file)
• Gimp hotkeys on Linux
• Photoshop-ish Keyboard Shortcuts for The Gimp 2.2

Fireworks CS3 Quick Reference (Mac – PC / direct link to PDF file )

Quick references for previous Fireworks versions:

• Fireworks MX quick reference (Mac – PC)
• Fireworks 4 quick reference (Mac – PC)

Freehand MX, 3D Studio Max, Illustrator & More Shortcuts

Computer Arts presents keyboard shortcuts for Freehand MX, 3D Studio Max, Illustrator, InDesign & Photoshop.

3D Studio Max 9 Keyboard Shortcuts

Keyboard shortcuts for previous versions of 3D Studio Max:

• 3D Studio Max 7 Keyboard Shortcuts

Adobe Bridge And Camera Raw 3 Shortcuts

Final Cut Pro 5 For Mac Shortcuts

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Online Image Editors – Why To Use Them And 5 Amazing Ones For Designers
• Design With Grids: 960 Grid System
• Christmas Design Toolkit: Photoshop Brushes, Vector Images And Tutorials
• BlendFu: Photoshop And GIMP Brushes Library
• 30+ Halloween Photoshop Brush Sets And Vector Images

It is for anyone who is curious in finding out the source of an image to test its authenticity.

The application can open various file types that contains an embedded JPEG image like: .JPG, .AVI, .MOV, .PDF & more.

Besides the authenticity, JPEGSnoop provides other detailed information about the images like:

• JPEG quality & resolution
• EXIF metadata
• Makernotes
• RGB histograms & more..

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Windows 2008 Hosting Discount Offer: Easy CGI
• Site-Specific Browsers: Turn Websites Into Desktop Applications
• Server Supervisor: 3 Licenses Giveaway
• Paymo: Full-Featured Time Tracking & Invoicing (20 Lifetime Invoice Accounts Giveaway)
• Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies

AIE, an open source Ajax image editor, is one of them but with a difference: it can be installed under your websites.

So, besides using it as a standard image editor, it can be integrated with other applications you use (like image galleries, blogging apps., etc) by simply setting the "images folder" of these applications.

AIE has great features like:

• resizing images
• cropping images
• rotate/flip images
• apply filters
• add text with a text tool
• apply watermarks & more..

It is built with Ext JS & uses PHP+ImageMagick on the server-side. For a demo, click here.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Use PHP Functions In JavaScript: PHP.JS
• Use Any Font In Your Websites With FLIR
• Track Mouse Activities With JS And PHP: (smt)
• Tiny Content Management System: OneFileCMS
• TestSwarm: Continious & Distributed JS Testing

The collages can be in any shape, including the ready to use templates or the ones that you can create from scratch.

Images used can be selected from the computer or web. And, they are totally customizable:

• Size & number of the photos, collage size, spacing between photos can be defined
• Background image/color & borders can be selected

The collage created can be in GIF, JPEG & PSD format (so you can edit the collage more).

The software has Windows, Mac, Linux & Java versions.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Free Weather Icons Collection
• Free W3C Validation Icons (With PSD File)
• Web Elements Kit (PSD) For Designing Faster
• Web Applications Classic Button Set
• Sweetie: Cute And Clear Icons

It can run at the background, can be called via hotkeys and enables you to take a screenshot of:

• the screen
• the window
• a selected area

The image format, quality, how it will be named & where it will be saved can be pre-defined.

And, once the screenshot is saved, it can notify you with a "tray icon popup" or a sound.

P.S. It only works in Windows OSs.

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Windows 2008 Hosting Discount Offer: Easy CGI
• Site-Specific Browsers: Turn Websites Into Desktop Applications
• Server Supervisor: 3 Licenses Giveaway
• Paymo: Full-Featured Time Tracking & Invoicing (20 Lifetime Invoice Accounts Giveaway)
• Microsoft WebsiteSpark: A Program For Small Web Design/Development Companies

This makes a website easier to maintain/update & creates a better development environment by enabling developers & designers to work together easier.

It sure has some drawbacks which is generally the performance (most libraries offer great solutions there) & need to learn a new syntax (not always).

To mention, using a template engine may not be suitable for every project. A website with few pages will probably won’t need it. But it can improve the development process of a portal, an e-commerce site or another web application easily.

Here are 19 PHP template engines with very nice features & have a continious development:

Smarty

The most popular PHP templating engine which prefers to call itself a "template/presentation framework" as it equips both the designer & programmers with powerful tools at the presentation layer.

It has a robust caching mechanism as well as a strong plug-in & add-on support.

With the template functions, debugging capabilities, security it provides & continious development, Smarty is a great engine.

Dwoo

Dwoo aims to be a serious alternative to Smarty with a cleaner codebase.

It has almost a totally compatible template & plugin system with Smarty.

Some main features are:

• Template Inheritance, a fresh look at complex template structures, now built without includes.
• Flexible plugin creation.
• Scope aware engine, allowing for  shorter templates.
• Unicode / UTF-8 support for string manipulation functions & more..

Savant

A lightweight templating engine for PHP.

it uses PHP itself as its template language & no need to learn a new markup system.

Template Blocks

Template Blocks is a visual template engine, replacing any semantics of previous generation engines with an AJAX interface.

The engine is lightweight, flexible & extensible.

You can give any section with static content any extension of these popular extensions you like: .html, .htm or .php. They will all load up the same content!

Open Power Template

The new Open Power Template contains a built-in XML parser that fully understands the structure of your HTML code. It can find unclosed tags and perform complex operations on its structure.

For a better performance, every template is compiled into the PHP code, so that its execution is fast and can be speeded with the PHP accelerators. And results are cached.

TinyButStrong

A very easy to learn & implement templating system.

It is only 1 file, 1 PHP class with 6 methods & 5 properties.

Simplicity is its power. It can connect to any database, has a caching system & provides easy date-time and numeric formats.

Rain TPL

An easy to use and install engine which has 6 tags, 3 PHP functions and 2 PHP classes.

Rain TPL is WYSIWYG friendly, you can work with img/css relative paths & they are converted to the correct server path.

PHPTAL

PHPTAL is a PHP implementation of ZPT. To be short, PHPTAL is a XML/XHTML template library for PHP.

While most web developpers continue to use PHP tags as the core language of their templates, the Zope community came with a refreshing idea named TAL which is moving presentation actions inside XHTML attributes instead of using plain tags or elements.

PHP Template Engine

This PHP templating engine uses PHP, not a template scripting language.

It has a straightforward user authentication, session & cookie system. There is a built-in support for MySQL connections & your own classes/functions can be added with ease.

Template Lite

Template Lite, previously known as Smarty Light, is a drop in replacement for Smarty.

It supports most of the features of Smarty. Also, mentioned to be faster & consumes less memory compared to Smarty.

VTE – Vivvo Template Engine

VTE, originally built for Vivvo CMS but distributed for free, is light-weight, easy to use, yet powerful and scalable.

The template engine that can do recursions, object calls, arrays, but still remain within a single class in less than 1000 lines of code!

VTE language is XML-based and it consists of tags and attributes.

XTemplate

XTemplate allows you to store your HTML code separately from your PHP code.

It has many useful features yet code is short, highly optimized & used in various commercial & open source projects.

vlibTemplate

vlibTemplate is a class for templating PHP applications. It is normally included in the vlib package which has the following 3 classes:

• vlibTemplate
• vlibDate
• vlibMimeMail

Using this class you set the values for the variables, loops, if statements, etc. which are declared in the template. This enables you to separate all of the design from the data, which you create using PHP.

PHP-Sugar

It has a similar spirit with Smarty.

A flexible compilation engine that allows expressions similar to that of PHP itself is used. It also has a clean and easy to understand syntax.

Output is HTML-escaped by default, instead of requiring explicit escaping like PHP itself, which makes it far less likely to accidentally introduce an HTML or JavaScript code injection vulnerability from user-submitted content.

FXL Template

FXL Template an easy to use template engine covering all the basic features of a template system.

It supports:

• simple text/array assignments
• blocks
• nested blocks.

The template markup is really easy to learn & for high traffic enviroments a "memcached" cache extension exists.

Blitz templates

Blitz templates is a fast template engine written in C and compiled as a PHP module.

It started as a php_templates replacement, but developed into much more. It is based on extensible template controllers (PHP) and weakly-active templates (HTML).

Vemplator

With 220 lines of code, Vemplator offers:

• Conditionals: if/else and switch statements
• Dot-notation for class member variables (customer.name)
• Associative and numerical arrays (row[0] and rows[1]['name'])
• For-each looping over arrays (associative and numerically indexed)
• Includes (included templates are parsed and cached separately)

Template Engines Under PEAR

4 PEAR packages on templating:

• HTML_Template_Flexy
• HTML_Template_IT
• HTML_Template_PHPLIB
• HTML_Template_Sigma

QuickSkin

QuickSkin, previously known as SmartTemplate, works like a ‘template compiler’ that converts templates into executable PHP code and stores it for later reuse.

It supports:

• Simple Scalar Substitution (Strings, etc.)
• Block Iterations (nested Arrays / BEGIN..END)
• Basic Control Structures (IF..ELSEIF..ELSE)
• Custom Extension (Output filters, uppercase, sprintf, etc.)
• Template Compilation (HTML templates are converted to executable PHP Code)
• Output Caching (Accelerates your applications by reusing page output)

What is your preference of PHP template engines & why?

Further Readings

• 1 line template engine
• A templating class called Bob
• How to write a simple PHP template engine
• Phammable: HAML parser / integration framework for PHP
• Making XML/XSLT driven site using PHP
• TemplateTamer – PHP template development tool

Special Downloads:
Ajaxed Add-To-Basket Scenarios With jQuery And PHP
Free Admin Template For Web Applications
jQuery Dynamic Drag’n Drop
ScheduledTweets

Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Follow WebResourcesDepot At Twitter And Get More Resources!

Related posts

• Wiki-Like Project Management Tool: Streber
• Web-Based MySQL Management With Only 1 File: Adminer
• Web Server That Runs On CD-Rom: Server2Go
• Web Based Task Manager: TaskFreak!
• Voice Enabled Powerful Web Chat Software: Ajax Chat