Ich habe keine Ahnung, wann das passiert ist, aber vor einem Monat war es auf jeden Fall noch die alte Ansicht. Finde ich persönlich sehr cool. Zudem sieht man jetzt sofort, ob neue Fonts dazu gekommen sind. Zumindest wenn man sich die Anzahl oben links merken kann. Dazu kommt eine hübsche Suche, man kann Fonts vergleichen und und und. Einfach mal vorbeischauen.

Google Web Fonts

Das war es dann auch schon wieder!
Euer Wishu

Ich kann gewiss nichts daran ändern, dass einige Webdesigner der Meinung sind, dass sie auf einer zeilenlänge von 80 Zeichen pro Zeile den Blocksatz einsetzen müssen. Doch ich kann mich wenigstens in meinem Blog darüber aufregen und darauf hoffen, dass ich wenigstens ein oder zwei Webdesigner dazu bringen kann zumindest etwas darüber nachzudenken. Denn der Blocksatz ist für das Internet einfach ungeeignet.

Immer wieder sehe ich es auf Blogs, auf Foren oder auch auf einfachen Firmenwebsites. Da war wieder mal ein Profi am Werk und hat sich gedacht es muss alles perfekt aussehen, links und rechts müssen gerade Ränder am Text sein. Schöner Gedanke, doch nicht zu Ende Gedacht.

Monsterlücken durch zusammengesetzte Substantive

Denn eine automatische Silbentrennung unterstützt auch heute noch kein Browser. Somit kann gar keine vernünftige Darstellung stattfinden. Denn bei langen Worten wie Quelltextvalidierungsservice haben wir ein Problem. Zugegeben, dieses Wort ist wenig sinnvoll und wird auch selten vorkommen, doch wir sind hier in Deutschland – dem Land der unendlich langen zusammengesetzten Substantiven.

Das Problem lässt sich ganz einfach erklären. Dadurch, dass die Silben nicht getrennt werden können, müssen alle folgenden Wörter einfach nach unten rutschen und somit hat man vielleicht nur 3 oder sogar 2 Wörter in einer Zeile und dazwischen ist eine riesige Lücke. Ich werde das mal im folgenden Absatz veranschaulichen:

Hier auf dem Wishu-Blog tritt der Effekt jetzt nicht ganz so stark auf, doch er tritt merklich auf. Und es stört einfach den Lesefluss, wenn zwischen den Wörtern auf einmal große Lücken entstehen. Wenn die Zeilen noch kürzer werden – und das ist in vielen Blogs gerade zu Beginn des Artikels der Fall – dann bemerkt man die Lücken allerdings noch dramatischer.
Hier mal ein Beispiel:

Hier sieht man sehr deutlich, dass ziemlich große Lücken entstehen können, wenn man den Blocksatz im Browser verwendet.
Kein realistischer Anwendungsfall? Doch!

Richtig lückenhaft wird’s erst mobil

Ich surfe jeden Morgen, wenn ich zur Arbeit fahre und jeden Abend, wenn ich wieder nach Hause fahre eine Stunde lang mit meinem HTC Desire im Internet. Und da ist die Zeilenlänge gerne mal etwas kürzer. Besonders da meine Augen auch nicht mehr die besten sind.

Hier entstehen sehr oft sehr große Lücken. Dies ist auf jeden Fall auch dem Entwickler dieses grässlichen mobilen Themes für WordPress zu verdanken. Dieses setzt nämlich automatisch den Blocksatz ein und somit hat man auf 90% aller Blogs, welche für das mobile Web optimiert sind erstmal den Blogsatz. Und somit fällt der Begriff “optimiert” auch schon wieder weg.

Auf jeden Fall kann ich mit gutem Recht behaupten, dass es eine Qual ist jeden morgen durch dieses Blocksatzinfizierte mobile Web zu wandern, weil der Lesefluss durch solche Lücken dramatisch gestört wird. Also fasst euch ein Herz und denkt auch an eure Besucher und nicht nur an euch selbst. Eure Besuche müssen die Beiträge im Front-End lesen, ihr habt euer Backend von WordPress und dort wird schließlich auch kein Blocksatz verwendet.

Habt ihr vielleicht ein paar Beispiele für gruselig schlechten Einsatz von Blocksatz? Oder kennt ihr vielleicht gute Skripte zur Silbentrennung? Die Kommentare stehen euch wie immer offen

Das war es dann auch schon wieder!
Euer Wishu

Soeben habe ich bei Caschy einen interessanten Kurzartikel zu einem kleinen Bookmarklet gefunden. Kurze Erklärung für das Wort Bookmarklet. Der Einfachheit halber klau ich mir das mal kurz auf dem Wikipedia-Artikel für Bookmarklet:

Ein Bookmarklet (auch: Favelet) ist ein kleines in JavaScript geschriebenes Makro, das als Bookmark abgespeichert wird und dadurch die Funktionen eines Webbrowsers erweitert. Es erlaubt beispielsweise, Aussehen oder Funktionalität von Webseiten zu verändern. Technisch gesehen ist ein Bookmarklet ein Lesezeichen auf das Pseudoprotokoll javascript:, das ermöglicht, Code durch den Browser auszuführen.

Die Funktion habe ich gerade schon leicht angeschnitten. Readablilty schafft Abhilfe bei – gelinde gesagt – unschönen Websites. Es gibt viele davon, wir leben damit, doch wir müssen es nicht. Denn Readablilty gibt uns die Möglichkeit mit einem Klick das Aussehen einer Website so anzupassen, dass sie auf das Wesentliche beschränkt wird. Den Inhalt. Denn der ist es ja, den wir bei der Recherche im Internet suchen.

Die Einstellungsmöglichkeiten sind etwas mager, aber vollkommen ausreichend. Ich zum Beispiel habe eBook, Medium, Wide benutzt und finde es ziemlich angenehm.
Was euch am besten passt, müsst ihr für euch selbst herausfinden. Unter den Einstellmöglichkeiten ist eine Box, in der ihr eine Vorschau seht.

Welche Einstellungen habt ihr gewählt? Und fällt euch eine Seite ein, bei der ihr Readablilty sofort einsetzen würdet?

Das war es dann auch schon wieder!
Euer Wishu

Ingo Turski, welcher in Webdesignkreisen gerne liebevoll als Homepage-Guru oder Webseiten-Guru bezeichnet wird, hat darüber einen sehr interessanten und lesenswerten Artikel verfasst. Dieser erklärt ziemlich genau, warum man die Pixel außen vor lassen sollte. Ich könnte den kompletten Artikel jetzt auch noch einmal umformuliert abtippen, doch das wäre Schwachsinn. Besonders, weil ich bei meinem Blog nicht zu 100% darauf achte. Meine Schriftgrößen haben ihre Größe durch die Angabe von em, doch das Layout hat seine Breite durch Pixel bekommen.

Ich kann nur empfehlen, sich diesen Artikel mal zu Gemüte zu führen und es in Zukunft besser zu machen.

Wenn man diese Texte selbst schreiben müsste, würde wertvolle Zeit verloren gehen. Auch die ganzen Texte, welche nun wirklich auf der Seite stehen sollen, sind meist noch nicht geplant und wenn, dann noch nicht geschrieben, also benutzt man am besten einen Blindtextgenerator wie diesen. Auf den ersten Blick ein typischer Lipsum-Generator (Kurzform für “Lorem Ipsum”), doch er kann noch viel mehr.

Nützlich ist davon nicht alles, aber man weiß ja nie, wann man es mal gebrauchen kann. Die Einstellung von 17 Sprachen ist möglich, darunter auch eher exotische Dinge wie Leetspeak und Morsezeichen. Man kann einstellen, wie viele Absätze generiert werden sollen, von 1 bis 100 ist dies bei diesem Generator möglich. Ich denke mal kein Mensch benötigt wirklich 100 Abstätze, von diesem vollkommen bedeutungsfreien Text, doch es soll erwähnt sein. Bei der Wortanzahl ist es mit 4500 auch relativ hoch gegriffen, aber es gibt sicherlich Leute, die irgendwann mal eine solche Menge benötigen. Es kann ja nicht schaden ein bisschen mehr anzubieten

Durch seine intuitive Bedienung muss man diesen Generator nicht genau erklären. Ausgegeben kann der Text übrigens in 2 verschiedenen Versionen werden. Einmal als ganz gewöhnlicher Text, welchen man sich nach belieben kopieren kann und dann kann man sich das ganze noch in HTML herunterladen. Sowohl es bei der zweiten Methode eher dürftig formatiert ist.

Beim schreiben dieses Textes ist mir im übrigen noch aufgefallen, dass dieser Generator in 3 verschiedenen Sprachen zur Verfügung steht, nämlich Englisch, Deutsch und Spanisch. Also auch sicherlich für den Internationalen Einsatz nicht verkehrt.

Das war es dann auch schon wieder!
Euer Wishu