Mings Posted August 15, 2010 Share Posted August 15, 2010 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.comEnjoy! Link to comment Share on other sites More sharing options...
BBTV Posted August 15, 2010 Share Posted August 15, 2010 Really liking it, especially how the intro image changes each time you reload. "The views expressed here are mine and do not reflect the official opinion of my employer or the organization through which the Internet was accessed." Link to comment Share on other sites More sharing options...
Mings Posted August 15, 2010 Author Share Posted August 15, 2010 Thanks BBTV. Just noticed that my embedded font doesn't come up in IE8. Time to find a fix.EDIT: Fixed. Link to comment Share on other sites More sharing options...
aci Posted August 15, 2010 Share Posted August 15, 2010 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. Hamilton Eagles- 2012 and 2013 Continental Hockey League Champions! 2011, 2012, 2013, 2014 & 2015 CHL East Division Champions! Niagara Dragoons- 2012 United League and CCSLC World Series Champions! 2012, 2013, 2014 and 2015 UL Robinson Division Champions! Link to comment Share on other sites More sharing options...
crashcarson15 Posted August 15, 2010 Share Posted August 15, 2010 Moulin Rouge?!? Anyways, this site looks really nice, Josh. Great job here. Link to comment Share on other sites More sharing options...
Mings Posted August 16, 2010 Author Share Posted August 16, 2010 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. Link to comment Share on other sites More sharing options...
gingerbreadmann Posted August 16, 2010 Share Posted August 16, 2010 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. Link to comment Share on other sites More sharing options...
Mings Posted August 16, 2010 Author Share Posted August 16, 2010 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 ArchitectureRight 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. Link to comment Share on other sites More sharing options...
gingerbreadmann Posted August 16, 2010 Share Posted August 16, 2010 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:Means "observation area?" Maybe that's the point, but it seems a bit difficult to use with no description. It looks good though. Link to comment Share on other sites More sharing options...
Mings Posted August 16, 2010 Author Share Posted August 16, 2010 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) Link to comment Share on other sites More sharing options...
gingerbreadmann Posted August 16, 2010 Share Posted August 16, 2010 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. Link to comment Share on other sites More sharing options...
Mings Posted August 16, 2010 Author Share Posted August 16, 2010 Anyone know of any tricks to get modify the style of the alt text when you hover over it? Link to comment Share on other sites More sharing options...
pollux Posted August 16, 2010 Share Posted August 16, 2010 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. Four times IHL Nielson Cup Champions - Montréal Shamrocks (2008-2009 // 2009-2010 // 2012-2013 // 2014-2015) Five times TNFF Confederation Cup Champions - Yellowknife Eagles (2009 CC VI // 2010 CC VII // 2015 CC XII // 2017 CC XIV // 2018 CC XV) Link to comment Share on other sites More sharing options...
Mings Posted August 16, 2010 Author Share Posted August 16, 2010 Thanks Pollux...anyway to do something like that where the text comes up when you mouseover using CSS3? Link to comment Share on other sites More sharing options...
pollux Posted August 16, 2010 Share Posted August 16, 2010 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. Four times IHL Nielson Cup Champions - Montréal Shamrocks (2008-2009 // 2009-2010 // 2012-2013 // 2014-2015) Five times TNFF Confederation Cup Champions - Yellowknife Eagles (2009 CC VI // 2010 CC VII // 2015 CC XII // 2017 CC XIV // 2018 CC XV) Link to comment Share on other sites More sharing options...
BBTV Posted August 16, 2010 Share Posted August 16, 2010 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.) "The views expressed here are mine and do not reflect the official opinion of my employer or the organization through which the Internet was accessed." Link to comment Share on other sites More sharing options...
Mings Posted August 17, 2010 Author Share Posted August 17, 2010 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. Link to comment Share on other sites More sharing options...
Mings Posted August 17, 2010 Author Share Posted August 17, 2010 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 Link to comment Share on other sites More sharing options...
pollux Posted August 17, 2010 Share Posted August 17, 2010 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! Four times IHL Nielson Cup Champions - Montréal Shamrocks (2008-2009 // 2009-2010 // 2012-2013 // 2014-2015) Five times TNFF Confederation Cup Champions - Yellowknife Eagles (2009 CC VI // 2010 CC VII // 2015 CC XII // 2017 CC XIV // 2018 CC XV) Link to comment Share on other sites More sharing options...
Mings Posted August 20, 2010 Author Share Posted August 20, 2010 Hey everyone, I've added a blog as well as some photography as well. Check it out! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.