Kleine Anpassung am Design

Heute habe ich noch eine kleine Anpassung am Design vorgenommen. So hat man nun auf der Startseite, den Themen, Tags usw. jeweils auch oben die Möglichkeit zur nächsten Seite zu blättern, oder zum Archiv zu gelangen. In einem zweiten Schritt möchte ich die Links noch etwas besser machen, das heisst gleich Links zu den fünf nächsten, bzw vorherigen Seiten. Auch das Archiv sollte ich mal etwas anpassen.
http://images.t-error.ch/blog/838/seiten.jpg


Zudem habe ich noch bemerkt, dass das Design nun genau ein Jahr alt ist. Wie die Zeit doch vergeht. Aber das Design gefällt mir noch immer :)

Neue Homepage von Velo Glauser online

Die Stammleser dieser Webseite haben sich vielleicht gefragt, warum ich in der letzten so oft bei meinem Velomech war. Meist ging es nicht um mein Bike sondern um die neue Homepage von Velo Glauser. Heute ist das Meisterwerk endlich fertig geworden.
http://images.t-error.ch/blog/672/glauser_neu.jpg


Ich muss zugeben, die Homepage gefällt mir selber sehr gut, aber schlussendlich muss sie ja nicht (nur) mir gefallen, sondern den Kunden von Marcel Glauser. Das Ziel war von Anfang an eine einfache, aber informative Homepage zu gestalten. Eine Homepage ohne grossen Schnickschnack, die dem Kunden die Informationen liefert die er benötigt und die auch einfach zu verwalten ist. Ich denke, das ist mir gelungen, aber natürlich gilt es noch das Feedback der Kunden abzuwarten.
Natürlich ist auch hier im Blog Feedback willkommen. Ich würde mich freuen, wenn der eine oder andere Besucher der Homepage einen Besuch abstatten würde.

Und zum Vergleich ein Screenshot der alten Homepage:
http://images.t-error.ch/blog/672/glauser_alt.jpg

404 Fehler Seite angepasst

Nun habe ich mal wieder meine 404, 403 und 401 Fehlerseiten an das neue Design angepasst. Nachdem ich die Seiten im Juli anlässlich einer Blogparade neu gestaltet hatte, habe ich es versäumt die Seiten an das neue Design anzupassen. So fristeten sie ihr Dasein seit der Umstellung auf das neue Design immer noch mit Fieldsets, wie es im alten Design halt so war.

Die Seiten passen nun wieder zum neuen Design, ich hoffe aber trotzdem, dass nicht allzuviele Benutzer diese Seiten zu Gesicht kriegen.
http://images.t-error.ch/blog/555/404_seite.jpg

Neues Design

Ich habe ja schon seit längerem davon gesprochen und nun bin ich fertig. t-error.ch präsentiert sich im neuen Kleid.
Darum bitte ich alle Feedleser mal wieder die Seite zu besuchen und sich ein Bild vom neuen Auftritt zu machen. Mir ist klar, dass das Design noch nicht perfekt ist. Hier und da kann man sicher noch etwas verbessern, aber bisher bin ich zufrieden damit.
Farblich habe ich mich an das alte Design gehalten, sonst hat sich aber viel geändert. Unter anderem auch die Navigation oben.

Im Internet Explorer 6 sieht es noch nicht ganz so aus wie es sollte, aber das kriege ich auch noch irgendwie hin.

Natürlich freue ich mich über Feedback. Entweder hier als Kommentar, oder einfach über das Kontakt Formular (welches momentan auch noch etwas zu breit ist).

Aber nun wünsche viel Spass, seht euch um. Ich hoffe das Design gefällt
http://images.t-error.ch/blog/503/neues_design.jpg

Dynamische oder feste Breite?

Das Thema habe ich vor längerer Zeit schon mal angesprochen. Allerdings habe ich mich damals über die Designs mit einer festen Breite geärgert. Ich habe in letzter Zeit vermehrt darauf geachtet, welche Designs nun Benutzerfreundlicher sind. Schlussendlich ist das ganze sicher immer noch eine Ansichtssache, aber ich finde, dass man Text besser lesen kann, wenn er sich nicht über die ganze Seite erstreckt. Also bei einem Design mit einer festen Breite. Dies setzt aber voraus, dass der Text auch sauber strukturiert ist und Absätze hat. Sonst verliert man sich schnell in einem Textblock.
Nun bin ich mir am überlegen, ob ich mein Design umstellen soll. Von der dynamischen zur festen Breite.
Ich habe bereits einen kleinen Test gemacht und das sieht nicht schlecht aus. Nur mit Codeschnippseln gibt es Probleme, da diese nicht umgebrochen werden. Bei den Bildern habe ich mich sowieso an eine maximale Breite von 555 Pixeln gehalten. Von daher sollte es keine Probleme geben.
Allerdings würde ich gerne noch einige Meinungen von Lesern dazu hören. Ich denke die regelmässigen Leser benutzen sowieso einen Feedreader und der Feed ist davon ja nicht betroffen. Aber ich würde mich über Feedback von Lesern freuen, die ab und zu mal wieder hier vorbeisurfen.

Für Leute die das Thema sonst noch interessiert gibt es auf dem Beast Blog einen interessanten Artikel (en)

dynamische oder feste Breite?

In letzter Zeit ist mir vermehrt aufgefallen, dass immer mehr Webseiten eine feste Breite für ihr Design verwenden. Vor allem bei Blogs ist das weitverbreitet. Das typische Blogdesign hat eine feste Breite, oben ein Logo und entweder oben, links und/oder rechts eine Navigation. Es sieht also so aus:
http://images.t-error.ch/news/290/fixed_top.jpg http://images.t-error.ch/news/290/fixed_left.jpg http://images.t-error.ch/news/290/fixed_right.jpg

Ich frage mich aber, was der grosse Vorteil an einer festen Breite ist. Ich habe hier im Geschäft eine Auflösung von 1680x1050 Pixel. Mit dieser Auflösung sieht die Homepage der Gratiszeitung Heute so aus:
http://images.t-error.ch/news/290/heute.jpg

Das ist doch Schade. Ich muss sehr weit nach unten scrollen, aber horizontal hätte die Webseite gut 2.5 mal Platz. Dass man das herunterscrollen, vor allem bei Blogs, nicht verhinden kann, ist mir klar. Aber das heisst ja nicht, dass man das Browserfenster nicht ausnutzen darf. Vor allem werden heuzutage immer mehr Widescreen Bildschirme verkauft und die wenigsten Leute können/wollen ihren Bilschirm um 90 Grad drehen.
Für den Webdesigner ist es halt schon von Vorteil, wenn er eine feste Breite hat. Man kann Bilder genau einpassen und auch der Text sieht immer genau gleich aus. Für den User bringt einevariable Breite in meiner Meinung aber einen klaren Vorteil. Man mehr Text lesen ohne immer wieder herunterscrollen zu müssen. Ich habe misch schon oft über Webseiten geärgert, die einen langen Text haben und ich dann nach jedem Abschnitt wieder herunterscrollen muss, nur weil die Seite nur halb so breit wie mein Bildschirm ist. Für mich als (Hobby) Webdesigner ist es zwar ein höherer Aufwand. Wenn dies allerdings eine höhere Usability mit sich bringt, ist dieser Auswand sicher auch gerechtfertigt.
Ich wäre erfreut, wenn ich in Zukunft mehr Webseiten (auch Blogs) sehen würde, die den Bildschirm auch ausnützen würden. Den eigentlich könnte ich ja immer noch mit einer Auflösung von 800x600 surfen. Ich hoffe, ich sehen in Zukunft mehr Webseiten mit einem solchen Design
http://images.t-error.ch/news/290/variable_top.jpg http://images.t-error.ch/news/290/variable_left.jpg http://images.t-error.ch/news/290/variable_right.jpg

Bilder mit Schatten

Integra Square
Auf der Suche nach einer guten Lösung um Bilder mit Schatten zu versehen, bin ich über diese beiden Lösungen gestolpert. Bei der ersten werden mehrere divs verwendet, um einen schönen Schatteneffekt zu erzeugen. Ähnlich wie bei den gerundeten Ecken. Dami kann man Schatten rund um das Bild herum erzeugen.

Die andere Lösung benutzt ein einziges, allerdings recht grosses Hintergrundbild, das den Schatten darstellt. Dies hat den Nachteil, dass die Bildgrösse beschränkt ist, allerdings wird nur ein div verwendet. Zudem ist ein Hintergrundbild, dass die grösse von 1000x1000 Pixel hat nur rund 4Kb gross.

Ich suche allerdings noch eine Lösung, die gar keine divs benötigt. Allerdings muss man dafür noch auf CSS 3 warten. Und vorallem auf die Umsetzung in den Webbrowsern.

Gerundete Ecken mit CSS

Ich bin auf der Suche nach einer guten Lösung um die ecken von einem Block abzurunden. Dazu gibts ja bekanntlich mehrere Möglichkeiten. Zum Beispiel mit Tabellen, JavaScript und zum Glück auch mit CSS.


Eine Lösung, die gut aussieht, findet man unter Sova v siti. Allerdings gruselt es mich, wenn ich diesen HTML-Code sehe:
<div class="uedge">
  <div class="redge">
    <div class="bedge">
      <div class="ledge">
        <div class="ulcorner">
          <div class="urcorner">
            <div class="blcorner">
              <div class="brcorner">
                <div class="innercontent">
                  <p>Content of the box goes here.</p>
                  <p>The box can be of any width and height. The width of this one is 40% of its containing block.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Varianten, die mir besser gefallen sind hier und hier zu finden.
Eine Lösung, die ohne Bilder auskommt, aber leider nur mit dem Mozilla funktioniert gibts auch

Und zum Schluss noch eine Liste mit mehreren zusätzlichen Lösungen.

Von Spamfressern und Designänderungen

Ich bin entzückt. Seit dem Einbau des neuen Spamfilters am Samstag habe ich keinen einzigen Spambeitrag mehr erhalten. Und da bin ich froh. Der Counter, den ich gestern noch eingebaut habe zeigt schon 156 Versuche an. Und das in knapp 24 Stunden. Lieber in einem Counter als in meiner Datenbank. Auch Yoda versucht die Spamer auszutricksen. Wie erfolgreich er ist, wird sich sicher noch zeigen.
Zudem habe ich heute noch einwenig am Design geschraubt. Grundsätzlich bin ich damit ja zufrieden, nur das Logo gefällt mir nicht so. Ich habe nun mal einen Verlauf reingezogen und die Schrift verändert, aber wirklich zufrieden bin ich noch nicht. Leider bin ich grafisch nicht so begabt. Vieleicht werde ich aber noch Fotos in den Header aufnehmen, wenn ich mal Zeit habe.
Sollte jemand aber grafisch begat sein und genug Zeit haben, so sage ich bei einem guten Logo nicht nein :)

Propper Graphics

Ich bin jetzt über die Seite Fake or Foto auf die Homepage von Proper Graphics gestossen. Ein Studio, das sich auf das Herstellen von 3 Dimensionalen Graphiken spezialisiert hat. Und die Arbeit kann sich echt sehen lassen.
Oder würde jemand von euch denken, dass das mit dem Computer gemacht wenn ich es jetzt nicht gerade geschrieben hätte?