Archive for February, 2009

Free Flash Menus & Animations From SoulWire

// February 28th, 2009 // No Comments » // Website Resources

SoulWire, a blog dedicated to ActionScript & illustrations, is presenting good looking & customizable flash menus / animations.

There are both AS2 & AS3 resources and source codes can be downloaded too.

AS3 Circular Group94 Style Scrolling Menu

Flash Menu

A totally customizable menu, built with AS3, that is very suitable for displaying various menu items in a vertical space easily.

3D Ribbons In Papervision

Flash 3D Ribbons

An AS3 class for creating 3D ribbons effects. It uses TweenMax as the tweening engine & has more than the features presented in the demo (which may be processor intensive).

Besides the resources presented, there are other great ones like:

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Canvas Tooltips With jQuery: BeautyTips

// February 26th, 2009 // 1 Comment » // Website Resources

BeautyTips is a jQuery plugin which draws tooltips in realtime using the canvas element.

The tooltips are very flexible and can be triggered in various ways.

jQuery Tooltips

Every tooltip, by default is displayed at the side of an element where there is more space. But the position can also be forced.

Content can be hard-coded, called from an attribute or with an Ajax request.

The look & feel of the tooltips can be totally customized considering they are canvas elements.

BeautyTips works in all major browsers, including iPhone (requires ExplorerCanvas for IE).

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Change the Web Challenge

// February 26th, 2009 // No Comments » // Wordpress

We’re excited to be part of the Change the Web Challenge.

Basically, the contest is to create a plugin, widget, mash up, hack, or other variety of web application that helps people find and share opportunities to take action. The grand prize is 50 benjis, and the best WordPress plugin will also be featured in the Plugin Directory. But the real prize is spreading a little more love in the world.

Click here for all the details.

Writing a Plugin” in the WordPress Codex is where I got started when I needed to get hooked in to WordPress. Others might like to grab one of the over 4,000 open source WordPress plugins and tweak the source. If in need of a little help, the Plugins and Hacks forum is full of friends to assist you wrap your head around the code or debug a problem. Social Actions also has provided some developer resources.

Let’s show them how we change the web the WordPress way!

jQuery File Upload Plugin

// February 26th, 2009 // No Comments » // Website Resources

This is a jQuery plugin for creating a file-upload functionality quickly & easily.

It inserts a Flash browse button (that can be customized) in to the webpage where users can select a single file or multiple files and view the upload progress.

jQuery File Upload Plugin

The plugin comes with a PHP file for uploading the files. But that can be converted to any language of your preference.

There are various customization options provided like:

  • Paths of the files used & the folder where files will be uploaded
  • Enable/disable multiple uploads
  • Browse & cancel buttons used
  • Extensions & size limit allowed
  • Enable/disable auto-upload after selection
  • Callback functions at every step

It comes with the FLA file too & a demo can be found here.

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: , ,

Related posts

Obituary For IE6

// February 25th, 2009 // No Comments » // Website Resources

IE6 ObituaryIE6, well, was a browser with fresh features when it first came out but it is currently 8 years old (must be about 160 human years).

It is still around, mostly because it came bundled with many distributions of the most popular Windows OS ever: XP & bad luck that users still have that old CD.

So, within time, unlike every software, it didn’t disappear, got more powerful & managed to build new communities around it: "designers & developers who try to overcome the IE6 difficulties", "users with bad browsing experiences".. : ).

Now it can even:

  • Make a web project development process longer
  • Shorten the life of a web designer / developer (that’s what I had tweeted while working on an IE6 compatibility)

But it is time to go now. Hopefully quickly (with the medal).

Within this 8 year period, just for IE6, designers & developers are:

 

Defining The Problems & Creating Solutions


Explorer Exposed!

Internet Explorer Bugs

Position Is Everything provides an amazing list that defines Internet Explorer problems (not only IE6) in detail & shows some workarounds.

IE CSS Bugs That’ll Get You Every Time

IE6 Bug

CSS-Tricks presents the most common IE6 problems that can be faced including the box model & double margin bug.

IE6 - CSS Bugs and Fixes Explained

IE6 CSS Bugs

Dave Woods explains several IE6 CSS bugs & how they can be fixed.

Unit PNG Fix

IE6 PNG Fix

A script, inspired from supersleight, to fix the popular transparent PNG problem. There are also many others like:

IE PNG Fix

IE PNG Fix

One of the first fixes which is developed continiously. It adds near-native PNG support with alpha opacity to IE 5.5 and 6.

And there are many others like:

 

Trying To Stop It!


Stop Living In The Past

IE6 Campaign

A campaign to acknowledge users that still browse with IE6. Users can find the reasons for upgrading IE6 & with a scripr presented a warning can be displayed to IE6 users.

STOP IE6 Campaign

Stop IE6

The website lists the reasons why IE6 isn’t needed anymore & provides a script. The script can be installed on any website which will display why users shouldn’t use IE6 to users who visit the website via IE6.

I Dropped IE6

Drop IE6

A website that encourages website owners to drop IE6 support & lists the ones already dropped.

Stop IE6

Stop Internet Explorer 6

A very similar campaign that aims to stop the usage of IE6. It provides easy-to-install widgets that redirect users with IE6 to their website for informing them.

 

Even Wrote Letters


Dear IE6

Dear IE6

Want to have IE6-related fun for a few moments? Then this website is for you.

It displays short letters - by users -  that is written to IE6.

A Letter To IE6

Letter To IE6

 

A very funny letter written to IE6. From the letter:

It’s not you, it’s me. You’re still the same girl I met 7 years ago.

 There are also letters written to IE6 users like this one.

 

 And, Many Already Decided Not To Support It


Or Support It Partially

 

Conclusion


If IE6 hadn’t existed, we would probably be more productive by having the time spent on fixing bugs & writing hacks.

And, it is very clear that, if we, web designers & developers, don’t drop the support, IE6 is not going anywhere.

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: ,

Related posts

Open Source Support Ticket Software: RT

// February 25th, 2009 // No Comments » // Website Resources

RT (Request Tracker) is an open source support ticket software that helps managing user-submitted tasks, issues easily.

Users can submit tickets via e-mail (e-mail piping) or from a web-based interface.

Open Source Support Ticket

Tickets can have priorities & admins can assign them to each other if needed. And, it tracks critical information like time spent per action, due dates, and estimated time to completion.

From one installation, RT can track multiple projects for multiple teams. The application is written with Perl & works with MySQL, PostgreSQL or Oracle.

For a full list of features, click here.

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: , , ,

Related posts

Free Pixel Patterns From Kaliber10000

// February 24th, 2009 // No Comments » // Website Resources

Kaliber10000 has a huge collection of free pixel patterns.

There are currently 900+ free patterns that can be previewed & browsed easily.

Free Pixel Patterns

Some patterns in the collection are limited to non-commercial use or some may require a link back. They are mentioned very clearly for every pattern.

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags:

Related posts

A Project To Improve User Experience: Fluid

// February 24th, 2009 // No Comments » // Website Resources

Fluid is an open source software community that:

  • builds user interfaces and commonly used interactions
  • teaches others how to build good user-centred designs
  • works with other software projects to integrate created solutions into their applications.

They have ready-to-use solutions that will attract both designers & developers.

Fluid Project

Fluid Infusion

A set of rich, reusable, accessible web UI components. They are built with usability and accessibility in mind. All are unobtrusive & degrade gracefully.

Some of the components are:

Fluid Open Source Design Pattern Library

A resource presenting design patterns in detail. Currently, it is not a huge library but updated regularly & will be very handy in the future.

Fluid Design Handbook

A guide on user-centered design (UCD) techniques you can use to learn from your users and design better user experiences.

It has information on a variety of UCD practices, from performing user research and creating models (such as personas and scenarios to inform the design process) to performing UX walkthroughs and user testing of your website or application.

Advertisements:
SSLmatic - Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
Follow WebResourcesDepot At Twitter And Get More Resources!

Tags: , ,

Related posts