Free Flash Menus & Animations From SoulWire

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

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

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

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

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

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

SEO Check List / User Guide

cheap-search-engine-optimisationSometimes I mention the word SEO to clients and I am immediaitly met with a puzzled look or long pause, whats that?

SEO is short for search engine optimisation, this means optimising your website to give you the best possible chance of performing online, so the next question of course is, how the hell do we do that?

There are some fundamentalsof search engine optimisation that every website should adhere to, I am sure everyone has there own way of doing things, after all SEO is not an exact science, but here is how I do it;

1) Choose a Good Domain Name

When selecting a domain name, try to pick one that is relevant to your website, content and what you think other people will be searching for you under Google. e.g. cheapwebsitedesign.com if you want people to find you under the search term cheap website design.

2) Title Tags 

When looking at a website, right at the top you will see a title for the website, not on the page itself, I am talking about the writing right at the top of your website browser, above the URL/address bar. The title tag on your page is one of the most important parts of helping you to acheive a decent rank in search engines. You need to make sure that the title tag relates to the content of your page. So if your page is about Apples then your title tag should also be about apples. If you can include a couple of keywords in your title tag then this is fantastic!

3) Meta Tags

I am sure that many people will say different things about meta tags, the keyword meta tag is rarely used anymore by the majority of search engines and appears to have no direct impact on your ranking in the larger search engines like Google. The description meta tag is however a different kettle of fish, you will see this along with the title tag in search results e.g. when you search Google, the list returned shows a link/title (this is your title tag) and a small description, this is your description meta tag. Just like the Title Tag it is a good idea to try and get a couple of keywords or phrases relating to your web page in there.

4) Content – KeyWord Density

Within your website content, you should try to refer to keywords or phrases that you think people will be searching for online. Search engines will root through your content and total up the number of times each word/phrase displays, so without writing random text or lines and lines of keywords, try to include them as much as you can in relevant places.

5) Heading Tags – H1, H2, H3

Heading tags should be used as titles within the page itself, these should be used in corresponding order e.g H1, being the first heading tag, should be the most important title on your page. Again refering back to Apples, your H1 tag should be…..yep….you guessed it…..Apples.

Then depending on your content, you may have another paragraph about red apples, so your h2 tag should be…..yep……red apples….now your getting it.

You should keep to this structure throught your page an never use more than 1 of each of the heading tags.

6) Alt Tags

Every image that is on your page should have an alt tag, you see, search engines do not have eyes, they can not look at the picture and think, oh thats obiously a picture of an apple tree, so we have to tell them what it is, we do this by using an Alt tag in all of our images

7) Naming Conventions of Images, Navigation & Pages

All images and pages need to have the correct names, again all of your names for any folder or file should be relevant to your website. So for any pictures that I am placing in my main content about Apples, I would ensure that the name of my images related to Apples. e.g. red-apples, green-apples, apple, fresh-apples, anything at all to do with Apples.  I want to fo the same with my pages too, the homepage obviously has to be index.htm but for the other pages we can name them anything we like, so be sure to name them something relevant to the content on the page.

I might have index.htm for my homepage, red-apples.htm for my page about red apples, green-apples.htm for my page about green apples etc.

The links in your navigation to these pages should also be search engine friendly, such as HOME | GREEN APPLES | RED APPLES

Our overall goal that we are trying to acheive is to make sure that all elements of SEO are related to each other, all titles, h1, content etc reflect the same or similar things (in this case Apples) so that when a search engine visits your website they can clearly determine what your website is about. But presenting your content in this way will give you the best possible chance of perming well in search engines.

8 ) Start A Blog Relevant to Your Industry

Having a blog on your website is a great way to build up more content, as long as you adhere to the above guidlines of course! By adding relevant articles to your website will mean that more pages on your website are indexed and more people will visit your website as a result of articles on your blog. Hopefully if you blog is relevant then these people will click through to your main website from the articles.

9) Build Up Links

So I think that around 20% – 30% of why you appear where you do in Google is done to the above points I have raised, however I beleive that the other 70% – 80% is down to the amount of other websites linking back to you. You need to get your website out there, into as many relevant directories, search engines, blogs, social networks as possible. The more links the better! and the more relevant the website the better!

When creating your link or asking people to link to you, make sure that the link itself is a keyword or phrase that you want to associate with your business, do not simply use your domain name.

Definate DONTS of SEO

Over populate key words

Duplicate content

Hide links in your backgound

Use URL’s such as www.youdomain.com/shop?productID2211233

Free Pixel Patterns From Kaliber10000

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

Free WordPress Templates

As you can probably tell, WordPress is my all time favourite bloggin platform, not only that, it is also fantastic as a CMS and can provide masses of functionality to your users with the simple integration and customisation of a few plugins. The possiblities are endless.

Every design I create is custom/bespoke to each of my clients, but I do look around online for inspiration to really get the creative side of my brain flowing. Here are some resources to free WordPress templates that can help you to get some ideas or to use as a basis for your next design.

Of course, if you are looking for premium wordpress themes, then I highly reccommend our sponsor on the right WooThemes

Smashing Magazine – 100 Excellent Free WordPress Themes

Freshezzy – a growing online catalogue of free themes

WordPres- Where better to look than WordPress itself

Smashing Magazine – 83 Beautiful WordPress Themes

Pingable.org – 20 Magazine style themes

Smashingapps.com – Premium like themes for FREE!

Noupe – More premium like themes for FREE!

A Project To Improve User Experience: Fluid

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