Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Post your portfolio/website!

Shotglass

Shotglass

macrumors 65816
Original poster
Feb 4, 2006
1,175
0
I'm thinking about going into Web Design (thinking is the key word, I'm 16), and I want to work on building up a portfolio to showcase what I've done so far. So, I need inspiration and guidelines...

Please post your web portfolio or website!
 
Already posted in another thread but here it is-
www.moistproduction.com

This was built in iWeb (wysiwyg web app for the code illiterate ;) )
I dont reccomend using iWeb for your portfolio pieces, Although you can show some nice front end visual design work in iWeb, you will most likely be laughed at as far as the back end coding goes.

UPDATE
This site is now flash and no longer a product of iweb. Now Flash. The iweb version was killing my bandwidth alotment. apple even closed down my site for an hour for exceeding my monthly limit.
 
Online Portfolio

Got one of those portfolio things. Did it in photoshop, flash and text mate. Then I checked it in Safari, Firefox and IE6 and Firefox in Parallels. It's all XHTML, with a custom wordpress theme to match in the news section. WYSIWYG editors are for kids! But dreamweaver has it's purpose, sometimes.

www.nicksoper.com

Also got some other links I did you might want to check out:
www.palazzobaths.com (bit of flash and XHTML)
www.chattels.co.za
www.fobo.co.uk
www.squireslens.com

If you want real inspiration check out:
www.thefwa.com
and www.****star.com that link always messes up, vbulletin thinks its a swear word. www.F C U K STAR.com

Cheers
 
www.ambientdesignstudio.com


Flash/dreamweaver and flash components

the art/illustration section will see a big overhaul soon

nice work btw irmongoose! do you personally shoot the photos or just use stock?

props to you nicksoper as well.. you combine flash and HTML very well
 
I don't have a "site," per se, but I am rocking a tumblelog these days until I figure out what it is I really want to do on the web. It's mostly for friends and family currently, but feel free to subscribe....hint.....hint... ;)
 
irmongoose said:
Thanks, hope it serves as some kind of... "inspiration". :eek:
Click to expand...
Haha don't worry, I really do mean inspiration. I don't intend to rip off anyone's work.

Also, nicksoper, amazing portfolio! And I love that Palazzo website.
 
Shotglass said:
Haha don't worry, I really do mean inspiration. I don't intend to rip off anyone's work.

Also, nicksoper, amazing portfolio! And I love that Palazzo website.
Click to expand...

Cheers buddy. Everyone else, please feel free to stroke my ego!

There should be more to come. I'm busy finalising a fully custom XHTML online store for motocross kit, so I'm quiter excited about that!
 
nicksoper said:
Cheers buddy. Everyone else, please feel free to stroke my ego!
Click to expand...

How about some constructive crit? :) There's no real reason you need flash for your navigation. Personally, I think it hurts your site more than helps. Generally speaking, flash for navigation is one of the big web design "pitfalls".

And you should definitely read about about markup semantics. Using paragraph tags instead of a bunch of BRs will help out a lot. Using H2s and H3s instead of a bunch of H1s will help give some hierarchy. And you could move a lot of the images into CSS (the dividers for example). If you want an empty alt tag, use alt="" instead of alt="____". And finally, run your site through a validator as I noticed quite a few bugs because of unclosed tags.
 
I don't have my portfolio site up yet (school work is outdated, going to get a 17" MBP and CS3, update portfolio, post site), but I find that www.netdiver.net is one of the best sites for inspiration out there. I like www.thefwa.com, but a lot of that is flash focused (not to take away from how awesome they are, I just like to see layouts that aren't always Flash oriented).
 
Flash Navs

radiantm3 said:
There's no real reason you need flash for your navigation. Personally, I think it hurts your site more than helps. Generally speaking, flash for navigation is one of the big web design "pitfalls".
Click to expand...

Flash is cool, youtube is based around it, flickr use it to organise your photos, the flash plugin has been included in IE and most other browsers for years so if you export right there shouldn't be any reason why someone can't see the content. Flash is also the one thing about the internet that is standardised. Getting your code to look the same in every browser and W3C compliant could take forver, unless you just have a plain text website. Getting your flash website to look the same on all platforms and browsers is a doddle.
As for my site, the nav makes a little noise and there is a little animation when you rollover. I suppose you could do the animation with a gif, but the filesize would be much larger, and you could play a sound with javascript, but that would be a mission.

radiantm3 said:
And you should definitely read about about markup semantics. Using paragraph tags instead of a bunch of BRs will help out a lot. Using H2s and H3s instead of a bunch of H1s will help give some hierarchy. And you could move a lot of the images into CSS (the dividers for example). If you want an empty alt tag, use alt="" instead of alt="____". And finally, run your site through a validator as I noticed quite a few bugs because of unclosed tags.
Click to expand...

I know, my site is very old now and it was one of the first XHTML things I did. I've caught up with the semantics since then. Also might be worth mentioning you have an error in your markup too - see :). I'll make an effort to make the W3C happy.
 
nicksoper said:
Flash is cool, youtube is based around it, flickr use it to organise your photos, the flash plugin has been included in IE and most other browsers for years so if you export right there shouldn't be any reason why someone can't see the content. Flash is also the one thing about the internet that is standardised. Getting your code to look the same in every browser and W3C compliant could take forver, unless you just have a plain text website. Getting your flash website to look the same on all platforms and browsers is a doddle.
As for my site, the nav makes a little noise and there is a little animation when you rollover. I suppose you could do the animation with a gif, but the filesize would be much larger, and you could play a sound with javascript, but that would be a mission.



I know, my site is very old now and it was one of the first XHTML things I did. I've caught up with the semantics since then. Also might be worth mentioning you have an error in your markup too - see :). I'll make an effort to make the W3C happy.
Click to expand...

The flash examples you gave are good uses of flash. They provide functionality that isn't as easy to do in markup. I never said flash is bad. It's a great tool, if used for the right reasons.

And thanks for pointing out my validation error. The difference is I already know about the error. :) It's only an error because the validator doesn't validate the completed javascript output. If you check the source code, it's fine.
 
nicksoper said:
Flash is cool, youtube is based around it, flickr use it to organise your photos, the flash plugin has been included in IE and most other browsers for years so if you export right there shouldn't be any reason why someone can't see the content. Flash is also the one thing about the internet that is standardised. Getting your code to look the same in every browser and W3C compliant could take forver, unless you just have a plain text website. Getting your flash website to look the same on all platforms and browsers is a doddle.
As for my site, the nav makes a little noise and there is a little animation when you rollover. I suppose you could do the animation with a gif, but the filesize would be much larger, and you could play a sound with javascript, but that would be a mission.
Click to expand...

So you use flash for your nav because you're too lazy to make it work cross-browser cross-platform and for a "little noise"? :rolleyes:

I have to side with radiantm's original post on this one. Using flash for navigation is a indeed a common pitfall. Sure, it's standard on YouTube, etc. But those companies use Flash do something that cannot be done well without it. Or they use flash because it enhances the user experience. Your example does neither.
 
It's in my sig, but... esdesign portfolio. I haven't had time to update it yet this year unfortunately (maybe too much time on MR forums :p). I went for something minimal. I'm not experienced at making Flash stuff nor did I want to use it on my site. Just some valid HTML4 Transitional and CSS. I started out with XHTML 1.0 strict until I read some informative articles and switched it to HTML4, which involved almost no code changes anyway. Since my Godaddy URL is masking the real one, I made some clever use of target="_parent" for external links to get users out of the frame (since I don't like things opening in new windows).

I made it with GoLive but mostly hand coding. I've been thinking about using Coda for it, since GoLive isn't great (not a UB, slow, unstable) and Dreamweaver has an awful interface and crashed when I tried to open my very simple index.html :rolleyes:

I pondered for months (!) before I decided on a layout, and maybe it doesn't seem like it was worth months of thought but I'm a picky client. ;)
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom
Back