Jump to content

Archived

This topic is now archived and is closed to further replies.

The Little Guy

Photography Website

Recommended Posts

My sister is into photography, and is kinda doing it as a side business, so she asked me to builder her a site. The site isn't finished, but It has a full concept.

 

Things to note:

1. The images on the main page are not hers, they are just their for visuals and testing purposes.

2. "About" is the only page with content ATM.

 

If you have suggestions for pages I haven't done yet feel free to let me know!

 

And the website: http://ciaobellaphotography.us/

Share this post


Link to post
Share on other sites

I like the layout, sufficient for what will be implemented.  Only thing i noticed to be considerate of during dev is screen size. Here's a screen @ 1920 http://i.imm.io/y4UU.png

Share this post


Link to post
Share on other sites

Why not give that div a fixed width set to the width of the photos?

Share this post


Link to post
Share on other sites

That would be the same as having the background image not repeat wouldn't it?

 

I still need a way for the images to cleanly display. IMO having the image centered like that isn't clean with something on the sides (if that makes sense).

Share this post


Link to post
Share on other sites

I still need a way for the images to cleanly display

 

There's really no simple answer to this.  So many factors, most of which are the source image.  If you could force a consistent image size, then you can set the container with background-size: cover which maintains aspect ratio on an image.

Share this post


Link to post
Share on other sites
I still need a way for the images to cleanly display. IMO having the image centered like that isn't clean with something on the sides (if that makes sense).

 

Even if you just throw a no-repeat on the background images, you'll get the negative space you don't want on the sides with larger resolutions.  Not only that, but you'll still get image cropping at lower resolutions (even at a reasonable 1280).

 

Your best bet is to learn responsive design.  This is the best source I've found on the subject: http://www.abookapart.com/products/responsive-web-design/

Share this post


Link to post
Share on other sites

Okay, I have added more to the site:

 

Gallery

About

Contact

 

They all have information on them, I would like to know what you think. I don't think I have fixed the main page's display on larger screens, but I may have and just forgot.

 

Anyways what do you think of the site now?

Share this post


Link to post
Share on other sites

It's coming along, surely.  Few new concerns.

 

Homepage:

[*]First thing I noticed was how long it took to load the homepage and all the effects.  Did 5 hard cache dumps and the load time averaged this:

zo7o.png

 

[*]Also, clicking on the thumbs did nothing.

 

[*]"NetworkError: 500 Internal Server Error - [path_to]/media/images/creambg.jpg"

--You've actually removed that image, as indicated by the open directories...

 

Gallery:

[*]http://[path_to].us/%22http://[path_to].us/media/gallery/d86e2152b0ce7f1bc693fe91411f9c4c.jpg%22"

-- all of the images are finding failed requests, due to the uri path

 

Overall, the design is really nice and there are just a few tweaks to be made.

Share this post


Link to post
Share on other sites

Hmm, looks like Netbeans deleted the images while downloading... They should be back now. If you mouse over the left in the gallery thumbs will come up. I removed clicking on the homepage images thumbs.

 

The home page doesn't load all 5 images either, it loads them when they are "on deck" (baseball term, I can't think of a better term)

Share this post


Link to post
Share on other sites

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.