Fresh Update

March 16, 2005

Even though I was quite satisfied with the initial release of the new “Fresh” theme for Bartelme Design, I knew that there was still place for improvement. So I was constantly fiddling around, trying to optimize the layout. But for the moment I think I am done.

You might wonder why I’m changing the CSS directly on the server so that everyone can see what’s going, and even might be annoyed. Well, I think I need this kind of thrill — knowing that the layout of my site is somewhat broken — in order to work efficiently.

So sorry for any inconveniences caused by the constantly changing design. By the way, If you still see the old one just hit the refresh key in order to get the most recent CSS and images. If the design still stays the same, scroll down to the footer and choose the “Fresh” style. Enjoy.

26 comments

Much better ;)

borisbojic

Zum Hintergrundbild fällt mir prompt ein: Wie kann ich zwei background-images fixiert übereinander legen? Der Internet Explorer ignoriert ein “fixed”, wenn ich per Stylesheet html und body verschiedene Hintergrundbilder gebe (der Effekt ist z.B. bei Link zu bewundern, Ornament und dunkler Hintergrund sind aufeinander abgestimmt, wenn man scrollt sieht es schlimm aus…)

Pascal

On the one hand, I really like this latest version of Fresh, I slightly prefer the previous one. One aspect of the earlier Fresh that I saw was when disabling images (with the webdeveloper Mozilla extension) the page still looked very good. Now with images disabled the page is difficult to view. A minor thing, but it was impressive with the previous version.

Miguel

I like this version much more. If it’s clean, it’s right for me. ;)

Rene

Thank you. Once again I tried to remove further lines respectively to improve the color scheme so that the colors do not distract from the actual content while still being vivid. @Pascal: You may try to assign the first bg-image to the body and the second to an additional div. Maybe IE just treats the body and html tags in a special way…

Wolfgang

Although this version is very good, i think i prefer yesterday’s one, with the darker background and the white lines. Well, maybe this new layout is even more fresher than yesterday’ one…

giz404

This version is currently best viewed with a browser other than IE as I’m using a semitransparent PNG for the slight shadow effect of the wrapper div. For IE I assign a normal GIF without the shadow. However, I’m already working on making the shadow also work in IE.

Wolfgang

also mir hat die erste Version von Fresh besser gefallen der bg ist mir ein bisschen zu hell gewurden und die schönen blauen streifen links und rechts die als kontrastfänger diehnten sind ja nu leider auch wech =( also erste version war besser ;) mfg cab

Cabcom

Maybe it will be better if background will not be fixed?

rusavv

Naja, die erste version (bzw. die zweite) fand ich eigentlich besser, wegen dem dunkelgraumen Hintergrund und den Streifen links und rechts… Dadurch ist der Wrapper besser vom hintergrund abgetrennt. Übrigens: ich weiß nicht, ob das an einem Firefox-Bug liegt, aber in der Sidebar sind vereinzelt Einträge zu weit (1px) vertikal voneinander entfernt. Dass gibt einige hässliche Lücken zwischen dem Border der Elemente…

Philipp Daun

PS: Ja, liegt an Firefox. Opera (7.54, WinXP) zeigt alles normal an. Den Bug hatte ich aber schon mal bemerkt. Komisch ;-(

Philipp Daun

Komisch, ich dachte immer dass es die borders nur unscharf angezeigt werden. Aber anscheinend is dem nicht so. Werde mir die Sache noch ansehen. Außerdem werde ich schauen, dass auch unter IE eine klare Trennung zwischen Content und background zustande kommt. Danke für euer Feedback — ist für mich wirklich hilfreich.

Wolfgang

I LOVE IT! Very clean and colorful! FYI: You can use two page backgrounds using CSS to achieve the vertical/horizontal dropshadow effect. Here’s an example I wrote about it here

Bryan Peters

Could you please repost the link — it seems as if my script removed the HTML tags. Sorry. Just post the whole URL to comments field — the link will be generated automatically.

Wolfgang

Oh, I just stumbled onto the entry while browsing your website. For those of you who are interested, here is the Link But unfortunately it’s basically the same technique as I already use on this page — and it requires a semitransparent PNG, which is currently not supported by IE…

Wolfgang

Here you go. Link

Bryan Peters

I’ve just updated the CSS. Now the drop shadow should also be visible in IE.

Wolfgang

I think it’s a lot better than before. Now it’s really fresh & cool!

Julian

Thank you. That’s exactly what the design is intended to be.

Wolfgang

Irgendwie scrollt sich die Seite aber seit dem letzten Update recht "zäh" … das liegt meist an einem sehr kleinen, zu kachelndem Hintergrund. Ist hier irgendetwas sehr klein (5x5 Pixel, oder xyz x 1px oder so)?

borisbojic

Das letzte Fresh Design war recht frisch — dieses hier ist edel und frisch zugleich — gut gemeistert!

Jasmin

Mit welchem Browser tritt der Effekt auf? Oder ist es browserunabhängig? Kleine background images verwende ich eigentlich keine…

Wolfgang

Bin soeben drauf gekommen, dass das langsame Scrolling im Firefox durch die Option “Smooth Scrolling” verursacht wird. Firefox braucht dabei in Kombination mit dem semitransparenten PNG anscheinend relative viel Rechenleistung. Bei schnelleren Rechnern fällt es nicht so auf.

Wolfgang

Sehr gelungene Optik, wie schon bei den bisherigen Layouts. Das einzige was mich etwas stört ist die relativ kleine Fontgröße, was in letzter Zeit aber leider in Mode zu kommen scheint. Sicher, man kann die Schriftgröße auch ganz easy verstellen, aber ich fände defaultmäßig eine größere Schrift schon wünschenswert. Ansonsten dickes Lob, das wirkt alles sehr ausgereift hier.

Mülli

Also zuerst hab ich mich nicht mit dem neuen Style anfreunden können, aber jetzt find ich ihn super. Großes Lob. Aber eine Frage. Bei allen Styles hast du den Search Button farblich an dessen Hintergrund angepasst. Nur bei “Cubic” nicht. Warum?

Samydavis

Scrolling is at least for me (WinXP, Firefox 1.0.2, Athlon XP 2600) even with disabled “Smooth Scrolling” _really_ slow. It’s a pity, your new design is wonderful. I was quite fond of “Cubic”, but “Fresh” is even better! -----

Marco

Commenting is not available in this channel entry.