Please review Pixel Development

pmj7 · 04-30-2005, 10:03 AM

Pixel Development

This is my new website, the text still needs some work. Most effort has been against the main, gallery, portfolio and RSS/RSS help pages, so far.

Most will find the Gallery and OIP Edit interesting. The gallery is a fairly sophisticated combination of DHTML and server-side scripting.

When viewing a gallery, clicking on the OIP Edit button allows you to change the appearance of any image, making it brighter, sharper, or even black and white or sepia! These changes are kept and are instantly reflected back in the gallery when you click 'save', other users see these changes as well. Don't like the way it looks to you? Change it again! Try it!
????: NamePros.com http://www.namepros.com/web-design-reviews/86433-please-review-pixel-development.html

Touchup allows you to play around with the image as well, but these changes are non-permanent. When you select Touchup, another button is added to the Gallery - Mac Gamma. If you are using a Macintosh, selecting this button will adjust the gamma of the displayed image to compensate for the Macintosh's different video gamma. You'll see the images as they were intended to be!

The main page has numerous controls to customize the site to your preference and viewing conditions. LCD laptop screens are frequently easier to read with light text on a dark background, vice-versa for video monitors. Larger text, wider pages, links to a new window - all your choice!

The Portfolio page has a brief description of other sites and projects, and has a small scrolling thumbnail area for most. Clicking on one will take you to a gallery with full size images.

I'm particularly interested in hearing how it works on various browsers. I've tested on Windows XP with Firefox 1.02, Mozilla, Explorer 6, Netscape 7 and Opera 7.5. I've had a few people do a cursory look using Safari under Mac OS X.

All comments are welcome!

Peter

alegend · 04-30-2005, 10:46 AM

I think it would loook better with a better background

The rest of the site is looking nice!

BuLLDoG · 04-30-2005, 11:26 AM

with the domain being related to pixel, I think it would look cool with some pixel art going on, on the website design

although looks decent at the moment!

GJ · 04-30-2005, 03:05 PM

Looking good! I like it!

iDeviseFlash · 04-30-2005, 04:23 PM

lose the gradient seperators, and do something about the bg, so it doesnt appear the content was just slapped on top of it, make it fade into the bg or something.

Quicksilver · 04-30-2005, 05:00 PM

looks pretty nice to me =)

briman1970 · 04-30-2005, 06:01 PM

The banner/logo at the top doesn't live up to the rest of the site IMHO. There are some pretty good designers at NP (and cheap too). Maybe someone here could help you out.

Bri

sufi · 04-30-2005, 11:48 PM

Looks nice, great work.

weblaunch · 05-01-2005, 10:17 PM

Very nice site overall. Easy, intuitive navigation structure. I would not mix serif and sans-serif fonts, however.

Rowan W · 05-01-2005, 10:32 PM

Excellent coding and design work. It couldn't be easier to use.

ammo · 05-02-2005, 03:14 AM

I love that top banner, good work, and good luck!

pmj7 · 05-10-2005, 08:03 PM

Thanks for the comments, here are a few changes I've made:

- The gray background on the sides has been replaced with something that better complements the header image
- Narrowing the home page sidebar leaves more room for above fold content
- The main navigation 'hover' effect is more pronounced
- Galleries can now be shown in the same window, or in a popup window
- Extra hints on the gallery page "800x600 visitors should display galleries in a new window, or hit F11 to enlarge viewing area."
- Portfolio page reflects the new same page vs new window style for galleries
- Traditional Chinese now available as a translation option
- css file cleaned up
????: NamePros.com http://www.namepros.com/showthread.php?t=86433
- galleries now have the option of coming up in the same window or in a popup

Thanks!

Peter

StudioWorks · 05-10-2005, 08:14 PM

Well done pmj7 ! You did a great job.

A few observations :

- I would get rid of the white&black gradients on the main page .. they are so useless and ruins the look of your site. You could use a CSS customized <hr> instead of that.
- reduce the size of the shadow under the menu .
- on the portfolio page - bad idea in using frames. I know that frames gives you the possibily to show multiple photos of a certain project but you can also use a nice slideshow instead.

Last but not least i want to congratulate you on the your good writen code.

W3 Validator says : This Page Is Valid XHTML 1.0 Strict!

Congratulations and best of luck!
????: NamePros.com http://www.namepros.com/showthread.php?t=86433

danstevenson · 05-10-2005, 08:39 PM

looks pretty nice

pmj7 · 05-10-2005, 08:54 PM

StudioWorks:

I would get rid of the white&black gradients on the main page .. they are so useless and ruins the look of your site.
Tried it without, while designing and now and it doesn't look as good.

You could use a CSS customized <hr> instead of that.
They are.

on the portfolio page - bad idea in using frames. I know that frames gives you the possibily to show multiple photos of a certain project but you can also use a nice slideshow instead.
I don't use frames on my site, it's css. There is a slideshow if you click on a thumbnail or click on 'larger images'.

Congratulations and best of luck!
Thanks!

microdude431:

Overall a nice site . I think the banner would look good with a font that matches the rest of the site
Originally I used a font that was closer to that of the text, and didn't give it much thought. Several comments prompted me to take a closer look. There's no reason that a site title/logo should match that of the font used for the text of the site. The font used for the body of text has to be readable at a relatively small size, and partly because of that it doesn't look that great when shown at a much larger size. Plus, plain old Verdana isn't exactly known for being distinctive and memorable. There's my $10 answer, and I'm stickin' to it!

????: NamePros.com http://www.namepros.com/showthread.php?t=86433

Thanks guys!

Peter

StudioWorks · 05-10-2005, 09:02 PM

No problem

It would be nice if you will make the changes we suggested. Keep developing and improving it.

Best of luck

bhyraj · 05-11-2005, 04:05 AM

Best site. I like background. good job.

pmj7 · 05-11-2005, 03:12 PM

Latest changes include a new side background to match the alternate header (the snow covered mountains), and better printing through css.

Peter

StudioWorks · 05-11-2005, 03:33 PM

Im not seeing any changes..oh well..

Peter

Check your text in the footer.

This text :

Quote:

© Copyright 2004-2005, Peter Jones, all rights reserved.
Pixel Development: RSS, XHTML, CSS, 508
May 11, 2005 2:39:01 PM (PST)

...apears to be WHITE

????: NamePros.com http://www.namepros.com/showthread.php?t=86433

Cheers.

pmj7 · 05-11-2005, 09:08 PM

You may have to hold down the Ctrl key and hit refresh (or clear your cache) to load the changed CSS file. The footer text is intentionally white, since you brought it up do you feel that there is insufficient contrast?

Peter

StudioWorks · 05-11-2005, 09:10 PM

Regarding this issue, contrast i mean, i think it's OK the way it is.

I really like the Preferences feature you implemented. Well done!

pmj7 · 05-12-2005, 04:37 PM

Thanks!

The page text header now uses same background as the side, eg: "Gallery".

Now, it's your chance to vote! The second style (the black 'T' on a white background) button shows a new item separator, orange that fades out from the centre. The other style buttons remain the same so you can compare. Prefer the new one?

Peter

StudioWorks · 05-12-2005, 05:03 PM

Hey Peter,

You did a great job. I like the second style becouse you got rid of the black & white gradient. Well done!

????: NamePros.com http://www.namepros.com/showthread.php?t=86433

I love when people listen to my suggestions

Let's move on

Second style ( blue one ) :

- well, here we have the same problem, grandients. The gradient under the menu is too big. A nice stylish one will do just fine. Also the text area would look better if it was white. Or you can use for the content area a nice faded background ( white and gray ). And again, gradients in the content area are just too big.

- photo in the header looks awesome! good job.

- if you add some nice borders with shadows on this blue layout.. it will improve it's image.

Overall nice work! Well done Peter

Cheers,

Studio

krustie · 05-13-2005, 02:49 AM

I love the css prefences bit you have

GOODJOB.

aween · 05-13-2005, 03:14 AM

if not noted yet: it loads everything twice and then it shows up correctly:s

04-30-2005, 10:03 AM	THREAD STARTER #1 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	Please review Pixel Development Pixel Development This is my new website, the text still needs some work. Most effort has been against the main, gallery, portfolio and RSS/RSS help pages, so far. Most will find the Gallery and OIP Edit interesting. The gallery is a fairly sophisticated combination of DHTML and server-side scripting. When viewing a gallery, clicking on the OIP Edit button allows you to change the appearance of any image, making it brighter, sharper, or even black and white or sepia! These changes are kept and are instantly reflected back in the gallery when you click 'save', other users see these changes as well. Don't like the way it looks to you? Change it again! Try it! ????: NamePros.com http://www.namepros.com/web-design-reviews/86433-please-review-pixel-development.html Touchup allows you to play around with the image as well, but these changes are non-permanent. When you select Touchup, another button is added to the Gallery - Mac Gamma. If you are using a Macintosh, selecting this button will adjust the gamma of the displayed image to compensate for the Macintosh's different video gamma. You'll see the images as they were intended to be! The main page has numerous controls to customize the site to your preference and viewing conditions. LCD laptop screens are frequently easier to read with light text on a dark background, vice-versa for video monitors. Larger text, wider pages, links to a new window - all your choice! The Portfolio page has a brief description of other sites and projects, and has a small scrolling thumbnail area for most. Clicking on one will take you to a gallery with full size images. I'm particularly interested in hearing how it works on various browsers. I've tested on Windows XP with Firefox 1.02, Mozilla, Explorer 6, Netscape 7 and Opera 7.5. I've had a few people do a cursory look using Safari under Mac OS X. All comments are welcome! Peter __________________ Pixel Development

04-30-2005, 10:46 AM	#2 (permalink)
alegend PHPHelpSite.com Join Date: Feb 2005 Location: Boston Posts: 2,580	I think it would loook better with a better background The rest of the site is looking nice! __________________ MySpace Stuff - Default MySpace Layouts - Happy Birthday Comments

04-30-2005, 11:26 AM	#3 (permalink)
BuLLDoG NamePros Regular Join Date: Aug 2003 Location: England Posts: 931	with the domain being related to pixel, I think it would look cool with some pixel art going on, on the website design although looks decent at the moment! __________________ Free iPhone

04-30-2005, 04:23 PM	#5 (permalink)
iDeviseFlash Senior Member Join Date: Jun 2004 Posts: 1,030	lose the gradient seperators, and do something about the bg, so it doesnt appear the content was just slapped on top of it, make it fade into the bg or something. __________________ ~~ SIG FOR SALE ~~ Click here...

04-30-2005, 11:48 PM	#8 (permalink)
sufi NamePros Expert Join Date: Mar 2005 Location: LinksHut.com Posts: 7,697	Looks nice, great work. __________________ Social Bookmarking Service - 100 Bookmarks + BONUS for just $5

04-30-2005, 03:05 PM	#4 (permalink)
GJ Senior Member Join Date: Feb 2005 Posts: 2,227	Looking good! I like it!

04-30-2005, 05:00 PM	#6 (permalink)
Quicksilver NamePros Member Join Date: Aug 2004 Location: USA,Washington Posts: 182	looks pretty nice to me =)

04-30-2005, 06:01 PM	#7 (permalink)
briman1970 Senior Member Join Date: Mar 2005 Location: LA (Lower Alabama) Posts: 3,127	The banner/logo at the top doesn't live up to the rest of the site IMHO. There are some pretty good designers at NP (and cheap too). Maybe someone here could help you out. Bri

05-01-2005, 10:17 PM	#9 (permalink)
weblaunch NamePros Regular Join Date: Mar 2005 Posts: 561	Very nice site overall. Easy, intuitive navigation structure. I would not mix serif and sans-serif fonts, however. __________________ Increase Website Traffic Free Search Engine Submission - Make money blogging - AAA Web Directory Website Submission - LavaSeek Web Directory

05-01-2005, 10:32 PM	#10 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	Excellent coding and design work. It couldn't be easier to use. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

05-02-2005, 03:14 AM	#11 (permalink)
ammo Senior Member Join Date: Dec 2004 Location: Cornwall! Posts: 2,251	I love that top banner, good work, and good luck!

05-10-2005, 08:03 PM	THREAD STARTER #12 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	Thanks for the comments, here are a few changes I've made: - The gray background on the sides has been replaced with something that better complements the header image - Narrowing the home page sidebar leaves more room for above fold content - The main navigation 'hover' effect is more pronounced - Galleries can now be shown in the same window, or in a popup window - Extra hints on the gallery page "800x600 visitors should display galleries in a new window, or hit F11 to enlarge viewing area." - Portfolio page reflects the new same page vs new window style for galleries - Traditional Chinese now available as a translation option - css file cleaned up ????: NamePros.com http://www.namepros.com/showthread.php?t=86433 - galleries now have the option of coming up in the same window or in a popup Thanks! Peter __________________ Pixel Development

05-10-2005, 08:14 PM	#13 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,092	Well done pmj7 ! You did a great job. A few observations : - I would get rid of the white&black gradients on the main page .. they are so useless and ruins the look of your site. You could use a CSS customized <hr> instead of that. - reduce the size of the shadow under the menu . - on the portfolio page - bad idea in using frames. I know that frames gives you the possibily to show multiple photos of a certain project but you can also use a nice slideshow instead. Last but not least i want to congratulate you on the your good writen code. W3 Validator says : This Page Is Valid XHTML 1.0 Strict! Congratulations and best of luck! ????: NamePros.com http://www.namepros.com/showthread.php?t=86433 __________________ epagini.com mexicorealty.net softwarepit.com yadasoftware.com

05-10-2005, 08:39 PM	#14 (permalink)
danstevenson Senior Member Join Date: Jan 2005 Location: Calgary Posts: 1,357	looks pretty nice

05-10-2005, 08:54 PM	THREAD STARTER #15 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	StudioWorks: I would get rid of the white&black gradients on the main page .. they are so useless and ruins the look of your site. Tried it without, while designing and now and it doesn't look as good. You could use a CSS customized <hr> instead of that. They are. on the portfolio page - bad idea in using frames. I know that frames gives you the possibily to show multiple photos of a certain project but you can also use a nice slideshow instead. I don't use frames on my site, it's css. There is a slideshow if you click on a thumbnail or click on 'larger images'. Congratulations and best of luck! Thanks! microdude431: Overall a nice site . I think the banner would look good with a font that matches the rest of the site Originally I used a font that was closer to that of the text, and didn't give it much thought. Several comments prompted me to take a closer look. There's no reason that a site title/logo should match that of the font used for the text of the site. The font used for the body of text has to be readable at a relatively small size, and partly because of that it doesn't look that great when shown at a much larger size. Plus, plain old Verdana isn't exactly known for being distinctive and memorable. There's my $10 answer, and I'm stickin' to it! ????: NamePros.com http://www.namepros.com/showthread.php?t=86433 Thanks guys! Peter __________________ Pixel Development

05-11-2005, 04:05 AM	#17 (permalink)
bhyraj Senior Member Join Date: Apr 2005 Posts: 1,023	Best site. I like background. good job. __________________ Earn $ on web more income on web Free :........50MB WEBSPACE & 1000MB BANDWIDTH! JUST POST 50 TOPICS!

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

05-10-2005, 09:02 PM	#16 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,092	No problem It would be nice if you will make the changes we suggested. Keep developing and improving it. Best of luck __________________ epagini.com mexicorealty.net softwarepit.com yadasoftware.com

05-11-2005, 03:12 PM	THREAD STARTER #18 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	Latest changes include a new side background to match the alternate header (the snow covered mountains), and better printing through css. Peter __________________ Pixel Development

05-11-2005, 09:08 PM	THREAD STARTER #20 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	You may have to hold down the Ctrl key and hit refresh (or clear your cache) to load the changed CSS file. The footer text is intentionally white, since you brought it up do you feel that there is insufficient contrast? Peter __________________ Pixel Development

05-11-2005, 09:10 PM	#21 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,092	Regarding this issue, contrast i mean, i think it's OK the way it is. I really like the Preferences feature you implemented. Well done! __________________ epagini.com mexicorealty.net softwarepit.com yadasoftware.com

05-12-2005, 04:37 PM	THREAD STARTER #22 (permalink)
pmj7 New Member Join Date: Apr 2005 Posts: 23	Thanks! The page text header now uses same background as the side, eg: "Gallery". Now, it's your chance to vote! The second style (the black 'T' on a white background) button shows a new item separator, orange that fades out from the centre. The other style buttons remain the same so you can compare. Prefer the new one? Peter __________________ Pixel Development

05-12-2005, 05:03 PM	#23 (permalink)
StudioWorks no one lives forever Join Date: Apr 2004 Location: NamePros Posts: 8,092	Hey Peter, You did a great job. I like the second style becouse you got rid of the black & white gradient. Well done! ????: NamePros.com http://www.namepros.com/showthread.php?t=86433 I love when people listen to my suggestions Let's move on Second style ( blue one ) : - well, here we have the same problem, grandients. The gradient under the menu is too big. A nice stylish one will do just fine. Also the text area would look better if it was white. Or you can use for the content area a nice faded background ( white and gray ). And again, gradients in the content area are just too big. - photo in the header looks awesome! good job. - if you add some nice borders with shadows on this blue layout.. it will improve it's image. Overall nice work! Well done Peter Cheers, Studio __________________ epagini.com mexicorealty.net softwarepit.com yadasoftware.com

05-13-2005, 02:49 AM	#24 (permalink)
krustie Account Closed Join Date: Feb 2005 Location: England, essex Posts: 418	I love the css prefences bit you have GOODJOB.

05-13-2005, 03:14 AM	#25 (permalink)
aween Pro Coder & Designer Join Date: Apr 2005 Location: Netherlands Posts: 967	if not noted yet: it loads everything twice and then it shows up correctly:s __________________ aween web development

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Amber Development "Soft-Launch"	Obscend	Web Hosting Offers	0	03-10-2005 08:59 PM
Partner(s) Wanted For Website Development	adamjo419	Website Development	3	01-12-2005 01:04 PM
Get a FREE QUOTE of your project NOW!	amnistiya.com	For Sale / Advertising Board	2	11-19-2003 11:28 AM