Website critique, part trois

[Kingsly]

Well, I just finished the main photography wing of Mariposa Productions.

Once I got my workflow down I was surprised how quickly I was able to piece this site together.

Critique to your heart's content: www.lucyobryan.com

 

[Ezekiel]

So, the www.lucyobryan.com site is just a front page with photoshop made galleries linked?

The photoshop made galleries disappear off the bottom of a 1024x786 screen and you cannot scroll. There is also no obvious link back from the gallery to the front page.

As for www.mariposaprod.com, there is horizontal scrolling that isn't needed at all (even on 1024x786) it makes the site look not centered. The green rollover doesn't work on the front page either and the navigation text is a bit hard to use without it. At least simple viewer looks better than the photoshop mad galleries that don't fit the screen. I can't say that I am feeling the blank grey with the jazzy color of the site.

 

[Kingsly]

So, the www.lucyobryan.com site is just a front page with photoshop made galleries linked?

Yes.

The photoshop made galleries disappear off the bottom of a 1024x786 screen and you cannot scroll. There is also no obvious link back from the gallery to the front page.

Working on it. If you have an insights let me know.. I don't have flash, or would've made my own gallery. As for the disappearing scroll bar... Its a toss up between smaller main pics and bigger thumbnails.
Will work on it.

As for www.mariposaprod.com, there is horizontal scrolling that isn't needed at all (even on 1024x786) it makes the site look not centered. The green rollover doesn't work on the front page either and the navigation text is a bit hard to use without it. At least simple viewer looks better than the photoshop mad galleries that don't fit the screen. I can't say that I am feeling the blank grey with the jazzy color of the site.

Odd, I don't get any horizontal scrolling on my screen.

The rollover problem is one that is driving me bonkers. PLEASE, SOMEBODY HELP ME !!!

I guess my biggest problem is that I need a 1024x768 screen to test the site on.

 

[Ezekiel]

Yes.

It's not really a bad thing, as long as it fits into the navigation well and doesn't go off the screen.

Working on it. If you have an insights let me know.. I don't have flash, or would've made my own gallery. As for the disappearing scroll bar... Its a toss up between smaller main pics and bigger thumbnails.
Will work on it.

It would be completely usable if it did one of the following 1) didn't creep off the bottom of the screen to the point you can't see or click the thumbnail 2) scrolled down

I guess my biggest problem is that I need a 1024x768 screen to test the site on.

If you have a larger that 1024x768 display, then just set your screen to that res, then set your browser window to be 100% of the screen, then change back, your browser still stays the same size

 

[Kingsly]

Updated. Try it now: www.lucyobryan.com

 

[ThunderLounge]

Clean, easy nav. Not too bad at all.

Only suggestion:

Dump all the css info and inline styles, and move them to a stylesheet.

It'll save a little overhead on the initial pageload for a viewer, and then once the stylesheet is cached, it'll save the size of that file on each load.

 

[Kingsly]

Clean, easy nav. Not too bad at all.

Only suggestion:

Dump all the css info and inline styles, and move them to a stylesheet.

It'll save a little overhead on the initial pageload for a viewer, and then once the stylesheet is cached, it'll save the size of that file on each load.

Care to elaborate, provide an complete tutorial, etc?

 

[tominated]

i reckon it is a tad too minimalist

 

[monke]

Care to elaborate, provide an complete tutorial, etc?

Create a new CSS document and copy all the CSS code from the main page and paste it in the new document. Then link it using this before the </head> tag:

<link rel="stylesheet" type="text/css" href="name of CSS document.css" />

Upload and link it exactly like an image.


This way, who ever is viewing the page, it will only load the CSS code once across your entire site, via saved in their browser's cache.
Cutting down on the load times, and making your code look cleaner.

Hope that helps.

 

[Kingsly]

Create a new CSS document and copy all the CSS code from the main page and paste it in the new document. Then link it using this before the </head> tag:

<link rel="stylesheet" type="text/css" href="name of CSS document.css" />

Upload and link it exactly like an image.


This way, who ever is viewing the page, it will only load the CSS code once across your entire site, via saved in their browser's cache.
Cutting down on the load times, and making your code look cleaner.

Hope that helps.

Thanks!

 

[ThunderLounge]

Also, where you move things from the main document, you'll need to add class="classname" to the tag for whatever you're styling.

Then in your css sheet you'll need to define different classes, etc.

.class1 {
[insert the style infor here]

}

.class2



etc...

With classes, you can use the same name inside the document as many times as you like. This way, you only need the information in the stylesheet once. When you get into "ID's", it's a different case since the W3 says only 1 ID per page.