Pressplaymedia’s Blog

Archive for the ‘Useful Links’ Category

Time to replace your boring text-only site navigation with something more pleasing to the eye?
How about beautiful CSS-based tab-like navigation? With free customizable source code?

Here are a few nice resources for CSS navigation as well as my selection of cool menus and tools:

1.
A selection of ready-made CSS menus

All of these come with functioning previews and downloadable source code.
Click the preview image for a demo or the link to visit the download page.


Pure CSS Horizontal Menus with Images by WebDesignInfo – click here for preview



12+ Free CSS Menus
by Exploding-Boy – click here for preview



Inverted Tabs
@ DynamicDrive


Dolphin Menu
@ 13Styles


Style #4
@ 13Styles


Mini Tab Shapes by SimpleBits – click here for preview



Float Mini Tabs
by Alessandro – click here for preview



14 Free Vertical CSS Menus by Exploding-Boy – click here for preview



Advanced CSS Menu by WebDesignerWall – click here for preview


2 level horizontal navigation with images by Veerle – click here for preview



CSS Dock Menu (includes simple JavaScript) by NDesign-Studio – click here for preview

2.
CSS Navigation Resources

A collection of links to more CSS navigation:

Top 71 CSS Menus Navigation Tabs @ E-consultant

30 Free CSS Based Navigation Menus @ CSS Juice

Tabs and Pure CSS Menus @ Alvit.de

A Big Bunch of Various CSS Menus @ CSS Play

3.
CSS Menu Generators

You can also create nice looking CSS navigation using online/software generators. Here are a few (free!) generators I like:

CSS Tab Designer by Overzone

CSS Menu Generator @ Webmaster Toolkit

CSSMenuMaker.com @ CSS Menu Maker

List-O-Matic @ Accessify (inspired by Listamatic)

4.
TUTORIALS

These tutorials will provide you with an in-depth view of techniques used for creating CSS-based navigation and help you understand how it all functions:

Nifty Navigation Using CSS – @ SitePoint

Sliding Door Technique @ AListApart

SuckerFish Dropdowns @ AListApart

CSS Express Dropdown Menus @ PVII

If you have any suggestions, please let me know by posting comments. Enjoy 🙂

Advertisements

When I’m creating or redesigning a website, I usually take some time to crawl around the web and seek out sites that fit in the same category for ideas, or just check out the newest sites on various top-lists for innovative approaches. Besides checking out my favourite designers’ portfolios for latest creations, these are the bookmarks that never let me down:

My top 10 sites for inspiration

I’m pretty confident you’ll bookmark at least a few of these, as they are awesome resources for cool new websites:

1. TheFWA
TheFWA
The Favourite Website Awards (web awards at the cutting edge) is my primary source for finding new web design techniques, and modern / abstract design ideas.

2. DopeAwards
Dope Awards

A great resource for cool flash sites, which are sorted in four groups: Dynamic, Original, Professional and Effort.

3. BestWebGallery
BestWebGallery

A nicely designed site listing nice designs.. What more can you want?

4. TheBestDesigns
TheBestDesigns

A good resource for interesting CSS and Flash sites.

5. WebsiteDesignAwards
WDA

Regularly updated site for progressive CSS and Flash designed websites.

6. CSS-Designed
CSS Designed

Daily updated gallery showcasing beautiful CSS designed websites.

7. CSS Artillery
CSS Artillery

Another showcase of inspirational CSS-based sites.

8. LightOnDark
LightOnDark

I love dark designs and this site is all about those! A feast for my darker side if you will..

9. FaveUp
FaveUp

A very nice site, not only listing cool CSS and Flash sites, but other designs like logos and business cards as well, a useful resource indeed.

10. TemplateMonster
TemplateMonster

Although I never base my designs off templates, the designers at TemplateMonster have a touch for keeping things clean and simple, so I check out their new designs from time to time

And then some

Other inspirational sites I check out often:

WebCreme
DesignSnips
CSS Zen Garden
DesignCharts
DesignInEurope
DesignMeltdown

Xhilarate
DesignSnack
ScreenFluent
PurePleasureDesign Blog
TheWebAward Highest Rated
CSS Elite
WakeUpGallery
Kool Sites @ Kirupa

The last one is a plug for Kirupa.com, one of my favourite resources for tutorials, their forums have a great community of designers, so I usually check out their favourites too.

That’s it for now..

With these links you should be able to find some pretty awesome sites for fresh ideas. But remember, professional designers don’t have to look for inspiration outside, they just have to look inside 😉

Happy browsing!

And if you think a great site is missing on my list, let me know by leaving comments / feedback!