Go to Post The game ends after two minutes and fifteen seconds. The build season ends after six weeks. Using the experience to help improve yourself and the rest of the world will take the rest of your life. - dlavery [more]
Home
Go Back   Chief Delphi > Technical > IT / Communications > Website Design/Showcase
CD-Media   CD-Spy  
portal register members calendar search Today's Posts Mark Forums Read FAQ rules

 
Closed Thread
 
Thread Tools Rate Thread Display Modes
  #1   Spotlight this post!  
Unread 12-03-2012, 11:51
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by subrc View Post
Your website looks amazing, and nice job using HTML5 too!

That said, you might want to see how your HTML outline looks from time to time. Here's what your outline looks like right now:

http://gsnedders.html5.org/outliner/...nerobotics.org

There are a lot of untitled sections in your document. You can easily title any section in HTML5 by giving it an h1 element. The outermost section is the body element. It would make sense to make the title of the body the same as the title of the website as a whole ("Eagle Imperium"). And of course, you can just set all these h1 elements to not display using CSS.

I had a couple really picky issues with spacing, too. h1 elements don't have margins, and you sometimes have empty p elements between paragraphs. I also really wish the margin on paragraphs was 1em and not .5.

Of course, I'm only making such meticulous comments because you guys did a great job overall. It's nice to see a team taking its website seriously.
Thank you for the comments.

Ah yes, a friend of mine, another student on the team, did the initial design and implemented it into HTML initially, with some bugs and not all the features done, and I then implemented it into WordPress, and him and I have continued to add slight features. I wasn't around when the initial bit got done and hence all the headers I haven't noticed.

I appreciate the link with the outline, and I will fix that too. However, I am slightly confused by your thought of using <h1> to title things and then setting it to display as none. While I do like to be semantically correct, this seems like a weird little hack to me. I've also heard that you should only use one <h1> per page. I will do some more investigating and Googling and then modify it as such. Thank you for the comment.

EDIT - And on the topic of being symantically correct, it makes most sense (I thought) to do this with headers.

1. Eagle Imperium - FIRST 3322 (or similar)
2. News
3. News Title
4. Titles within news post
3. News Title #2
3. News Title #3

I don't think we are doing that as it currently stands, and I should probably at least fix that, but that's how I've always seen the whole semantics thing.

As for the spacing, that's all the other kid as he did the actual design bit, I mostly just do the JS, styling it some, implementing it into WordPress, etc. I will definitely check out how it looks with the margins you suggested and talk to him. We are very open to suggestions like this and I really appreciate it.

The empty <p> elements are due either to one of two things: WordPress being funky with the way it handles paragraphs, or the fact that before I was on the website team, a lot of Google Sites content was converted over to WordPress. I've been trying to systematically go through and edit the Google Sites pages as they have a lot of oddities, such as random divs (sometimes unclosed), empty headings, paragraphs, etc. If there are a few pages you noticed this on specifically that you could give me a link or page title to? I'd really appreciate it.

Thank you again for all your comments.
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog

Last edited by johnmaguire2013 : 12-03-2012 at 11:53.
  #2   Spotlight this post!  
Unread 13-03-2012, 17:08
subrc subrc is offline
Registered User
FRC #0461 (Westside Boiler Invasion)
 
Join Date: Mar 2012
Rookie Year: 2010
Location: Indiana
Posts: 4
subrc is an unknown quantity at this point
Re: Team 3322's website

Using multiple h1s is totally fine in an HTML5 page, and they are used to generate the document outline. Though, I'm not sure if anyone has written anything about using display:none to hide them.

That was just a judgment call on my part. I figure as long as the design of the website indicates what a section is (a primary navigation, for example), there's no reason to have the title show up. Then again, there isn't a whole lot of benefit to titling sections either, but I guess it's something to consider.

Once again, great job with the new website. Hope you guys do well this season.

Last edited by subrc : 13-03-2012 at 20:52.
  #3   Spotlight this post!  
Unread 13-03-2012, 17:30
Dusk Star's Avatar
Dusk Star Dusk Star is offline
team Chief Delphi junkie
AKA: Andrew
FRC #2611 (Jacktown Vectors)
Team Role: Programmer
 
Join Date: Jan 2012
Rookie Year: 2008
Location: Jackson, MI
Posts: 63
Dusk Star is an unknown quantity at this point
Re: Team 3322's website



The menus are behind the text, or behind the picture. Chrome 19.0.1067.0
Other than that bug, great site! Wish ours was that good...
  #4   Spotlight this post!  
Unread 13-03-2012, 23:45
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

O.o Canary, huh? Odd as it works in the stable version of Chrome and is done using a z-index... you sure this isn't an issue with Canary itself? I will look into it and try to fix it. Thanks for the bug report either way, and thanks for the compliments.

And I feel I must apologize for the small width on your large monitor. I don't have a monitor large enough to know... how often do you come across fixed-width small layouts? Again, I wasn't a part of the initial CSS process, so I didn't have a lot of control over that, but I <3 fluid layouts.
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog
  #5   Spotlight this post!  
Unread 14-03-2012, 20:25
Dusk Star's Avatar
Dusk Star Dusk Star is offline
team Chief Delphi junkie
AKA: Andrew
FRC #2611 (Jacktown Vectors)
Team Role: Programmer
 
Join Date: Jan 2012
Rookie Year: 2008
Location: Jackson, MI
Posts: 63
Dusk Star is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by johnmaguire2013 View Post
O.o Canary, huh? Odd as it works in the stable version of Chrome and is done using a z-index... you sure this isn't an issue with Canary itself? I will look into it and try to fix it. Thanks for the bug report either way, and thanks for the compliments.

And I feel I must apologize for the small width on your large monitor. I don't have a monitor large enough to know... how often do you come across fixed-width small layouts? Again, I wasn't a part of the initial CSS process, so I didn't have a lot of control over that, but I <3 fluid layouts.
It's not an uncommon situation, honestly. It feels like almost every site is formatted like that- though it does make it easier to throw up two windows at once
Seriously, though, Chiefdelphi does it, Google Plus does it, Facebook does to a degree, and a lot of other blogs. Not a problem.

And yeah, I use Canary... generally it doesn't cause formatting errors for me, though. Just crashes more often, and uses more CPU. And remember, what is Canary today is chrome standard in 2 months or so...
  #6   Spotlight this post!  
Unread 17-03-2012, 09:43
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by Dusk Star View Post
It's not an uncommon situation, honestly. It feels like almost every site is formatted like that- though it does make it easier to throw up two windows at once
Seriously, though, Chiefdelphi does it, Google Plus does it, Facebook does to a degree, and a lot of other blogs. Not a problem.

And yeah, I use Canary... generally it doesn't cause formatting errors for me, though. Just crashes more often, and uses more CPU. And remember, what is Canary today is chrome standard in 2 months or so...
Haha, fair enough. I just prefer fluid layouts.

Yeah, I know, I used to run Canary. Although "Canaray today is Chrome standard in 2 months or so" is more of "A fixed out-of-beta Canary today."

Do you mind telling me what you see on this website?
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog
  #7   Spotlight this post!  
Unread 17-03-2012, 10:11
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

Also, can you try our site again? I made a change, but I can't test as my good laptop died, and I'm having to use this temporary one... which can't run Chrome. -_-
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog
  #8   Spotlight this post!  
Unread 19-03-2012, 18:44
Dusk Star's Avatar
Dusk Star Dusk Star is offline
team Chief Delphi junkie
AKA: Andrew
FRC #2611 (Jacktown Vectors)
Team Role: Programmer
 
Join Date: Jan 2012
Rookie Year: 2008
Location: Jackson, MI
Posts: 63
Dusk Star is an unknown quantity at this point
Re: Team 3322's website

Still has the "hiding behind image and text" problem, unfortunately...

And the "John Maguire" page says
Quote:
Nothing Found
Sorry, but I couldn't find any posts matching your criteria.
Attached Thumbnails
Click image for larger version

Name:	skyline robotics webpage2.png
Views:	16
Size:	883.2 KB
ID:	12360  
  #9   Spotlight this post!  
Unread 21-03-2012, 11:29
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by Dusk Star View Post
Still has the "hiding behind image and text" problem, unfortunately...

And the "John Maguire" page says
Indeed. I've been unable to find the cause of the Canary bug. It uses z-index to ensure the menus stay on top, and I have no idea why it would be falling behind. I even did some test cases and it worked fine. Very odd, and I'm still looking for a solution.

Thanks for the tip on the broken page. Apparently we removed last names from the site recently due to liability reasons(?) and so some links got broken. We even have a broken link checker, so I'm not sure how that slipped through.

Thank you very much.

EDIT - And in fact, the link is not broken. You may have tried accessing the site while we were updating, or we fixed the broken link already. If you still see the problem, a hard refresh should fix it.
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog
  #10   Spotlight this post!  
Unread 21-03-2012, 13:08
Dusk Star's Avatar
Dusk Star Dusk Star is offline
team Chief Delphi junkie
AKA: Andrew
FRC #2611 (Jacktown Vectors)
Team Role: Programmer
 
Join Date: Jan 2012
Rookie Year: 2008
Location: Jackson, MI
Posts: 63
Dusk Star is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by johnmaguire2013 View Post
Thanks for the tip on the broken page. Apparently we removed last names from the site recently due to liability reasons(?) and so some links got broken. We even have a broken link checker, so I'm not sure how that slipped through.

Thank you very much.

EDIT - And in fact, the link is not broken. You may have tried accessing the site while we were updating, or we fixed the broken link already. If you still see the problem, a hard refresh should fix it.
Link still shows as broken. This is ie8 on xp- fairly standard!
However, your team site works with this browser, and chrome portable. So I guess that is just canary chrome's fault!
Attached Thumbnails
Click image for larger version

Name:	webpage.JPG
Views:	12
Size:	74.0 KB
ID:	12387  
  #11   Spotlight this post!  
Unread 23-03-2012, 14:51
johnmaguire2013's Avatar
johnmaguire2013 johnmaguire2013 is offline
Harps On Websites
AKA: John Maguire
FRC #3322 (Eagle Imperium)
Team Role: Webmaster
 
Join Date: Jan 2011
Rookie Year: 2011
Location: Ann Arbor, MI
Posts: 74
johnmaguire2013 is an unknown quantity at this point
Re: Team 3322's website

Quote:
Originally Posted by Dusk Star View Post
Link still shows as broken. This is ie8 on xp- fairly standard!
However, your team site works with this browser, and chrome portable. So I guess that is just canary chrome's fault!
Sorry, thought you were referring to a different page. I tested the test.html in Canary and then deleted it without letting you know -- my apologies!

Aye, the menu links issue only shows up in Canary, and I'm still not quite sure what's going on with it. :\
__________________
John Maguire
Website Team | PR/Marketing Team
FRC Team 3322 - Eagle Imperium | My Blog
  #12   Spotlight this post!  
Unread 23-03-2012, 17:16
Dusk Star's Avatar
Dusk Star Dusk Star is offline
team Chief Delphi junkie
AKA: Andrew
FRC #2611 (Jacktown Vectors)
Team Role: Programmer
 
Join Date: Jan 2012
Rookie Year: 2008
Location: Jackson, MI
Posts: 63
Dusk Star is an unknown quantity at this point
Re: Team 3322's website

Ah, that's not a problem. I have far more time than I know what to do with at school, anyways.... Two online classes, both of which take about three weeks a semester (of dedicated work, though), and a severely locked down internet connection = not much to do

Nice custom theme, by the way!
Closed Thread


Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -5. The time now is 01:03.

The Chief Delphi Forums are sponsored by Innovation First International, Inc.


Powered by vBulletin® Version 3.6.4
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
Copyright © Chief Delphi