Connect With WRD
feed via e-mail
feed via e-mail

sIFR is one of the most popular solutions for using any font on websites.

There is now another similar solution named sIFR Lite which has some new features but specially much lighter (3.7kb rather than 22kb).

sIFR Lite

Here are the other differences:

  • It auto-detects the text color of the elements (they are entered manually in sIFR).
  • It is completely object-oriented.
  • It no longer uses CSS selectors. Elements are targeted by tag name and class (a slight loss in ease of use, but faster, lighter, and more maintainable).

The original sIFR is well-tested & widely used but sIFR-Lite is not. So, it would be great to hear your experiences about sIFR-Lite.

BannerSnack, a stunning & easy to use online banner maker application, is giving away 3 Premium Plus Licenses / 1 Year ($149 value/license) to WebResourcesDepot readers.

Details of the giveaway can be found at the bottom of the post.

What is BannerSnack?


BannerSnack is an online banner maker that enables both non-Flash-experienced & experienced Flash users to create quality Flash banners without Flash programming.

It provides all the features you may need:

  • High-quality text & image effects
  • Ability to control all aspects of effects & objects (durations, sizes..)
  • Predefined templates (or you can create from scratch)

After creating a banner, you can embed the link provided by BannerSnack to display it. This way, you can update the banner anytime from the online banner maker application without updating your website’s code again.

Or, you can export the generated banner to a SWF file & upload it to your website (very soon).

An example banner:

BannerSnack Interface

To give you an idea, I have created a simple banner with the steps:

  • Uploading images
  • Inserting images
  • Choosing the in-out effects & durations of images
  • Adding a text & choosing the in-out effects & duration
  • Publishing it.
  • A total of 15 minutes (& it was the first time). That’s it.

Here it is:

BannerSnack has several plans (which includes a free one) to choose from. Click here to go to the product’s website.

How to win the free licenses?

Commenting to this post is enough to join this giveaway & winners will be selected randomly via the query below on 26 December 2008 (1 week later).

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

Good luck to all : ). is a website presenting modern & free logo designs.

There are currently 10+ logos, which is not so much, but new ones are added regularly.

Free PSD Logos

Download packages include the PSD source of the logos & fonts used.

All the designs provided totally free & can be used to get inspired, in clients works & so.

EasyDiagram.NET is an open source ASP.NET diagram control.

Using AJAX, EasyDiagram.NET is very fast yet simple enough even for the beginners.

ASP.NET Diagram Control

Some features of this free ASP.NET diagram control:

  • Drag’n drop support
  • Direct-draw and orthogonal modes
  • Easy node adding
  • Customizable lines & nodes
  • Ability to react node clicks (via Ajax)

EasyDiagram.NET is definitely an amazing & professional-level control that is a must-have for every ASP.NET developer.

Bad Usability Calendar is a calendar displaying "user interface design tips" with a sense of humor.

It has examples of exaggerated use of fancy Web 2.0 design, cover flow, personalization, pull-down menus and more…

UI Design Calendar

Examples from the tips:

  • Don’t require login if you don’t have to
  • Offer personalization where it adds value

It is presented in multiple languages, various sizes & PDF format.

HTML-Ipsum is a website presenting "Lorem Ipsum" text in HTML format.

It can also provide Mac-friendly outputs with:

  • Coda clips
  • Textmate bundles
  • Menu bar app.

HTML Lorem Ipsum

Several types of content is provided like:

  • Long-medium paragraph, one sentence
  • Unordered list – short/long items
  • Ordered list – short/long items
  • And a combination (with extras).

One feature that would be great is the possibility to switching to the "design-view" (although presenting the HTML is the main aim).

Ferdinand.Slider is a Prototype extension for creating simple image slideshows.

It uses a JSON file at any location as the data source which makes it possible to integrate with Flickr or similar services easily.

Prototype JSON Image Gallery

The extension has several options to set:

  • duration of effects
  • duration of image transition
  • opacity
  • background
  • prev-next buttons & more.

It is also possible to add more features (like a menu) to the slider as it can be controlled from outside with commands like slider.Next(), slider.Prev().

xBug is a JavaScript debugger that enables you to trace or step through your JavaScript code in real-time

It works with Chrome, Firefox 2/3, IE 6/7 & Safari 3.

JavaScript Debugger

Using xBug, you can:

  • set breakpoints, and watchpoints in a separate code window
  • see a trace log while your code is executing
  • inspect variables
  • get an indexed list of the functions/methods, and more…

P.S. It currently runs on the Windows platform.

JavaScript, with the rise of Ajax, is definitely a must-know-well for every web designer/developer.

Besides form controls, alerts & similar simple JavaScript usage, you can almost do anything with the help of JavaScript (& Canvas). Some samples are:

  • Drag’n drops
  • Animations
  • CSS manipulations, Ajax & more.

JavaScript Games
And there are JavaScript libraries which make them easier like jQuery, MooTools, Prototype, etc.

For any developer looking for advanced JS techniques, games are a real treasure.

You can easily see examples of animations, interactivity, smart solutions for browser related math functions & so.. And they are definitely a source of inspiration as you sometimes face with a feature that you never thought could be existed.

Also, this is the last month of a busy year & every web designer/developer deserves some fun : ).

So, here are 25 amazing (sometimes not the game itself but how beautifully it’s done) JavaScript games that you’ll love.


Bunny Hunt

Hunting JavaScript Game

A classic hunting game with an easy to play interface.

Make sure you check the source of the website to see how simply it is built with the power of XHTML, CSS & JavaScript.

JavaScript Library: none.


Ajax Game Travians

A character game (like Sims) where you’re a villager.

It is a multiplayer game & totally Ajaxed. You can move your character, communicate with other user & more.

JavaScript Library: xajax.

Digg Attack

Digg JavaScript Game

This is certainly a Web 2.0 game. It is a JavaScript / Canvas 2D Shooter using live data via the Digg API to spawn enemies.

All the images are rendered with Canvas in real-time.

JavaScript Library: none.

Read the rest of this entry »

Styled Menus is a website presenting various free CSS menus.

Menus provided are cross-browser compatible & W3C validated.

Free CSS Navigation

There are currently 20 menus & new ones added regularly.

It is a handy resource to directly use them or to get inspired.

Uptime Robot