Jump to content


Critiques Wanted!

Started by Fmdpa, Jan 09 2012 08:52 PM

13 replies to this topic

#1 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 09 January 2012 - 08:52 PM

Hey everyone,

I'm working on finishing a website for an organization. One of the things they wanted was that it be a low-bandwidth website. The only large image is the banner image, which I designed from scratch. The website currently gets a YSlow score of A (93) and I haven't even done some final things like compressing the stylesheet and adding expires headers.

Boen_robot, you can see the RewriteRule problem I encountered on the broadcasts page. The music file in the broadcasts page is just Windows 7 sample music. The upcoming event is not real either. :)

The "upcoming events" and "recent broadcasts" frame are not functional yet, so just pretend.

Any critiques whatsoever regarding the website are more than welcome. http://akv4f.cyberstream.us
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#2 boen_robot

    XSLT senior

  • Moderator
  • PipPipPipPipPipPipPip
  • 8,484 posts
  • Gender:Male
  • Location:europe://Bulgaria/Plovdiv
  • Interests:Everything having to do with computers... and science.
  • Languages:(X)HTML, CSS, XML, XSLT, Schema, PHP, JavaScript (a little), other XML based...

Posted 10 January 2012 - 04:02 PM

I'm not sure about the hover color in the events section, but then again, I have no design sense at all, so don't take my word for it.

You seem to be using a center element... other than that "principle" issue, excellent, both in terms of design (again, that coming from me as a user, not as a designer) and code.
The greatest difficulty in programming is not in finding answers, but in asking yourself the right questions. -- If nobody has said it before, then I'd like to take credit of thinking this up (during summer of 2010).
"Complex problems often have the simplest solutions" -- Not sure who said that first.
=== My projects (all feedback welcomed) ===
XML_XSLT2Processor(0.5.3) - perform XSLT 2.0 transformations in PHP.
PEAR2_Net_Transmitter(1.0.0a3) - reliable sockets.
PEAR2_Cache_SHM(0.1.1) - persistent data storage wrapper.
=== Useful tools ===
NetBeans - full featured PHP IDE, as well as a decent code editor for other things.
Fiddler2 - The best free HTTP debugger. Performance tuning, security check, integrity check, custom requests and more, all made easy.
Gobby - That's NOT my Nickname! Look at the topic.

#3 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 10 January 2012 - 07:03 PM

Thanks for the comments!

Honestly, I'm not very satisfied with the events section design either. I'll work out a new design for that and let you know what I come up with.

Oops, I thought the center element was new in HTML5, but looking further, I see that it was actually deprecated in HTML5. I'll fix that pronto.
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#4 Krewe

    Member

  • Members
  • PipPip
  • 387 posts
  • Gender:Male
  • Location:Colorado
  • Interests:Football, Pole Vault.
  • Languages:HTML, CSS, Javascript*, jQuery*, MySQL, PHP, Git* (* = learning)

Posted 11 January 2012 - 06:32 AM

I love the testimonial page. Great concept I haven't seen. (Obviously I have seen testimonials...)
One fix I see is on the contact page. Is it possible to move the text "Message:" to the top/middle area. I think it would look better than on the bottom.

Other than that, it is a great minimalist site :).
"Imitation is the highest form of pissing me off. Quit stealing my content and violating my copyright." ~ Jen T. Verbumessor
"Master Tomorrow, Not Today" ~ Zach Case

My Website:
http://www.zachcase.com

Need a free Text Editor?
Try these: Notepad++ Sublime Text (Preferred) EditPad Lite

#5 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 11 January 2012 - 08:55 AM

Thanks for you comments, Krewe! You are right, "Message:" does look better at the top. I'll update my code to change that.
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#6 Alluring

    Newbie

  • Members
  • Pip
  • 53 posts
  • Gender:Male
  • Interests:Web Head.
  • Languages:HTML, CSS, Actionscript, JavaScript, PHP and XML.

Posted 13 January 2012 - 01:46 AM

Nice job. I like the look of the contact sheet. Good work.

The banner graphic is sweet too. And thank you for picking a good color palette. Over all it gives a sense of "smooth" which, IMO, is a win. Not like Charlie Sheen win, but a real win.

-Graham
alluringmedia.net
Graham
http://alluringmedia.net

#7 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 13 January 2012 - 10:02 PM

Thank you for your compliments, Graham. You have a very attractive site, too!

I rolled out a new design on the events page, so check it out and let me know what you think. I also completed the home page and, if there are no errors or design flaws, it will go live ASAP!

I'm getting a YSlow rating of A and I haven't even made the static resources cacheable yet. I will also compress my stylesheet before the production launch.

Edited by Fmdpa, 13 January 2012 - 10:05 PM.

What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#8 boen_robot

    XSLT senior

  • Moderator
  • PipPipPipPipPipPipPip
  • 8,484 posts
  • Gender:Male
  • Location:europe://Bulgaria/Plovdiv
  • Interests:Everything having to do with computers... and science.
  • Languages:(X)HTML, CSS, XML, XSLT, Schema, PHP, JavaScript (a little), other XML based...

Posted 14 January 2012 - 03:39 PM

Go live already :P .
The greatest difficulty in programming is not in finding answers, but in asking yourself the right questions. -- If nobody has said it before, then I'd like to take credit of thinking this up (during summer of 2010).
"Complex problems often have the simplest solutions" -- Not sure who said that first.
=== My projects (all feedback welcomed) ===
XML_XSLT2Processor(0.5.3) - perform XSLT 2.0 transformations in PHP.
PEAR2_Net_Transmitter(1.0.0a3) - reliable sockets.
PEAR2_Cache_SHM(0.1.1) - persistent data storage wrapper.
=== Useful tools ===
NetBeans - full featured PHP IDE, as well as a decent code editor for other things.
Fiddler2 - The best free HTTP debugger. Performance tuning, security check, integrity check, custom requests and more, all made easy.
Gobby - That's NOT my Nickname! Look at the topic.

#9 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 14 January 2012 - 06:39 PM

:) It is in the process of being launched right now.
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#10 dink

    Member

  • Members
  • PipPip
  • 109 posts
  • Gender:Male
  • Languages:html, css, java, javascript, c++, visual basic, asp, learning php

Posted 15 January 2012 - 09:06 PM

Very nice work.
The code is clean and takes into consideration many browser problems often ignored.
I want to see this once it is complete..
Good Job!!
dink

#11 Krewe

    Member

  • Members
  • PipPip
  • 387 posts
  • Gender:Male
  • Location:Colorado
  • Interests:Football, Pole Vault.
  • Languages:HTML, CSS, Javascript*, jQuery*, MySQL, PHP, Git* (* = learning)

Posted 15 January 2012 - 10:15 PM

Awesome, only thing I might take into consideration is making the date and time on the event pages darker. It is a little hard to read. Granted I know you can hover over to make it darker :P. But I am just thinking about the stupid people who won't try to hover.

Edited by Krewe, 15 January 2012 - 10:22 PM.

"Imitation is the highest form of pissing me off. Quit stealing my content and violating my copyright." ~ Jen T. Verbumessor
"Master Tomorrow, Not Today" ~ Zach Case

My Website:
http://www.zachcase.com

Need a free Text Editor?
Try these: Notepad++ Sublime Text (Preferred) EditPad Lite

#12 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 17 January 2012 - 09:35 PM

Thanks Dink and Krewe! I darkened the text as you suggested, Krewe. The changes are not online yet, however.

By the way the site has been launched at alaskavoicesforfreedom.com. That is where the changes will be uploaded henceforth.
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us

#13 Krewe

    Member

  • Members
  • PipPip
  • 387 posts
  • Gender:Male
  • Location:Colorado
  • Interests:Football, Pole Vault.
  • Languages:HTML, CSS, Javascript*, jQuery*, MySQL, PHP, Git* (* = learning)

Posted 18 January 2012 - 05:03 AM

Woah, the links page, the url next to the hyperlink is way to light.
Only reason I noticed it was there was because I accidentally hovered over it.
Plus I like how on the about page it says "edit page" :D Haha.

Otherwise A+
"Imitation is the highest form of pissing me off. Quit stealing my content and violating my copyright." ~ Jen T. Verbumessor
"Master Tomorrow, Not Today" ~ Zach Case

My Website:
http://www.zachcase.com

Need a free Text Editor?
Try these: Notepad++ Sublime Text (Preferred) EditPad Lite

#14 Fmdpa

    want to see the big-O on more desktops

  • Members
  • PipPipPipPip
  • 1,031 posts
  • Gender:Male
  • Location:United States
  • Interests:Learning web programming, photography, Bible
  • Languages:(X)HTML(5), CSS, PHP, SQL, JS; learning RoR and Java

Posted 18 January 2012 - 10:03 AM

OK, I wasn't sure if I wanted to keep the URL ghosted until hovered over, or keep it visible. I guess I'll darken it significantly.

Yeah, the client hasn't edited the about page yet. I've finished the part that's up to me, though! :)
What I like about computers: ctrl+z

Opera Web Browser Netbeans IDE Dark Twilight Theme for Netbeans

CyberStream - my photography and web development blog @cyberstream_us
Back to Critiques · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. W3Schools Forum
  2. → W3Schools
  3. → Critiques
  4. Guidelines and Netiquette