Latest Entries »

Designs

Alexarts
Graphic designer Alexey Abramov featured his portfolio with a tilt-shift photo background and beautiful typo. As a result, you see a neat and original design.

Alexarts

Soyuzno
This portfolio belongs to Tokyo-based designer Soyuzno, so no wonder that Japanese laconism is the foreground theme of the design. Elegant solution, isn’t it?

Soyuzno

thetoke
Flexible 3D gallery and stylish typography give some unique flavor to this site. You can choose the way of showcase display.

thetoke

Hello Monday
Hello Monday’s portfolio featured with lovely chocolate color scheme and draggable navigation provides a memorable user interface.

Hello Monday

magneticNorth
magneticNorth’s portfolio brings an extraordinary interactive interface to the visitors. Drawing shapes on the page discovers company’s projects.

magneticNorth

Weberica
Scattered brushes, rich colors, subtle strokes of the paint brush – welcome to artist’s studio! This design is very attractive and tasty.

Weberica

Beakable
Iain Hamilton’s portfolio is interesting and unconventional. Maybe funny characters in the header make up the core feature that singles out this design.

Beakable

Ft
Background made in imitation of ebony, old paper effect in frames and ascetic typography make the portfolio of Alexey Chernishov look elegant and impressive.

Ft

Alastaire Allday
The main theme which runs all through Alastaire Allday’s portfolio is… Alastaire Allday. It makes sense as pure and sincere presentation arouses trust.

Alastaire Allday

Daniel Gutierrez
Beautiful portfolio design with captivating color scheme, simple but neat grid-based gallery and charming paper kitten in the header.

Daniel Gutierrez

Zupadupa
Romanian web agency Zupadupa offers visitors to take white or green pill to navigate the website. Doesn’t it remind you anything? No matter whether designers are quoting Matrix trilogy or not, this choose-a-pill-thing is something quite creative and interactive.

Zupadupa

Charlie Gentle
Charlie Gentle implements perfect jQuery style in his portfolio. Nice sketch elements, clean typo and illuminated centered content accentuate the original nature of the design.

Charlie Gentle

Go On Web
The following portfolio is created using HTML 5. Cloth imitating background that changes its color while you scroll is superb.

Go On Web

John Likens
Big typo, big showcase grid, big success.

John Likens

IE Studio
IE Studio created their portfolio with unusual stylish approach. Interesting collage in the center of the home page is a highlight of company’s identity.

IE Studio

Inside Piet
With this portfolio Belgian Flash developer Piet Dewinjgaert gives you an access to his own brain! it’s difficult to describe what is going on there, so you’d better visit and see it!

Inside Piet

Greydient
Another example of beautiful personal portfolio with draggable navigation and appealing interface.

Greydient

M1 Design
Incredible Flash portfolio of German design studio M1 Design provides a unique interactive project showcase.

M1 Design

Kevin Lucius
This original portfolio is a good example of one-page website design. It brings a really personal look and feel.

Kevin Lucius

Rikcat Industries
Rik Catlow’s portfolio is done in a simple minimalist manner. Neat layout and stylish black-and-white color scheme drive visitor’s attention exactly to designer’s works.

Rikcat Industries

Loukotka Design
Here vintage style of portfolio menu and website background is combined with trendy typography and up-to-date image transparency. Quite successful design mix.

Loukotka Design

Dreamer Lines
Very colorful and expressive portfolio of Janis Godins provides a really unique and rich user interface. It’s just brimming over with life, truly inspiring design.

Dreamer Lines

Midtone Design
Due to stylish typography, advanced carousel effect applied to project showcase and unconventional approach to “About” section, Jonatan Castro’s portfolio has an ultra-modern high-tech look.

Midtone Design

Resn
The portfolio website of Resn Interactive Agency is like a magic box – it contains an inconceivable amount of various design techniques. Rich motion graphics, big typography, controllable 3D elements – this portfolio is very hard to forget.

Resn

Rich McNabb
Rich McNabb’s portfolio is shown as a business card which breaks up into website menu categories when you click on it.

Rich McNabb

Scratch 22
Zarne Dravitzki provides a nifty carousel user interface which decreases the need to scroll and allows design layout to stay compact. Old-school grunge frame is a tasty feature.

Scratch 22

My Favorite Thing
Light and clean layout meets simple grid-based work showcase. However, a thumbnail gallery available on each single project page would be an advantage.

My Favorite Thing

Siminki
Illustrations and crazy typography hints at the designer’s liking for experiments and most daring ideas fulfilling. Or maybe it’s just a little trick to keep visitors’ longer stay? In any case, this portfolio is worth viewing.

Siminki

Teo Skaffa
One can’t help smiling while viewing this portfolio. This incredible piece of pixel art will allow you to make an exciting journey through time.

Teo Skaffa

Elliott Kember
Another pleasant memories evoking website. You can play old-time “Snake” game while browsing Elliott Kember’s portfolio. But be careful – don’t forget the initial purpose of your visit!

Elliot Kember

Steve Mullen
Steve Mullen uses common “grid with lightbox” design technique for his portfolio. However neat frames, attention to details, beautiful typography and eye-catching recent work showcase, make this portfolio design exquisite indeed.

Steve Mullen

Serial Cut
These guys don’t waste valuable website space and use each page as a ground for project presentation. Project list is available at the right side of the page. Wonderful example of design creativity.

Serial Cut

Sebastian Nitu
Perfection in simplicity. The portfolio of Sebastian Nitu proves this statement one more time. This website uses HTML 5 as well.

Sebastian Nitu

Form Troopers
Outstanding and stylish portfolio featured with flashing photo backgrounds and usable project showcasing technique.

Form Troopers

Snopp Media
Truly creative and lively portfolio design which introduces Snopp Media in a sincere and outgoing manner.

Snopp Media

Soft Whiteroom
Another beautiful minimalist portfolio. Grid-based project gallery shows colorless thumbnails, hovering over them will slightly revive images by filling them with color.

Soft Whiteroom

Chuck U
The portfolio of Chuck U delivers graphic design of inimitable beauty. This is what can be called a web design delicacy.

Chuck U

Fabrik Agency
Unique and usable interface, which shows portfolio as a stapled stack of cards, elegant typography and backgrounds provide a quite pleasant navigation experience.

Fabrik Agency

Edelwwweiss
A bit muted colors give this portfolio a soft and friendly look. While recent works are showcased using a carousel effect, the main portfolio is displayed in light box grid.

Edelwwweiss

Web Talents
Space related theme and nifty navigation technique make this portfolio worthy of being included to the collection of most beautiful and creative portfolio designs.

Web Talents

Sandrine Abraham
Clean and somewhat cartoon looking background together with simple and usable project showcasing make up a lovely portfolio design which brings a positive feel to visitors.

Sandrine Abraham

Jack Herbert
Great typography based personal portfolio. Jack Herbert simply laid his projects on the shelves (in literal sense only).

Jack Herbert

Josh Sender
This portfolio brings a fresh and young look and feel. Maybe that’s because Josh Sender is just 17 years old.

Josh Sender

Sofa Surfer
A captivating personal portfolio with excellent structure. Again, simplicity and usability rule.

Sofa Surfer

Area 17
Area 17 is an obvious trend-maker in the world of design. Perhaps the style of their portfolio can give you some tips and hints for creating an outstanding portfolio of your own.

Area 17

Thought & Theory
It’s amazing how some absolutely simple and unpretentious designs can be so much attractive. Thought & Theory Portfolio is definitely among them.

Thought & Theory

Joe Nyaggah
Joe Nyaggah combines unobtrusive color scheme along with easy and usable navigation. Orange owl grabs attention straight away. This portfolio is clean, simple and featured with some spicy details – great design!

Joe Nyaggah

Jounce
Portfolio of M. Jackson Wilkinson has an appealing slightly gradiented background and quite simple but original header.

Jounce

Also
This portfolio was created a while ago, but its unique creativity puts it beyond time limits. So it would be a mistake not to share such a design treasure with Smashing Magazine audience. Absolutely stunning portfolio. Bravo Also!

Also

…and for dessert

Bio-Bak
A little bonus for everyone who enjoys laughing and likes a bit cuckoo design style which stands out of all rules. While browsing this portfolio, it becomes clear that Bio-Bak could appear nowhere but in Netherlands.

Bio-Bak

Best CSS Directories

www.cssbeauty.com
www.cssdrive.com
www.stylegala.com
www.cssmania.com
www.cssremix.com
www.cssvault.com
www.bestwebgallery.com
www.csselite.com
www.screenalicious.com
www.unmatchedstyle.com
www.designlinkdatabase.net
www.screenfluent.com
www.designsnack.com
www.cssheaven.com
www.cssimport.com
www.cssglobe.com
www.cssreboot.com
www.mostinspired.com
www.thebestdesigns.com
www.cssbloom.com
www.csscollection.com
www.csstux.com
www.cssbased.com
www.css-website.com
www.designshack.co.uk
www.ceeses.com
www.cssclip.com
www.my3w.org
www.csshazard.com
www.artnetz.de
www.css-design-yorkshire.com
www.css11.com
www.cssimpress.com
www.e-motionaldesign.com
www.cssprincess.com
www.cssgaleri.com
www.cssblast.ru
www.creative-pakistan.com
www.netzfruehling.de
www.najdizajn.com
www.edustyle.net
www.csssmoothoperator.com
www.coolsitecollection.com
www.cssgalaxy.com
www.per.fectio.net
www.cssflavor.com
www.onepixelarmy.com
www.piepmatzel.de
www.cssbrain.hu
www.w3c-compliance.com
www.stylegrind.com
www.submitcss.com
www.cssgallery.ro
www.cssgreen.com
www.csszengarden.com
www.webcreme.com
www.prowebart.net
www.designexpanse.com
www.csssnap.com
www.menthe-fresh.fr
www.csscoosite.com
www.csscool.cn
www.csstown.com
www.cssleak.com
www.divinecss.com
www.cssloggia.com
www.cssstyle.me
www.cssperk.com
www.cssgallery.com
www.cssshowcases.com
www.cssglance.com
www.cssmix.nl
www.css-design.fr
www.designawardsgallery.com
www.addesignlink.com
www.cssfreshblend.com
www.cssenvy.com
www.nicestylesheet.com
www.wowcss.com
www.css-imagine.com
www.cssfights.com
www.cssluxury.com
www.cssdepot.com
www.csswebsites.nl
www.cssarts.com
www.csscutie.com
www.cssdance.com
www.csskid.com
www.cssbay.com
www.wooki.es
www.beautiful2.com
www.swellcss.com
www.noonewebdesign.com
www.cssvote.com
www.pixelcss.es

Grid Classes

/*————– Grid Classes ————-*/
.gridbg{background-color:#F3F3F3;}
.gridborder{background-color:#B9B9B9;}
.gridheader{background-color:#D9D9D9; font:10px arial,helvetica,sans-serif; color:#000000;}
.gridfooter{background-color:#D9D9D9; font:10px arial,helvetica,sans-serif; color:#000000;}
.gridrow{background-color:#FDFDFD; font:10px arial,helvetica,sans-serif; color:#000000;}
.gridrow1{background-color:#F3F3F3; font:10px arial,helvetica,sans-serif; color:#000000;}
.gridrow_selected{background-color:#DEDEDE; font: 10px arial,helvetica,sans-serif; color:#000000;}
#grid{/*overflow: auto; overflow-x: hidden;*/ width:886px; height:365px;
scrollbar-base-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#000000;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#dddddd;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
margin:0 0 0 0;
padding:0; background-color:#F3F3F3;}

Freeware Tab Interaces

Control.Tabs
Based upon Prototype Javascript Framework.

Screenshot

Javascript Tabs vom Stilbüro

Based upon jQuery | Demo

Screenshot

Yahoo TabView

A part of UI Library | Demos

Screenshot

TabPanel provided by Google Web Toolkit.
Tabbed Panels, provided by Adobe Spry Framework.

AJAX Tabs Content Script
Classic from Dynamic Drive.

Screenshot

Tab Panes
in two versions by DHTMLGoodies, with Close-Buttons. Demo I | Demo II

Screenshot

JavaScript Tabifier

Screenshot

AJAX Tabs
Screenshot

Ajax Project – Tabbed Page Interface

Screenshot

DOMTab – Navigation tabs with CSS and DOMscripting is presented in two versions.

Screenshot

Tabtastic

Screenshot

Tabmenu
Works as MouseOver without mouse click.

Screenshot

Shareware Tab Interaces

dhtmlxTabbar
Sometimes less is really more. It doesn’t have to be so complex – from a shareware package.

Screenshot