Sign in to follow this  
rick_appleton

[web] Comments please

Recommended Posts

I'm looking for comments on my webpage: here. I realise the first page needs a lot of work ;) as its just a portal to get rid of the Dot.TK stuff. I'm not sure about the colors I'm using. I wanted something clean, but using colors which aren't used often. [Edited by - rick_appleton on February 23, 2005 3:17:54 AM]

Share this post


Link to post
Share on other sites
I think it is a very nice and clean design. Great use of PHP with those tables(?). I am looking for a design similar to that w/o having to use PHP, kind of like Evolutional's web page html'ized. I was in the middle of looking at it, and it stopped responding, so I do not know if you are updating. The main thing that I noticed was page load times were not that fast. Another thing is that the "Game" tabs' table does not align with the rest of the tabs. I am using firefox browser btw.

- Drew

Share this post


Link to post
Share on other sites
Well, I doubt I'd been editing it at the same time. Load times might be slowish, since it's hosted on my own ADSL line.

About the Games tab not aligning, I expect the Engine tab didn't align either? That's due to the appearence of the scrollbar on the side and me centering the entire table.

I'm only using PHP to stick the header and footer to the pages, but I think the basics are just javascript. If you wanted you could just copy-paste the header and footer into each file and you wouldn't need PHP.

Thanks for the comments.

Share this post


Link to post
Share on other sites
No problem. Actually the game tab was the only one that I saw when I clicked through them all. I checked again and the Engine tab still worked correctly. As for the timeout I think I just refreshed too much when I was clickling to see the tabs line up [lol]. Silly UTD internet.

Now here's something intresting. I just now looked at your page in IE and it is flawless. Not only that, it works *very* fast and is 100x better than how FireFox is handling it. I think it is just a FF problem to being with, so you are doing great on design [smile]. I'd work for more IE compability than FF.

- Drew Benton

Share this post


Link to post
Share on other sites
Hmm, I haven't even tested in IE yet to be honest, I'll have to give it a go. I'm still not sure what you mean exactly when you say the 'Games' tab doesn't align. It works fine here. Could you make a screenie of what you mean?

Share this post


Link to post
Share on other sites
Rob: what would need to be converted to CSS? I already have the styles of the fonts in an external stylesheet, so I'm assuming you mean the tabbed table links?

If it's possible, and works in all contemporary browsers, I'm all for it. Could you give me some pointers?

edit: Took a look at your own site. I guess you do mean the tabbed links. I'll take another look at your site as an example this evening.

Share this post


Link to post
Share on other sites
What we normally mean by 'converting to CSS' is to drop all use of tables for layout(except for tabular data). Instead, we use normal xhtml elements with applied CSS styles, with the primary dividing 'cell' being that of a div. Look at the source of my homepage or Robs and you'll see what I mean.

Share this post


Link to post
Share on other sites
Quote:
Original post by evolutional
What we normally mean by 'converting to CSS' is to drop all use of tables for layout(except for tabular data). Instead, we use normal xhtml elements with applied CSS styles, with the primary dividing 'cell' being that of a div. Look at the source of my homepage or Robs and you'll see what I mean.


I am so going to use your guys' pages [smile]. Now if I can only get it to work without Php...

Share this post


Link to post
Share on other sites
The site is clean, which is good.

I didn't do a very thorough examination, but I did notice that the images lacked alt attributes, I don't like downloading images without knowing what they are.

Share this post


Link to post
Share on other sites
Quote:
Original post by rick_appleton
Drew: what are you trying to do 'without PHP'?


A design like Oli's page, to which he said look at VN's page. I will have to do some copy paste now [smile]. I just need something clean for mt web page, which I'm using my space I get from the Univ. so that's why I can't use php. Thanks! I was able to get the design copied over and it worked great. Now time to start making my page. I will make sure to give credit to the authors [wink]

Share this post


Link to post
Share on other sites
If you want to drop PHP but don't want to copy paste, take a look at SSI (which has shtml files). My old, old site was running on it very good. My old (surrent) side is running PHP-Nuke but it's kind-of abandoned and I should really replace it. It's just that I have been off working on various other sites over the past year, neglecting my own.

As to the design: It looks crisp clean. The only thing I notices was that the Screenshots font-size is a little bigger that the size on the other tabs.

Share this post


Link to post
Share on other sites
Now that I've looked at it in a graphical browser I have some more suggestions:
1. Screenshots on screenshot page has borders, get rid of them :p
2. It would be nice if you could remove all links that point to the current page in the PHP script.
3. You could generate the pages yourself with XSLT to get rid of PHP altogether.
4. And you might want to actually use the hn tags instead of p tags with css.

Share this post


Link to post
Share on other sites
Thanks for the comments everyone:

- I've fixed the font for 'Screenshots', it was indeed larger.
- Fixed borders on the images on the screenshot page.
- Added alt properties to the images on the games and programs pages, but not on the screenshot pages.
- Fiddled around with CSS, but I haven't been able to get the tabs spanning the entire width of the content yet. Will fiddle some more this weekend when I have some more time.

Leffe:
- I'm not sure what links to the current page you mean? You mean that if I'm on Games that the Games tag doesn't have a link? If so, would you know a nice way to do that? I know a way to do it, but I'd have to resort to PHP.
- I don't know anything about XSLT, so thanks for the suggestion, but I doubt I'll be using that. I'm okay with using PHP, so I assume that comment might have been directed to Drew.
- You mean to use < h1 > < h2 > tags instead of < p > tags? And use < br > to create paragraphs or divs? Any specific reason for this?

Drew: I took a look in IE and it looks totally different! All my black borders are gone! But I see that the CSS version does work correctly, so it'll probably fix itself once I get the CSS right. It does indeed seem to load slightly faster in IE, I wonder why.

Share this post


Link to post
Share on other sites
Quote:
Original post by rick_appleton
- I'm not sure what links to the current page you mean? You mean that if I'm on Games that the Games tag doesn't have a link? If so, would you know a nice way to do that? I know a way to do it, but I'd have to resort to PHP.


That's what I mean, and the easiest way would probably be using PHP. This is one of the classic usability tricks.

Quote:
- I don't know anything about XSLT, so thanks for the suggestion, but I doubt I'll be using that. I'm okay with using PHP, so I assume that comment might have been directed to Drew.


Nop, to you (or anyone :p) XSLT is great for generating pages, you can put the pages in nice XML documents with a lot of metadata and generate HTML pages with the wanted information from them. You can of course do that using a million other ways, but if the result will be XML, why not have the source in XML too :)?

Quote:
- You mean to use < h1 > < h2 > tags instead of < p > tags? And use < br > to create paragraphs or divs? Any specific reason for this?


No, use h tags for headings and p tags for paragraphs. It will improve the semantic meaning of the documents a whole lot.

Share this post


Link to post
Share on other sites
Over all I'd say it's a very nice, simple, clean design, which makes me like it even more! :)

2 things:

1. All the white is kinda bright on wider screens (mine) where your content is all in the center, and there are some good 3-4 inch margins on either side of the content.

2. I'd make your "click to enlarge" images open in a new window. Even though it's easy to map a key/button use the back feature of the browser, or even click on the back button... it's still annoying imo. I dunno, it just rubs me wrong sometimes. But that's me!

Share this post


Link to post
Share on other sites
Leffe:
Got you on the links, fixed that. For now no XSLT for me, but I'll keep it in the back of my mind to explore when I have time. Fixed the header paragraphs to use Hx instead of P

fraKtal:
Good call on the large expanse of white, I'll what I can do to slightly tone down the color. I always hate the images opening in a new window ;). Although opening all images in the same target window is okay for me. I think that's usually done with DHTML, will do a quick search.

Everyone: thanks for the comments.

I do need some help with the 'Programs' page. As you can see, the second image is floating out of the main page. How do I get the main content div to lower so the entire image is inside that div?

edit: I gave the background a slight blue color to break the white which is used as background in the main content.

[Edited by - rick_appleton on February 17, 2005 5:05:53 AM]

Share this post


Link to post
Share on other sites
Put a clearer div in the main div's to prevent the images from breaking out. E.g:

/* CSS file */
div.clearer { clear: both; height: 0px; }


<div>
<img src="your/floated.img">
<Paragraph text here>
<div class="clearer">&nbsp;</div>
</div>

Because the clearer div has to go below the floating image it will stretch the main div up to make it all fit in.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this