a personal photography/design website (Full Version)

All Forums >> [Web Development] >> Site Critiques

Message

---

jongreete -> a personal photography/design website (8/1/2006 12:32:28) http://jongreete.com Just put it up last week. Please give any suggestions or comments.

---

jaybee -> RE: a personal photography/design website (8/1/2006 13:01:03) Oooh that's nice! Comments: I'd have a little more space between the grey nav bar and the orange "News & Updates". It looks a little squashed up. Some of the photos take an age to load and I'm on 10Mb broadband. I think you need to optimise them before uploading. For example, the thumbnail of the Red Bud image is over 40Kb in size which is big for such a tiny pic. If you pull it into a graphics package you should be able to shrink it to around 10kb at the most. When you're in the photogallery there is no menu to get out of it, you have to use the back button on the browser Your latest designs page looks a bit lonely with them all stacked on top of each other. Try putting them across the page like your wallpapers And finally, unless you want to be inundated with spam, do something about your email address sitting on the contact page. Other than those it's a very nice site. Orange and grey, just like mine. [:D] Oh and welcome to Outfront.

---

Tailslide -> RE: a personal photography/design website (8/1/2006 13:36:51) Very nice looking design Jon. It'd be much easier to update though if you had all the CSS rules in an external stylesheet rather than inline on every page (that's one of the main selling points of CSS!). I think I'd use a <hr> with a background image of the dashes rather than lots of actual text dashes as it might well sound a bit funny on a screen reader plus when the font size is increased the dashes wrap to the next line which spoils the effect a bit. The Navigation doesn't have much contrast against the grey bar - I'd think about upping the contrast if I were you. Also I'd stick the navigation in a list and float all the LIs to get a similar effect but without all the non-breaking space characters. You could also stop the nav from wrapping to the next line when the font size is increased. Final thing - don't use pts for font-sizing - always use % or ems (I personally find % a lot easier but there are different opinions). Somewhere around 75% is usually about right. Pts are actually meant for print rather than the screen. Pxs are also a bad idea because like pts they can't be resized and that's a bit of a no-no. It's a great overall design though - particularly the header and logo. (PS - there's no DOCTYPE. I have to get that in at least once a week or I turn into a pumpkin!)

---

jongreete -> RE: a personal photography/design website (8/1/2006 13:37:35) Thanks for those comments, they were very helpful. How would I go about optimizing the images or putting them in a graphics package? Is that something I can do in photoshop? And about the e-mail address, would putting a form in there keep web crawlers from getting the address?

---

Tailslide -> RE: a personal photography/design website (8/1/2006 13:57:19) Photoshop has a "Save for Web" option that's really useful for optimising images - you can play with the quality of the image versus the file weight until you get the right balance for you. It says down the bottom of the screen how large the file is and how long to download it at various speeds. Forms can be useful to reduce spam - depending on the form. Some forms have the email addy in within the form markup which ain't much use! I use this one which hides the email address in the separate form file: http://nms-cgi.sourceforge.net/scripts.shtml (you're looking for FormMail.nms which is the top download file) it's a much more secure version of the old faithful FormMail.pl

---

Page: [1]

Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI

4.589844E-02