Web 2.0 Gradient Buttons

CSS, Freebies, Graphic Design, Web Design No Comments »

Need some Web 2.0 style buttons? So did I, so I made a few different versions for the redesign of my website ITS Net Services. I only ended up using 1 of them, so I figured I might as well give the rest away.

They all come in 1 Photoshop file and include all the buttons separated in their own folders.

Web 2.0 Buttons
DOWNLOAD NOW!

I made most of these using the Ultimate Web 2.0 Gradients and Styles available to download for free from Deziner Folio.

del.icio.us Slashdot Digg Technorati

No Tag

20 Free CSS Containers

CSS, Freebies, Web Design 14 Comments »

I’m back again with more FREE CSS Containers to download. Unlike my previous set of FREE Content Boxes, these boxes were designed to be able to stretch as wide as need be. Simply adjust the size of the container css value to the width you need, or remove it completely to have it auto adjust its width. I have also remade the original boxes in this auto stretch way.

You may use these boxes for any purpose, and you do not have to credit me. However, you may not redistribute these on another website, or hotlink directly to these files.

Black Round

DOWNLOAD

 

Black Square

DOWNLOAD

Free CSS Content Box :: Black Round   Free CSS Content Box :: Black Square
     
     

Blue Round

DOWNLOAD

 

Blue Square

DOWNLOAD

Free CSS Content Box :: Blue Round   Free CSS Content Box :: Blue Square
     
     

Green Round

DOWNLOAD

 

Green Square

DOWNLOAD

Free CSS Content Box :: Green Round   Free CSS Content Box :: Green Square
     
     

Grey Round

DOWNLOAD

 

Grey Square

DOWNLOAD

Free CSS Content Box :: Grey Round   Free CSS Content Box :: Grey Square
     
     

Olive Round

DOWNLOAD

 

Olive Square

DOWNLOAD

Free CSS Content Box :: Olive Round   Free CSS Content Box :: Olive Square
     
     

Orange Round

DOWNLOAD

 

Orange Square

DOWNLOAD

Free CSS Content Box :: Orange Round   Free CSS Content Box :: Orange Square
     
     

Pink Round

DOWNLOAD

 

Pink Square

DOWNLOAD

Free CSS Content Box :: Pink Round   Free CSS Content Box :: Pink Square
     
     

Purple Round

DOWNLOAD

 

Purple Square

DOWNLOAD

Free CSS Content Box :: Purple Round   Free CSS Content Box :: Purple Square
     
     

Red Round

DOWNLOAD

 

Red Square

DOWNLOAD

Free CSS Content Box :: Red Round   Free CSS Content Box :: Red Square
     
     

White Round

DOWNLOAD

 

White Square

DOWNLOAD

Free CSS Content Box :: White Round   Free CSS Content Box :: White Square

del.icio.us Slashdot Digg Technorati

tags: css   free   web design  

FREE CSS Content Boxes

CSS, Freebies, Web Design 1 Comment »

I have created a selection of FREE to download CSS Content Boxes. These were designed to be used for side bar areas, but if you know your photoshop decently enough you can easily modify the headers to stretch as wide as you need. These CSS Content Boxes are all 100% XHTML & CSS Validated.

Black Content Box

DOWNLOAD

 

Blue Content Box

DOWNLOAD

Free CSS Content Box :: Black   Free CSS Content Box :: Blue

   
     

Green Content Box

DOWNLOAD

 

Pink Content Box

DOWNLOAD

Free CSS Content Box :: Green   Free CSS Content Box :: Pink
     
     

Purple Content Box

DOWNLOAD

 

Orange Content Box

DOWNLOAD

Free CSS Content Box :: Purple   Free CSS Content Box :: Orange
     

del.icio.us Slashdot Digg Technorati

tags: css   free   web design  

Rapid Bin - The best file host on the web

Miscelaneous, Freebies No Comments »

By now mostly everyone has used a photo host of one type or another. There are numerous websites to go to for your image hosting needs, however, none of them are anywhere close to as cool as RapidBin is. RapidBin combines the best of an image hosting site with the best a screenshot application can hope to offer.

Rapidbin can handle all the normal images you would expect an image host to handle. But that’s not where the real beauty of RapidBin comes in. RapidBin has a Win32 application (which means you can run it on your computer without installing it) which makes taking screenshots and uploading it a snap.

You can either take a snapshot of your entire screen, or use the “Shoot By Selection” option (which was my idea I gave to the creator coincidentally 8-) ) to select an area of your screen that you would like to screenshot. After taking the screenshot, the image is instantaneously uploaded onto the RapidBin server and the URL to the image is automatically copied to your clipboard for you paste away!

So save yourself hours of screen-shooting and editing and download the RapidBin application today!

Rapid Bin

del.icio.us Slashdot Digg Technorati

tags: host  

The best free icons on the web

Freebies, Graphic Design, Web Design No Comments »

Everyone loves icons right? Right! So I have put together a list of some of my favorite and some of the best icon sites I have managed to find on the internet, along with a few examples each of the site has to offer..

If you have any other great links to add to the list, just go ahead and leave a comment with the link.

This page will be updated regularly
Last Updated 1-14-08


H-T-D

email.png galaxy.png sample_clock.png

This site is one of my newest discoveries and has some of the best looking, highest quality icons I have seen. I don’t even know what to call the website because half of it is in another language of some sort, but I will take full advantage of all it has to offer, and I suggest you do to.


FREE ICONS WEB

Server Icons IE Icon Calendare Icon

Free Icons Web has quite an impressive selection of truly high quality icons. Most of the icons are not full sets, but mini sets with particular themes in mind. The icons I show above are just small samples of very different sets available for free.


Sweetie

Sweetie Cute & Clear Icons
Sweetie Web Communication Icons

Some small and clean icons to use for your various web development projects.


DESKTOP LAND

Money Icons Car Icon Network Icon

A very random selection of high quality and not as high quality icons. It’s not an all in one icon website, but you just may find the perfect icon you have been looking for.


WEB 2.0 BADGES

Web 2.0 Badge Web 2.0 Badge Web 2.0 Badge

A Web 2.0 badge generator. Select from many different badges, add your text, and download. Simple as that.


DESIGNER FOLIO

Web 2.0 Badge Web 2.0 Badge Web 2.0 Badge

A selection of a few good looking Web 2.0 badges available for download.


del.icio.us Slashdot Digg Technorati

tags: design   free   icons   web  

Great Free CSS Tools & Sites

CSS, Freebies, Web Design 2 Comments »

The web, such a bountiful source of free information. The really is no limit to the amount of information you can stumble upon and consume, and completely free no less!

After years and years of being a web designer, I have gathered quite a collection of links to websites that offer me unlimited amounts of css tips, tricks, and free downloads. I have decided to share my list with the rest of you. I hope you enjoy them, as much as I do.

This page will be updated regularly

Last Updated 1/25/08



Dynamic Drive

An amazing archive of numerous free css based scripts, menus, layouts and much much more. Some of my personal favorites are the ones that are inside the Dynamic category.

Dynamic Drive


Layout Gala

Free CSS layouts to download

Layout Gala


LightWindow

Of all the LightBox scripts, I think this is so far my favorite. It supports video, flash, external websites, forms, inline content (divs) and of course images. And it also looks amazing as well. Definitely a highly recommended script.

Light Window


ShadowBox

I really like this lightbox script. It might be in contest for my favorite lightbox script with the LightWindow one above. Best thing about this one though, is that its html will validate, which lets face it is increasingly important these day.

ShadowBox


Lightview

This is yet another script that can be used to overlay image on top of the current pag. It is very similar to Lightbox, Thickbox, and Greybox.

Before I get to the bad stuff, I will talk about the good parts about the script. The interface is quite nice looking, with white rounded corners and borders. The animation effect is also quite smooth and nice to look at.

However, I have tested this script on both IE6, and FF2 and I must say that it works better on IE6. On Firefox the animation is a little bit jittery, and gives a very strange effect outside of the borders. It almost looks like a magnifying glass is being put over the outside edge for a quick second, but after the animation is over, it looks great!. I suspect this is a bug that will be worked out in the near future. So defintely don’t hesitate to try this script out for yourself!

Lightview


Facebox

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages.It’s simple to use and easy on the eyes. Download the tarball, view the examples, then start enjoying the curves.

Facebox


Lightbox

Lightbox is a very simple script that can be used to overlay an image on top of the current page to keep users from being linked to other pages. It is an exceptionally clean way to show off your pictures, designs, and more.

Lightbox Script


Thick Box

Another version of the Lightbox script. This version adds support for more than just images, you can include iFrames, div’s and many other text based pieces of content.

Thick Box


Greybox

Yet another version of the Lightbox script. This one is probably one of the most well rounded versions I have seen. You can display external pages in the pop ups, and the gallery setup is just plain beautiful.

Greybox gallery script


MultiBox

This is one of the best incarnations of the Lightbox scripts I have seen so far. I am very impressed with this one, and suggest trying it out. Lightbox that supports images, flash, video, mp3s, html.

MultBox


HighSlide

Highslide JS is an open source JavaScript software, offering a Web 2.0 approach to popup windows. It streamlines the use of thumbnail images and HTML popups on web pages.

HighSlide



DHTML Goodies

DHTML Goodies has a high quality assortment of CSS / DHTML / AJAX scripts all available to download for free.

DHTML Goodies, Free CSS, DHTML, AJAX scripts


CSS Gradients

Think you need images to have gradients in your designs? So did I, at least I used to until a friend of mine told me about this website.

CSS Gradients




del.icio.us Slashdot Digg Technorati

tags: css   design   free   lightbox   web  

Pixie - The Color Helper

Freebies, Graphic Design, Web Design No Comments »

Years ago on a TV channel that no longer exists (Tech TV), on a TV show that also no longer exists (The Screensavers) I was introduced to a great little design helper application called Pixie by Nattyware

This small sexy little application, which is only a 160px X 82px size window, runs on top of your desktop, as well as on top of all your computer applications to help you quickly identify colors by simply putting the tip of your mouse cursor over the color you wish to identify.
Read the rest of this entry »

del.icio.us Slashdot Digg Technorati

No Tag
WP Theme & Icons by N.Design Studio
Web Design Blogs - BlogCatalog Blog DirectoryEntries RSS Comments RSS Login