InstantShift, a popular blog on web design and development, is sharing a set of 40+ good looking icons.

The icons are simple-yet-beautiful, have a chic texture over them + come in 2 formats:

  • .PNG – which are sized 32x32px
  • .PSD – which are layered and can be resized as you wish

P.S. They are free to use in both personal and commercial projects.

Textured Vector Icons

Moto CMS, one of the leading Flash CMS and Flash template providers, is giving away 3 premium Flash CMS templates (at the price of $220 to $275 each) from their collection to WRD readers for free.

Moto Flash content management system is a powerful application that allows its users to create easily editable, professionally looking and SEO-friendly Flash websites with minimum efforts.

Moto CMS is available as a standalone version (for developers mostly) and along with a Flash CMS template (for both developers and the users with no programming knowledge).

MotoCMS

The premium Flash templates are complete Flash websites with Moto CMS integrated that can easily be customized and then managed via the mostly intuitive control panel.

Each Moto CMS template is equipped with the set of built-in components and tools including:

  • WYSIWYG Editor
  • MP3 and media player components
  • video and image gallery components
  • the convenient image editor (that allows the users to edit images right within the control panel)
  • news widget
  • RSS module
  • Google Maps widget
  • contact form module
  • and many more.

The template package includes:

  • professional Flash design
  • MotoCMS License
  • lifetime Tech-Support
  • inVersion software updates

and requires PHP 5.2+ with Zend Optimizer 3.3+ to run..

How to Win?

For joining the giveaway to win one of the premium Flash CMS templates, just comment to this post mentioning "why you would like to win".

For increasing your chances, you can tweet about this giveaway with:

  • Giveaway of 3 @motocms Flash CMS Templates at WRD – RT this message & comment to participate! Details: http://bit.ly/mgCGiM (click to tweet easily)
  • and post a new comment with the link of your tweet

The winners will be selected randomly on 7 June 2011 (1 week later) with the query below:

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

Good luck everyone!

At WRD, several applications for generating CSS sprites are shared until now. With their pros and cons, all of them are easing a time-consuming process.

Css-sprit.es is another web-based CSS sprite generator that offers very nice options including:

  • getting the sprite image as JPG, GIF or PNG
  • stylesheet being CSS or SASS
  • CSS-based rollover effect (with few different effects)

Also, it is possible to upload a sprite image (rather than uploading images one-by-one), select the relevant areas and get the CSS code as a result.

Css-sprite.es

Heatmaps, which we usually see in analytics apps, are a great way of visualizing density.

ClickHeat (WRD article), a PHP class, is probably the most popular open source resource for creating them. Another alternative is Heatmap.js which eases creating them with only JavaScript.

Heatmap.js

This JavaScript library uses HTML5 canvas for generating the visualization with the data provided.

It can be customized completely including the color gradient, opacity, datapoint radius and much more.

Heatmap.js is a fresh resource, the documentation is inside the code and various examples are provided to get you started.

Awkward Showcase is a very flexible jQuery content slider plugin that can display any type of HTML content.

The plugin only controls the functionality and design is completely created on the HTML-CSS side.

jQuery Awkward Showcase

Slider can have thumbnails that are positioned vertically or horizontally, captions can be displayed for each item and multiple tooltips can be positioned over slides (to provide detailed info about a specific part of the slide).

It can auto-arrange the height according to the content displayed, has multiple transition effects, the interval between each slide can be changed and much more.