Go to main content

Textpattern CMS support forum

You are not logged in. Register | Login | Help

#1 2005-10-30 03:12:18

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

TXP Reflection

My latest port from an original by Pat Heard. It’s currently sitting on my test site so please have a look. I’m interested to know about any problems, particularly from Mac users as I can’t test for that. I have it set up as a blog but I think this style would be good for a small corporate site. Your thoughts on that. I’ll get it all packaged up tonight if there are no problems.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#2 2005-10-30 03:43:34

Jeremie
Member
From: Provence, France
Registered: 2004-08-11
Posts: 1,578
Website

Re: TXP Reflection

Nice to have a fluid design template :)

But the markup could be better… the most proeminent issues are img tag with no relevant content.

Offline

#3 2005-10-30 04:05:17

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

I was thinking you might like it Jeremie. :) What’s this image tag thing you are talking about? And what do you think about it being appropriate for a corporate site?


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#4 2005-10-30 05:47:13

Jeremie
Member
From: Provence, France
Registered: 2004-08-11
Posts: 1,578
Website

Re: TXP Reflection

:)

Ok, about the markup.

Line 1: why a transitionnal dtd ? Strict is better, it will help the newbies webmasters not making errors.. well making less errors. The transtionnal DTD is well named, it was intended for a transition between two ages of the web (the worst one, and the “oh my god I’ve seen some light… maybe we should walk over it now”). If one is creating from scratch, a strict DTD is the way to go.

Line 26: <code><img src=“http://thebombsite.com/test/images/67.gif” alt=“corner” style=“float:left;” /></code>. First, the img tag as every other tag should have a meaning. Aka move to the visitor some content. This is not content; this is layout. It should go to the css only.

Line 29: you put a header here (well, a site’s title) but not header markup. On top of the semantic reasons, Google won’t like it.

Line 30: <code><span class=“white”></code> you name a class after a layout effect, not it’s meaning. That’s the same error as Dean (and countless others :p). What if someone (yourself ?) is trying to read your code, and understand it ? What if someone add a styleswitcher, and on the others styles it’s not white but pink or green ? On several other occurence, incuring the one just one line before it, it’s ok (it’s a title, so let’s call the class a title).

Line 62: again with the wrongly name class. What if on the next layout this content is placed right, or top, or bottom ? I’ll stop pointing these from now on :)

Line 66: <code><span class=“header”>links</span></code> well ok it’s a header, so let’s use a html header markup, no ? Same goes for the others ones

Line 68 and following: this is definitely a list, not a paragraph with breaking rules in it.It would allow more styling control, more semantic, more readibility if the page is rendered with no css support, and so on.

Line 156: why the empty div, with a non breaking space in it ? It carry no meaning, no content. If this is for a specific patch for rendering bugs, maybe you can settle this in the css file (which is less important, as robots, spiders, analyse tools and so on won’t read it).

Line 171: what’s with all the non breaking space ? As far as I know english writing guidelines, I think a good thumbrule would be “no non breaking space in any english page” :)

About layout well because I’m an anal geek, I will call it a distinct second thing to look at. But the first thing… the blue is a little too blue for my taste. I see you are trying to match the reflected sky with it (or something along those lines), but it doesn’t do the trick – for me anyway. Maybe something a touch darker ?

Last edited by Jeremie (2005-10-30 05:50:40)

Offline

#5 2005-10-30 13:40:05

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

I see. No problems then. :grin: I’ll have a look through it after dinner.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#6 2005-10-30 23:04:57

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

I think that’s as good as it’s going to get Jeremie.


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#7 2005-10-31 03:09:32

shishira
Member
From: Bangalore India
Registered: 2005-04-17
Posts: 62
Website

Re: TXP Reflection

nice a neat corporatish layout and the best part is its fluid

Thanks thebombsite

Offline

#8 2005-10-31 03:57:20

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

Thanks. Just waiting to see if I pass the “Jeremie” test. ;)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#9 2005-10-31 06:04:09

Jeremie
Member
From: Provence, France
Registered: 2004-08-11
Posts: 1,578
Website

Re: TXP Reflection

Well it seems ok for the code. Not perfect, but good for any non-anal people :) Well, a lot of br/ though… and still a transitionnal doctype, but it validate as strict.

On the design… well it’s a matter of taste of blue I suppose :)

Offline

#10 2005-10-31 14:32:06

aesop1
Archived Plugin Author
Registered: 2004-09-19
Posts: 142

Re: TXP Reflection

Very nice. One personal quibble is that I like the designs to be elastic in that they only collapse to a certain minimum width so that the navigation buttons don’t go all askew for people with monitors or windows set at ridiculously small resolutions or sizes. This is a challenge to do with CSS, I realize, because the min-width property isn’t supported across all browsers.

I believe one hack to accomplish min width is to use an (usually small, invisible) image within a div, but this brings you away from “pure css” and back to the single pixel gif trick from days of yore.

But as I said, that is a very minor and subjective quibble on my part. A very nice template indeed.

Last edited by aesop1 (2005-10-31 14:33:11)

Offline

#11 2005-10-31 14:42:40

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

Well the br/ are down to the fact that I can’t get a ul/li type listing to line up properly with the large cross. Of course that just might be me lacking a bit of CSS voodoo knowledge but after an hour or so messing with just the menu I gave up and went back to the original. I might give it another go later, and you say it validates to “strict” already? I’ll swap it over then. I don’t like messing with the colours as it’s not my design. I try to stick to the original as far as I can. There is an “orange” highlight version though which I shall include in any download and it’s simple enough to change.

Last edited by thebombsite (2005-10-31 14:43:16)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

#12 2005-10-31 14:47:45

thebombsite
Archived Plugin Author
From: Exmouth, England
Registered: 2004-08-24
Posts: 3,251
Website

Re: TXP Reflection

Thanks aesop1. I do check down to 800×600 but if someone uses lower than that I tend to think that they see what they deserve. ;)


Stuart

In a Time of Universal Deceit
Telling the Truth is Revolutionary.

Offline

Board footer

Powered by FluxBB