A blend of programming and seo

Category — web dev

How to create a multi-file uploader for your website

If you own a website of any kind and have ever wanted to allow your users to upload multiple files from a single screen, you have a few choices:

  • a java applet
  • an active X control
  • A Flash app
  • multiple file input elements (which is messy and not very efficient)

The following is a much easier way to allow multiple file uploads. Using DOM (The Document object Model), one file upload box can be created making it much easier and more user-friendly.

multiple uploads How to create a multi file uploader for your website

Installation and usage

Installation is pretty easy. The download includes sample code that you can use on your website.

All files and example of usage can be downloaded Here

October 15, 2009   No Comments

5 great freelance sites for developers

The following are five great websites that I have found for freelance work. This is for mostly programming/development, which includes PHP and many other languages.

1) http://www.rentacoder.com

Rentacoder is good place to find small to mid-sized projects for earning extra money. It also offers a rating system which can hurt or help you depending on your work.

2) http://odesk.com/

Odesk is a little bit different than the rest of the sites listed here. Instead of bidding on projects, you bid on hours. Employers can list the amount of hours/week and # of weeks they need out of a potential freelancer.

3) http://www.craigslist.com

Craigslist is great because there is no barrier to entry for either the employer or the potential freelancer/employee (it is also among the top sites on the Internet). This can also be a detriment because anyone with a computer can post a job listing.

4) http://programmermeetdesigner.com/

A unique website that provides an opportunity for programmers to meet and work with designers.

5) http://www.guru.com

Guru.com is a clean and professional website that has lots of large-scale projects. It also has a fairly high barrier to entry for the employers, which usually means better paying jobs.

June 4, 2009   5 Comments

How to create an animated favicon

What is a favicon?

A favicon (short for “favorites icon”), also known as a page icon, is an icon associated with a particular website or webpage. A web designer can create such an icon, and many graphical web browsers —such as recent versions of Internet Explorer, Firefox, Mozilla, Opera, Safari, iCab, AOL Explorer, Epiphany, Konqueror, and Flock—can then make use of them. Browsers that support favicons may display them in the browser’s URL bar, next to the site’s name in lists of bookmarks, and next to the page’s title in a tabbed document interface.

Guidelines

The following are guidelines for displaying a favicon on your website:

  • The link elements must be inside the head element (between the opening and closing head tag) in the HTML.
  • The image can usually be in any image format supported by the web browser, the major exception being IE, which only supports ico.
  • The .ico file format will be read correctly by all browsers that can display favicons.
  • Use the appropriate color depths (ICO: 16X16;4, 8, 24 bpp—i.e. 16, 256 and 16 million colors GIF: use 16×16 in 256 colors PNG: use 16×16 in either 256 colors or 24-bit).
  • I have found that you do not have to place html on your website. You can just place a favicon.ico in the root directory of your website, but it may take longer to show up in some browers.
  • Creating an animated favicon

    Animated favcons are easy to create. After following the guidelines from above, you just need to create an animated gif and rename it: favicon.ico. It is currently not supported in Internet Explorer.

    Examples of sites that have animated favicons:

More information on favicon can be found Here

May 19, 2009   1 Comment