Mings

My Architecture Portfolio Website

Recommended Posts

Hey guys,

After not touching Dreamweaver for 5 years and then remembering most everything, I was able to get my portfolio website started and up. With a little help from some Javascript sites I was able to get the effects I want. Check it out and let me know what you think/what I coded wrong/etc....

http://www.joshmingsarch.com

Enjoy!

Share this post


Link to post
Share on other sites

Thanks BBTV. Just noticed that my embedded font doesn't come up in IE8. Time to find a fix.

EDIT: Fixed.

Share this post


Link to post
Share on other sites

I love the model work you have on your site. The 3D models really help get a different sense of what you've got drawn out, and I think they add a lot.

The overall layout is great, too.

Share this post


Link to post
Share on other sites

Thanks guys. I noticed on IE8 that the top of the logo and the top of the images aren't lining up, but they work fine in all other browers. If anyone wants to take a look at the code to help me fix it let me know.

Share this post


Link to post
Share on other sites

The embedded font isn't working for me in Firefox and Chrome (I get TNR). I did a quick Browsershots test and it seemed like I wasn't alone there. I am a little confused by the 6 icons -- I get that they go to examples, but I don't know what they are unless I mouse over and see what the link it is going to is. Am I not supposed to know? And I would also suggest making "Academic Work" clickable and going to a page that gives larger previews of the 6 examples you have. Finally, in your resume there is a typo: Under Tulane in education you have "MArch" instead of "March." It's a neat little site but I think it's just a bit simplistic -- which is okay for portfolios but I think it should just be a tiny bit more extensive. Nice work though.

Share this post


Link to post
Share on other sites

Well crap. I bet its because of the embedded font I put in for IE. I'll see what I can do to fix that.

The Icons are little logos for each project. MArch is the degree - Master of Architecture

Right now it is more of a portfolio site, as it evolves into my firms site over the next few years it will get more extensive.

Edit: May have fixed it, I was missing a comma and backslash. Let me know. I'm checking out Browershots but it is taking awhile.

Share this post


Link to post
Share on other sites

Yep, the font is looking fine now. I know what the icons are, but It's hard to interpret them. It's like going to a random project because I don't get what the icons mean by themselves, if that makes sense. For example, how am I supposed to know that this:

observation.png

Means "observation area?" Maybe that's the point, but it seems a bit difficult to use with no description.

It looks good though.

Share this post


Link to post
Share on other sites

I'll put some alt text up there with it. That way when you hover over it it will have the project name.

The icons are just parts of each project simplified into an icon. For instance that is the overall plan of that particular one.

Check out big.dk they do something similar with the icons (part of the inspiration for my portfolio/website)

Share this post


Link to post
Share on other sites

I'll put some alt text up there with it. That way when you hover over it it will have the project name.

The icons are just parts of each project simplified into an icon. For instance that is the overall plan of that particular one.

Check out big.dk they do something similar with the icons (part of the inspiration for my portfolio/website)

Yeah I get why they're there and they look cool, I just think some hovering text like you suggested would be a great idea.

Share this post


Link to post
Share on other sites

Anyone know of any tricks to get modify the style of the alt text when you hover over it?

Share this post


Link to post
Share on other sites

Anyone know of any tricks to get modify the style of the alt text when you hover over it?

You can't... alt is an attribute of an html tag, not a tag itself. You might want to try to modify the img tag itself, although I don't think it'll work.

Share this post


Link to post
Share on other sites

Thanks Pollux...anyway to do something like that where the text comes up when you mouseover using CSS3?

Share this post


Link to post
Share on other sites

Thanks Pollux...anyway to do something like that where the text comes up when you mouseover using CSS3?

If you're not willing to use the alt attribute, then CSS3 might be of some use. But you would still cut some of your potential clients short, because they would depend on some browsers to have the benefit of the mouse over.

That being said, you can do the following (I actually use that often to hide text that would be useful in a text-only webpage):


<img src="..."><span>This is a test</span></img>

The css would look like this:


img span { visibility: hidden; }
img span:hover { visibility: visible; }

You can then position your span as you like, with the style you like.

Share this post


Link to post
Share on other sites

When I click on "other work" in IE7, line 5 is cut in half so I can't read it or anything underneath it. It's just white.

Also, just a preferance thing, but it might be better if your 'contact' link went to a standardized form that people could fill out and submit, as opposed to simply launching their default e-mail client. There's just something more professional aobut the form, plus, it allows you to supply a different e-mail address than the one you may otherwise be forced to send from (though for an architecture business, that may not be too big of a deal.)

Share this post


Link to post
Share on other sites

I'm working with Pollux to fix some issues and make the site more manageable and easy to update in the future.

BBTV, I'm thinking that is because of the height of the overall container for the site is set at 600px and that text is going just a little beyond it. I like the idea for a contact form too. I found a simple php one that I should be able to figure out online that I will work in.

Look for the improved version in a few days.

Share this post


Link to post
Share on other sites

Hey guys,

The new version is now up. I've added several enhancements, such as bringing up the project names when you hover over the icons. As a bonus I was able to style them similar to how I labeled images in my portfolio. I've also added a contact form on the contact page to make things easier. Everything is now php and easier to upkeep and maintain, and less labor intensive when I add new pages. I have to give a big thanks to Pollux for all of his help with this.

Let me know what you think!

http://www.joshmingsarch.com

Share this post


Link to post
Share on other sites

Font is now working in both IE and FF.

I really like the location of the text boxes on the right of your menu images. Simple and elegant.

Nice work overall!

Share this post


Link to post
Share on other sites

Hey everyone, I've added a blog as well as some photography as well. Check it out!

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.