Stylish

Aug. 12, 2008

Heise mit neuem Design

Heise.de hat das Layout geändert. Einiges sieht moderner aus, jedoch wird durch die feste Breite sehr viel Platz verwendet. Auf großen Bildschirmen ist rechts ziemlich viel Platz frei, dafür wird oben Platz verschwendet, sodass man beim Lesen sehr viel nach unten scrollen muss.

Wer das alte Layout besser findet kann sich bei den vielen UserCSS die im Forum gepostet werden bedienen. Hier gibt es ein Stylish-Script, welches die Breite wieder voll ausnutzt und links ein wenig margin hinzufügt. Außerdem ist die Foren-Navigation wieder Blau/Weiß.

Kategorien: Allgemeines
Tagged: Stylish JavaScript Heise Design Userscript

0 Kommentare

März 27, 2008

Stylish: neue Designs für alte Seiten

Wer sich an den Designs seiner Lieblingsseiten satt gesehen hat, kann sie mit der praktischen Firefox-Extension "Stylish" umbauen, oder fertige Styles, die andere Nutzer erstellt haben importieren. Je nachdem wie viel umgebaut wird, erkennt man die Seiten hinterher kaum wieder.

Ich habe selber mal ein wenig rumprobiert und einen linierten Stil für das Blog erstellt. Die Bilder sind mit Data-URLs in den CSS-Stil eingebettet. Sehr schön ist auch die Vorschau-Funktion beim Bearbeiten von Stilen, sowie dass ein neuer Stil sofort und ohne Neuladen der Seiten aktiv wird.

Tipp: Wer einen umfangreichen Stil bauen möchte, kann dazu den "Inspect"-Modus der Erweiterung Firebug nutzen, um zum Beispiel CSS-Klassen der Elemente die gestyled werden sollen herauszufinden.

Kategorien: Software
Tagged: Tipps Firefox Technik Extension Stylish Firebug

0 Kommentare