Site news
by Volker Weber
Last night I have replaced the site design. You should not see much, since this is mostly a technical redesign. Three things have changed in the visual design: commentator names are now right justified, the thin grey borders around the major parts of the page are gone, and the page will not grow wider than 70 em.
Which brings me to the real changes. All sizes are now in em and no longer in px. This should make it much easier to adjust your font size. Does that work for you, Bruce? Pictures do not adjust, so if you are choosing a small font size, margins will overflow. I also dropped a lot of <span> clauses which were inherited from old Movable Type templates. The site should now display nicer on mobile devices.
Update: Thank you for your feedback. I know that you are missing the grey borders. However, I wanted to get rid of them for a long, long time. I don't care very much for the design per se. What I want is readability. And it has to render in as many resolutions and font sizes as possible. Pictures don't scale with the font size. If they would, life would be much easier.
Comments
Nice - I only miss the grey borders. They made a pleasant division and now there's a kind of white hole in the left top. ;-)
Oh damn, please make the font in the comment field smaller again. I think the average of your visitors are still younger than 75.
Schick. Vor allem: Wie hast du denn die Such-Box gemacht? Sehr cool!
Aber bei mir verrutscht das Design ein wenig. Siehe Mail.
Mir gefällt es auch, doch die Kommentarbox-Font sollte in der Tat etwas kleiner sein.
Vielen Dank auch was die Lesbarkeit mit meinem p910i angeht, viel besser! Nur der Rahmen stört, genauer: #outer mit seinen 94% nervt wenn man nur
Den Outer brauche ich, um die Site zu zentrieren und in der Breite zu begrenzen. Ich hatte ihn auf 100%, aber dann fliegt das Layout unter IE auseinander. Da ist das letzte Wort noch nicht gesprochen.
Den Kommentarbox-Font muss ich noch erforschen. Unter Windows/IE ist er in Ordnung, unter Safari auch.
Das ist relativ einfach. Es fehlen zwei CSS Blöcke für "input" und "textarea".
Dummerle, ich. Ein Block reicht natürlich:
textarea, input {
font-size: 1em;
}
"thin grey borders around the major parts of the page are gone" = i miss them much, now it doesnt look so nice as before
When using either Internet Explorer 6 or Firefox 1.5, I am having the following behavior under Windows:
If the width of the browser window is smaller than about 1000 pixels, the right column (your navigation bar) is hidden.
Also, I am missing these grey borders too.
Regarding the large font size in the textarea when using Firefox under Windows:
textarea {font-size: 1em} should be sufficient, since only the textarea is affected as far as I have seen.
Well looking at the site with firedox 1.5 on Windows I find that the search plus the rest of the right side-bar are rendered just after the end of the comments.
So they are now not shown side by side, as it used to be.
They seem to be in the right place horizontally, but off the mark vertically.
Martin, I double-checked it and you're right: the right bar is not hidden when using a browser window size smaller than 1000px, the bar is just being displayed below the content.
I have forgotten one positive aspect :-) It seems to me that the page is rendering faster than before Volker's modifications.
hmm jetzt sieht es mit meinem p910-browser sehr gut aus... Was veraendert? checke das gleich mal mit dem Opera!
@vowe, speedy as ever;-)
looks good now w/ firefox 1.5 and firebird 1.5RC1
Fine also on the Nokia 9500 browser, 2 minor glitches
1) Ad is not loaded
2)Comments entry field overlays part of the sidebar on the right..
Volker,
I like it. Fonts look great and resize well. Thank you for thinking of me :-)
Now I like it. It looks good even on my Nokia 6630.
I just looked at the site in Windows. Eeewww. What a difference. Must find a way to make it look nicer.
Can any CSS wizard explain why I am getting extra white space above the logo in IE. FF does not show this behaviour under windows.
Mhm, der Link auf die Cartoons ist weggefallen, meist mein erster Klick von der Haupseite!
Jan
Yeah, were is the toons link! (I - ahem - mean of course, which I click after having read the insightful articles)
Highly subjective opinion:
If you ask me the borders did hold your design together. Now everything seems to be floating around in open space freely. That neither does help readability nor do I see where borders hurt from a technical point of view.
THANK YOU, VOWE! I always had to CMD+ before, now it´s excellent!
Armin
It all looks the same in RSS :O)
@Vowe : wouldn't it give you a better overview of how many people liked it or not if you implemented a poll instead of all those comments ?
FWIW : I too miss those grey borders...
Alex, this is not a democracy. And the borders are not returning. :-)
Can any CSS wizard explain why I am getting extra white space above the logo in IE. FF does not show this behaviour under windows.
Das liegt möglicherweise an dem leeren "top"-Anchor. Probier mal, den rauszuwerfen und stattdessen #outer anzuspringen.
Meine Güte, ich wusste nicht mal, das der noch drin ist. Da ich ihn sowieso nicht verwende, fliegt er sofort raus. Danke für den Hinweis. Macht es einen Unterschied? Kann ich hier auf dem Mac nicht sehen.
Volker, you won't want the images to scale proportional to the text.
Most bitmap resizing routines are quite bad. There's perhaps a handful or so of good implementations around (imagemagick, photoshop, coreimage come to mind). Most of the others, predominantly the scalers on the *cough* Microsoft *cough* platform do not deserve to be called scaler or resizer — "artefactor" or "verschlimmbesserer" perhaps.
Auf meinen Macs (Panther und Tiger, Safari und Firefox) ist die Schrift seit dem Redesign um eine Stufe größer - Absicht? Nach "Apfel-minus" sieht's wieder besser aus...
Ulrich
I like it *much* better now.
Ein px ist Dir wohl durchgerutscht.
border-left:1px solid #999999; (#main blockquote)
