PHPBeginner.net - First Draft
Moderator: General Moderators
-
I like the (non-three-columns) light design, without pictures and mainly black/white text/background.
Also the locator (below the logo) might become usefull. But it is too small or too reluctant (reserverd?). Perhaps place an icon in front or do something with the font.
The navigation/menu needs some work. I myself don't like the underlines, also the (search?) icons are misplaced in there.
The form is the only intended block (and the font size inside the font as well as the spaces between lines are too big - overall the form takes far too much space). I would put it to the left like the other blocks.
CHECKBOX yes
CHECKBOX no
would have no intention problems
The notes font (yes, it shoud be small) might not be readable for people with not so good eyes.
Ahhhh, tabs! Did nearly miss them! So would not find this information perhaps (top right is not so common to start reading).
Should the tabs be ajaxified? ;)
The red font color on the tabs hearts my eyes (well, it should represent the "logo", I know). Perhaps red lines around the tabs, blue font color and the acitve one with red color would be a solution for less red eye hurts.
djot
-
I like the (non-three-columns) light design, without pictures and mainly black/white text/background.
Also the locator (below the logo) might become usefull. But it is too small or too reluctant (reserverd?). Perhaps place an icon in front or do something with the font.
The navigation/menu needs some work. I myself don't like the underlines, also the (search?) icons are misplaced in there.
The form is the only intended block (and the font size inside the font as well as the spaces between lines are too big - overall the form takes far too much space). I would put it to the left like the other blocks.
CHECKBOX yes
CHECKBOX no
would have no intention problems
The notes font (yes, it shoud be small) might not be readable for people with not so good eyes.
Ahhhh, tabs! Did nearly miss them! So would not find this information perhaps (top right is not so common to start reading).
Should the tabs be ajaxified? ;)
The red font color on the tabs hearts my eyes (well, it should represent the "logo", I know). Perhaps red lines around the tabs, blue font color and the acitve one with red color would be a solution for less red eye hurts.
djot
-
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
- superdezign
- DevNet Master
- Posts: 4135
- Joined: Sat Jan 20, 2007 11:06 pm
I use Firefox as well. And yes, there is 10px. However, 10px is not much.
Here at DevNetwork, there's about 10px padding on every element up to the deepest ones. The text doesn't run to the outermost elements, and there should always be a good amount of room between the text and the edge... Website, or essay.
Here at DevNetwork, there's about 10px padding on every element up to the deepest ones. The text doesn't run to the outermost elements, and there should always be a good amount of room between the text and the edge... Website, or essay.
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
Don't shrink your font sizes. When I view this on a mac it looks really good, but the font size of the source code is actually unreadable (small):
http://www.w3style.co.uk/~d11wtq/screen-full.png [280Kb]
http://www.w3style.co.uk/~d11wtq/screen-full.png [280Kb]
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
-
nickvd
- DevNet Resident
- Posts: 1027
- Joined: Thu Mar 10, 2005 5:27 pm
- Location: Southern Ontario
- Contact:
The only thing that I can say about the design other than it looks fantastic!
Is...
Use conditional comments to hide the IE compatibility rant box for browsers other than ie..
<!--[if IE]>
box
<![endif]-->
Those who visit in firefox are unlikely to care about your position about IE (though I love it!
) You could have that info on an "About this site" type of page...
That way there is more real estate available for those of us using good browsers
Is...
Use conditional comments to hide the IE compatibility rant box for browsers other than ie..
<!--[if IE]>
box
<![endif]-->
Those who visit in firefox are unlikely to care about your position about IE (though I love it!
That way there is more real estate available for those of us using good browsers
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
Ok, I made a lot of the changes I have received as feedback from this thread:
Edit | So you don't have to go to page one again --> http://www.phpbeginner.net/template.php
- Made the core font size a touch smaller (I really liked the big fonts but I can see how that might be weird)
- Added an additonal 10px of padding to both sides (total of 20px now)
- Made the source code a little larger
- Made the tabs flat instead of beveled
- Added a third tab layer to allow for hovers
- Changed the width of the fieldset to full
- Changed the margins on the fieldset
- Made the font size in the breadcrumb trail larger
Edit | So you don't have to go to page one again --> http://www.phpbeginner.net/template.php
- superdezign
- DevNet Master
- Posts: 4135
- Joined: Sat Jan 20, 2007 11:06 pm
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
- Chris Corbyn
- Breakbeat Nuttzer
- Posts: 13098
- Joined: Wed Mar 24, 2004 7:57 am
- Location: Melbourne, Australia
Looking better for me too
I'm looking forward to seeing this evolve actually.
One thing: http://www.w3style.co.uk/~d11wtq/screen-full2.png
For some reason the source code looks really washed out on my Mac. I think it's the font face that's been used (monospace?). Not really sure what you can do about that if that's the case, apart from mayb try courier (or vice vera if that's wht you're using). Maybe it's just at the borderline of being too small to look very bold.
One thing: http://www.w3style.co.uk/~d11wtq/screen-full2.png
For some reason the source code looks really washed out on my Mac. I think it's the font face that's been used (monospace?). Not really sure what you can do about that if that's the case, apart from mayb try courier (or vice vera if that's wht you're using). Maybe it's just at the borderline of being too small to look very bold.
- superdezign
- DevNet Master
- Posts: 4135
- Joined: Sat Jan 20, 2007 11:06 pm
- RobertGonzalez
- Site Administrator
- Posts: 14293
- Joined: Tue Sep 09, 2003 6:04 pm
- Location: Fremont, CA, USA
It was your intitial response that made me mess with the code tag. This is how it looks now, though I think I may change it to 600 font-weight to see if that does anything...d11wtq wrote:For some reason the source code looks really washed out on my Mac. I think it's the font face that's been used (monospace?). Not really sure what you can do about that if that's the case, apart from mayb try courier (or vice vera if that's wht you're using). Maybe it's just at the borderline of being too small to look very bold.
Code: Select all
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: normal 0.9em/1.4em 'courier new', 'Lucida Console', monospace;
background: #f2f6ff;
border: 1px solid #cbddff;
border-left: 3px solid #cbddff;
}I'm sure I can make that accomodation.superdezign wrote:Well, you set a click event... why not a mouseover and mouseout event? :-pEverah wrote:The side nav menu items do change color (and so do their bullets). Their heading don't, but that is because I have them set to control the opening and closing of the lists.
Well, I do have a framework to build for this thing yet. Like I said, I have a lot of the content done for this, I just need to interface with it and develop an admin tool for it. I would hope this wouldn't take more than a month, though I have been saying that for over a year nowsentback wrote:Yes, the tabs are much better now. I was wondering when can we expect some content on this page?