Wie man auf der Startseite sieht, zeigt er hier seinen neuen heißen Scheiß den er mal wieder an die Öffentlichkeit gelassen hat. Soweit so gut. Unter dem Bild findet man eine klassische kleine Navigation um zwischen verschiedenen Arbeiten hin und her zu wechseln. Auch gut. Klick man jetzt auf deinen Punkt oder Pfeil blendet sich links und rechts vom Bild eine Art Lasche (oder wie nennt man das im PROFIBEREICH?) ein wo die Sachen drunter rutschen. Das gefällt mir! Noch besser ist, dass sich nach Desinteresse des Benutzer diese Laschen wieder langsam ausblenden.

In meinen Augen sehr gelungen das ganze und aus Designsicht auch super da die Laschen sonst etwas stören würden, wären sie permanent eingeblendet. Nice one Thomas! :)

• Thomas Website: www.thomas-aull.de

Screenshot

Gefunden hab ich das ganze bei Really Simple Works und natürlich funktioniert es mir jQuery.

Code

1
2
3
4
5
6
7
8
9
10
11
12

$(document).keydown(function(e) {
	var url = false;
        if (e.which == 37) {  // Left arrow key code
            url = $('.prevLink a').attr('href');
        }
        else if (e.which == 39) {  // Right arrow key code
            url = $('.nextLink a').attr('href');
        }
        if (url) {
            window.location = url;
        }
});

Screenshot

Das ist bei Mark Boulton nicht anders denkt man. Aber bei genauem hinschauen merkt man, dass die Sidebar(s) komplett in einer Schriftfarbe zu sehen sind. Erst bei Mouseover heben sich die Links deutlich hervor. Klasse Idee und so bisher auch noch nicht gesehen bzw. kann ich mich nicht mehr daran erinnern. Wenn man aber noch genauer hinschaut sieht man auch, dass die Links schon ein ganz klein wenig anders in der Farbe sind. Die Schriftfarbe ist #aaa und die Links im normalen Zustand sind #999 aber das ist fast nicht erkennbar wenn man es nicht weiß. Ein Blick in den Quelltext bestätigt dies aber.

Warum das so schön ist?

Eigentlich ganz einfach. Durch den einfarbigen Text der Sidebar nimmt diese sich etwas zurück und der Fokus geht mehr auf den Inhalt. Da die Links bei Mouseover aber erkennbar werden, ist der Benutzerfreundlichkeit in keiner weise Schaden zugefügt worden. Und da in einer Sidebar oft sehr viele Links zu sehen sind, sieht das auch nicht immer schön aus wenn die dann komplett in der Linkfarbe oder unterstrichen erscheint.

Ganz einfach per CSS zu machen

Hier ein paar Zeilen CSS wie das aussehen könnte...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

#sidebar {
	color: #aaa;
}
 
	#sidebar a {
		color: #999;
	}
 
	#sidebar:hover a {
		color: #f00;
		text-decoration: none;
	}
 
	#sidebar:hover a:hover {
		color: #d40000;
		text-decoration: underline;
	}

Screenshot

Neu ist die Entdecken Funktion. Mittels Ortsbestimmung weiß Localscope wo man sich gerade befindet und zeigt einen dann Sachen in der Nähe an. Das fantastische hierbei ist, dass man aus vielen Quellen wählen kann. Man kann bei der Ansicht hier zwischen Galerie, Karte und Augmented Reality wählen. Erstes bietet die besten optischen Reize, die Kartenansicht bringt eine schöne Übersicht was alles los ist in der Nähe und die Augmented Reality Ansicht ist eine gute Orientierungshilfe. Sagte ich, dass man aus vielen Quellen wählen kann? Ja, das ist wirklich so: Panoramio, Instagram, Flickr, Picasa, YouTube, Twitter, Facebook, Foursquare, Wikimapia, Bing & Google. Das ist allerhand und für jeden sollte was dabei sein.

Neben der Entdecken Funktion gibt es natürlich auch die Suchen Funktion wo man gezielt nach Sachen suchen kann. Auch hier gibt es wieder viele Quellen zur Auswahl, ähnlich wie bei der Entdecken Funktion. Wer hier nichts findet dem kann nicht geholfen werden. Unterteilt wird nach verschiedenen Kategorien oder man sucht einfach direkt über das Suchfeld. Auch kann man von Hand eine Adresse eingeben oder man nutzt halt die Ortsbestimmung um Sachen in der Nähe zu finden.

Für mich eine der besten und schönsten Apps dieser Art. Hier wurde auf jeden Fall viel Wert auf Details gelegt. Es gibt keine Ecke der App die in irgendeiner weise vernachlässigt ausschaut. So überzeugt man seine Nutzer.

Ach ja, drei Promo Codes hab ich auch noch zu vergeben. Einfach schreiben wer einen will. Ich such mir wen aus :)

Bilder gibt es auch

Pinboard

Hier nutze ich die Erweiterung direkt von Pinboard.in denn diese hat sich als die für mich beste erwiesen. Damit hege und pflege ich meine ganzen Bookmarks womit ich unter anderem auch MakeBetterWebsites "MakeBetterWebsites") betreibe.

Google +1

Google +1 Schaltfläche ist eine simple Erweiterung die es ermöglicht jede Seite mit einem "+1" zu versehen.

Surplus (Google+)

Surplus ist eine Erweiterung die ich seit dem Google+ nun da ist sehr intensiv nutze. Mit einem klick auf das Icon öffnet sich der Layer wo die neusten Benachrichtigungen erscheinen. Natürlich kann man auch selber Beiträge aus der Erweiterung heraus erfassen. Das nutze ich aber weniger. In den Optionen hab ich auf den "Low Memory Mode" gestellt da die Erweiterungen sich öfters mal aufgehangen hat im normalen Modus.

Google Mail-Checker

Google Mail-Checker zeigt einfach schnell an ob ich gerade ungelesen Mails in der Inbox habe.

Awesome Screenshot

Awesome Screenshot ist für mich die Screenshot Erweiterung schlecht hin. Egal ob sichtbarer Bereich, komplette Seite oder einen Ausgewählten Bereich. Sie kann alles. Es wird ein Bild erstellt im Browser wo man auch noch Sachen markieren kann etc. Super Sache das Teil :)

1Password

1Password nutze ich auch direkt vom Hersteller. Damit hat man einen Zugriff auf seine ganzen Passwörter. Kann einem das Leben oft erleichtern. Und generell ist 1Password ein super Plattform übergreifendes Stück Software!

Bitly

Bitly ist eine Erweiterung um URL's zu kürzen. Bitly dürfte auch einer der bekannteren Dienste zu sein. Damit kann man sich schnell eine kurze URL der aktuellen Seite generieren lassen. Ich nutze es mit Custom Domain und bekomme dann schöne "foek.li" links :)

ChromeReload

ChromeReload ist eine kleine Erweiterung die es ermöglicht eine Seite ständig in gewissen Abständen neu laden zu lassen. Kann man hin und wieder mal gebrauchen :)

Google AdSense Checker

Google AdSense Checker ist praktisch wenn man AdSense einsetzt. Es zeigt einem die aktuell Einnahmen von heute an. Per Mouseover sieht man noch die gesamten Einnahmen seit der letzten Zahlung.

Instachrome

Instachrome ist eine Erweiterung für Instapaper wo man sich in der Regel Sachen speichert die man später lesen möchte. Nutze ich aktuell eher weniger aber es kommt schon mal vor.

PageRank Status

PageRank Status ist dazu da um Pagerank und Alexrank einer Seite zu sehen. Braucht man aber wohl nicht dringend :)

What Font

What Font ist ein sehr geiles Plugin um nicht zu sagen ein sehr sehr geiles Plugin. Man klickt den Button oben in der Plugin-Leiste und kann man mit der Maus über verschiedenen Schriften der Website gehen und bekommt angezeigt, um welche Schrift es sich handelt. Aber nicht genug. Wenn man dann noch klickt öffnet sich ein kleiner Layer mit Details zu Font-Size, Line-Height, Farbe und wo die Schrift her kommt (Typekit zum Beispiel). Oben rechts ist noch ein Exit What Font womit alle Layer wieder geschlossen werden. Ein muss für Designer und Entwickler.

Window Resizer

Window Resizer ist wohl auch eher was für Entwickler und Designer. Man kann damit leicht die Größe des Browserfensters ändern um zu sehen wie eine Website z.B. in 1024x768 aussieht. Wenn man wie ich hier an einem 27" Monitor sitzt verliert man etwas das Gefühl was es heißt eine Website in Laptop Format zu sehen :)

Xmarks Bookmark Sync

Xmarks Bookmark Sync ist, wie der Name schon sagt eine Erweiterung um Bookmarks synchron zwischen mehreren Rechnern / Browser zu halten. Funktioniert nicht immer Reibungslos aber ist dennoch eine gute Hilfe. Chrome Sync hat bei mir nicht richtig funktioniert aber werde ich auch noch mal testen :)

Lipsum

Lipsum ist wieder eine Erweiterung die sich eher an Designer und Entwickler richtet. Wer braucht nicht hin und wieder ne Priese Lorem Ipsum?!

Puplish Sync

Puplish Sync ist eine Erweiterung um Sachen die man bei Twitter, Google+ oder Facebook postet auch bei den anderen der Dienste zu posten. Also wenn ich was bei Google+ poste kann ich sagen, dass das auch bei Facebook und Twitter gepostet werden soll. Ist ganz praktisch denn somit kann ich von Google+ aus die anderen Kanäle mit befüllen.

Chrome Sniffer

Chrome Sniffer zeigt einen an welche Sachen die aktuelle Website nutzt. Ein kleines Icon in der Adressleiste rechts kann per klick geöffnet werden. Ein kleiner Layer erscheint der einem zeigt mit welchem CMS die Seite läuft oder ob Sie Google Analytics, AdSense, Typekit, jQuery etc. nutzt. Sehr hilfreich wenn einen so etwas interessiert.

+Photo Zoom

+Photo Zoom ist auch eine Erweiterung für Google+ womit man ganz einfach die kleinen Bilder die in Beiträgen gepostet werden per Mouseover in groß ansehen kann ohne sie anzuklicken. Das schöne ist, dass oben in der Google Leiste ein Button ist womit man das ein und aus schalten kann.

RSS-Abonnement

RSS-Abonnement kommt direkt von Google und fügt rechts in der Adressleiste ein kleines RSS Icon hinzu womit dann per klick schnell an die Feed kommt. Hätte man auch von Haus aus in Google Chrome einbauen können.

FlashBlock

FlashBlock ist wie der Name schon sagt ein Flashblocker. Eigentlich hab ich kein verlangen solch ein Plugin einzusetzen aber Flash und Mac das scheint einfach nicht so rund zu laufen. Da drehen die Lüfter schnell hoch. Die Erweiterung lädt Flashinhalte nur per klick.

Image-Eigenschaften

Image-Eigenschaften ist sehr nützlich. Das hat mir bei Chrome immer gefehlt, es war einfach nicht möglich per Rechtsklick auf ein Bild schnell dessen Größe und Abmessungen zu bekommen. Das geht damit wunderbar :) Klappt natürlich nur bei Bildern die nicht als Hintergrund eingebunden sind.

Die Liste werde ich ggf. erweitern.

Markdown ermöglicht es Text zu formatieren mit einfachen Mitteln. Die häufigsten Möglichkeiten die man in Texten zum formatieren nutzt werden sein:

Bold

Italic

1. Listen
2. die
3. geordnet
4. sind

• Listen
• die
• nicht
• geordnet
• sind

Blockquotes die

natürlich auch nicht fehlen dürfen

Headlines

Headlines

Headlines

und natürlich noch Links

iA Writer Screenshot

Das alles sind Grundlegende Dinge zur Formatierung von Texten. Das gute ist man kann das ziemlich einfach mit ein paar Zeichen extra machen und es ist leicht zu erlernen.

Für mich ist es wohl eine Erleichterung beim verfassen von Artikeln da ich die Formatierung schon direkt beim schreiben vornehmen kann. Ich muss dann nicht mehr in WordPress HTML Tags um die einzelnen Sachen packen. Das ist sehr angenehm.

Man exportiert einfach den geschrieben Text als HTML und schon hat man alles was man braucht. Es ist ehrlich gesagt noch ein wenig ungewohnt so zu schreiben, da man immer daran denken muss gleich zu formatieren was ich vorher erst in WordPress gemacht habe. Es ist aber davon auszugehen, dass ich mich daran gewöhnen werde.

Markdown lesen können sehr viel Apps. Auch auf dem iPhone und iPad ist das kein Problem somit hat man etwas, dass man von überall aus nutzen kann und ist nicht an eine App gebunden.

Aktuell nutze ich den iA Writer zum schreiben der Texte. Hier ist noch nicht alles super perfekt für mich aber ich denke das wird noch. Aktuell fehlt mir am meisten, dass man den Text fertigen Text nicht einfach als HTML kopieren kann. Im Moment muss man noch eine HTML exportieren was eher unschön ist. Einfach ein Schritt zu viel. Wenn dann sollten einfach beide Möglichkeiten Angeboten werden.

Was noch nicht klappt ist die saubere Zusammenarbeit mit der iPad App. Der Dropbox - Sync läuft unter der iOS 5 Beta gar nicht. Die iPad App stürzt einfach ab dabei. Aber auch hier wird wohl bald Besserung kommen.

Letztendlich bleibt zu sagen, dass mit Markdown ein wenig mehr Effektivität beim schreiben dazu kommt. Super Sache und sollte man sich auf jeden Fall mal näher anschauen.

weiterführende Links

1. Markdown von John Gruber
2. Markdown Syntax
3. Markdown Syntax - de

Lovefilm klang nun nicht nach einem Filmverleih, jeden Falls nicht nach einem seriösen

Lovefilm wurde übrigens nun komplett von Amazon übernommen. Wenn ich richtig informiert bin, war Lovefilm schon einmal in der Hand von Amazon. So oder so ähnlich. Soll aber hier auch nicht weiter interessieren. Nur soweit, dass man weiß das ein großer Name hinter Lovefilm steht was manche ja vielleicht beruhigen wird.

Früher habe ich Filme meistens über iTunes geliehen und angeschaut. Heute ist das, wegen Anordnung der Möbel, nicht mehr so einfach möglich. Jedes mal das Sofa zu drehen um einen Film zu schauen ist dann doch etwas zu nervig. Und man würde immer den Staub unterm Sofa sehen... Der klassische Videotheken Liebhaber war ich nie gewesen. Ich glaube ich habe mir noch nie selber einen Film ausgeliehen. Das ganze Prozedere ist mir dann doch etwas zu stressig. Man müsste hin gehen, hoffen das das, was man anschauen will auch da ist und es dann auch noch zurückbringen wenn man es angeschaut hat. Macht man das nicht gleich am nächsten Tag wird es meist auch noch mal teurer. Aber OK, ehrlich gesagt habe ich auch keine Ahnung, was ein Film aktuell in einer Videothek kostet. Egal, ich will es auch gar nicht wissen denke aber es wird so um die 1,- bis 3,- Euro sein.

Es ist quasi die Videothek in der Online-Welt

Jetzt kommt Lovefilm ins Spiel. Es ist quasi die Videothek in der Online-Welt. Das System ist denkbar einfach und für meinen Zweck verdammt gut! Nein es ist sogar nahezu perfekt.

Lovefilm kostet Geld. In meinem Fall sind es genau 4,99,- Euro im Monat und was bekomme ich dafür? Zwei Bluray's oder DVD's pro Monat! Das ist auch der kleinste Tarif und somit auch der billigste. Für mich ist das aber im Moment ausreichend und ich bin sehr zufrieden damit.

Wie funktioniert Lovefilm denn?

Im Grunde ganz einfach. Ich erkläre das mal an dem von mir genutztem Paket. Ich zahle wie oben schon erwähnt 4,99 ,- Euro pro Monat und bekomme die auch oben erwähnten zwei Filme dafür. In diesem Paket ist es nur möglich einen Film gleichzeitig zu hause zu haben. Klingt irgendwie komisch diese Formulierung. Heißt aber nichts anderes als das man nur einen Film ausleihen kann. Möchte man den nächsten Film muss der aktuelle erst zurück geschickt werden.

Natürlich ist Lovefilm wohl nicht das richtige wenn man abends zu hause sitzt und spontan einen Film ausleihen möchte.

Lovefilm schickt den Film in einem Brief an mich. Dieser Umschlag wird geöffnet und ein Teil davon abgerissen. Übrig bleibt ein Umschlag in dem der Film dann wieder an Lovefilm zurück geschickt werden kann. Der Versand läuft generell schnell und unkompliziert ab. Natürlich ist Lovefilm wohl nicht das richtige wenn man abends zu hause sitzt und spontan einen Film ausleihen möchte. Für mich aber kein Problem! Die Filme kann man im Grunde solange behalten wie man möchte. Man sollte es dann aber doch so timen das man zwei Filme im Monat schafft da nicht genutzte Filme nicht in den nächsten Monat übernommen werden.

Alternativ hab ich hier auch noch einen Apple TV stehen den ich mir - nein Indra war es vielmehr - aber erst später angeschafft habe. Somit ist die Sache mit dem spontanen Film ausleihen nun auch kein Problem mehr :)

• Lovefilm Website

Einen Teil zum Spaß beitragen kann sicher die Art und Weise wie man schreibt und mit was man schreibt. Es gibt hier viele Möglichkeiten und man muss abwägen was für einen die beste oder zumindest eine gute ist. Auf was will ich eigentlich hinaus? Ganz einfach. Es geht um die Software die ich nutze um meine Texte zu verfassen. Sicher kann man das mit jedem x-beliebigen Texteditor tun aber darum geht es nicht. Man kann auch mit jedem x-beliebigen Auto einkaufen fahren und dennoch sucht man doch immer das für sich schönste aus. So ist es bei mir auch mit den Texteditoren.

Das iPhone nutze ich nicht um Texte zu schreiben, da das einfach keinen Spaß macht.

Grundsätzlich gibt es zwei Systeme auf denen ich meine Texte verfasse. Da wäre zum einen der Mac zu nennen und zum anderen das iPad. Das iPhone nutze ich nicht um Texte zu schreiben, da das einfach keinen Spaß macht. Ein paar Notizen aber keine Texte! Der Mac ist sicherlich der, an dem ich am häufigsten schreibe. Das Verhältnis Mac zu iPad würde ich sagen 80/20. Kommen wir zur Software...

Byword, der Texteditor meiner Wahl

Byword gibt es im Mac App Store und kostet glaube ich 4.99,- Euro. Für eine App die man oft nutzt ist der Preis mehr als in Ordnung. Warum Byword und nicht zum Beispiel WriteRoom oder OmmWriter? Beide genannten besitze ich auch aber Byword hat letztendlich mehr überzeugt. Bei Writeroom war ich im Grunde von den Einstellungen schon wieder erschlagen. Hier ist einfach schon wieder zu viel möglich. In Zeiten von iOS Apps ist man simple Einstellmöglichkeiten gewohnt und keine komplexen Sachen. OK, ich möchte jetzt auch nicht übertreiben. WriteRoom ist sicher ein super Programm und wird von vielen genutzt. Wir beide mochten halt einfach nicht warm werden miteinander. Soll es ja geben.

OmmWriter funktioniert leider nur im Vollbildmodus.

OmmWriter war dann so das nächste was ich getestet habe. Ich muss sagen, dass es dem was ich mir unter einem Texteditor vorgestellt habe schon ziemlich nah kam/kommt. Es ist simple zu nutzen und es macht Spaß damit zu schreiben. Die Einstellmöglichkeiten sind so wie ich Sie mir vorstelle. Weniger ist mehr. Sachen wie die Hintergrund-Musik habe ich persönlich nicht genutzt. Entweder hab ich selber Musik gehört oder eben gar keine. Es sollte aber erwähnt werden, da das ja ein Feature ist womit sich OmmWriter von den anderen abhebt. Warum ich letztendlich nicht bei OmmWriter geblieben bin, ist relativ einfach. OmmWriter funktioniert leider nur im Vollbildmodus. Ja sind wir ehrlich. Dafür ist die App gemacht aber genau das hat mich dann gestört. Teilweise möchte man beim schreiben auch mal schnell was nachschauen und das geht im Fenstermodus einfach schöner als im Vollbildmodus. Ob das wirklich ein KO Kriterium ist, muss jeder für sich entscheiden. Für mich war es eins aber auch nur, weil es eben gute alternativen gab.

Kommen wir nun zum eigentlichen Editor: Byword.

Hin und wieder - ja fast schon täglich - schaue ich in den App Stores von Apple vorbei um zu erfahren was es tolles neues gibt. Man könnte es fast schon als Sucht bezeichnen - haha. Jedenfalls ist mir schon öfters dieses Icon aufgefallen - ja ich achte sehr auf Icons - was ich aber nie angeklickt habe. Warum das so war kann ich nicht mal sagen. Irgendwann hab ich es mir dann doch mal angeschaut und auch gleich gekauft. Was soll ich sagen... Byword ist es! So stellt ich mir einen Texteditor vor. Die Einstellungen waren auch hier sehr dezent und übersichtlich gehalten, was mir ja bekanntlich gefällt. Wobei es auch fast schon wieder zu viele sind. Wer die Wahl hat, hat die Qual.

Hier fand ich, dass beim OmmWriter das ganze am besten gelöst war. Eine kleine Auswahl an Schriften die man wählen konnte und fertig. Bei Byword kann man schon wieder aus allen Schriften wählen. Entschieden habe ich mich für die Courier in 16pt. Es gibt drei Möglichkeiten zum Einstellen der Zeilenlänge: Narrow, Medium und Wide. Hier hab ich mich für Medium entschieden. Dann kann man noch zwischen einem light und einem dark Theme wählen. Heißt soviel wie „schwarzer Text auf weißem Hintergrund“ oder „weißer Text auf schwarzem Hintergrund“. Bei mir kommt das light Theme zum Einsatz. Plain Text oder Rich Text? Plain Text! Bei Rich Text kann man halt noch gewisse Formatierungen vornehmen. Mein Fokus liegt aber auf dem schreiben und weniger auf dem Formatieren. Was mir auch gefällt ist der Wort- und Zeichen Zähler der am unteren Ende eingeblendet wird. Das gibt einen schönen Überblick wie fleißig man schon gewesen ist. Dann wäre noch der Focus View zu nennen. Hier kann man zwischen 1 und 9 Zeilen oder einem Absatz wählen. Was passiert? Ganz einfach. Je nachdem was man eingestellt hat erscheint das Ausgewählte normal und der Rest wird in der Intensität zurückgenommen. Man legt halt den Fokus auf die gewisse Zeile/n bzw. den Absatz. Persönlich nutze ich das eher weniger aber schlecht ist es sicher nicht.

Fast hätte ich es vergessen... Byword kann neben dem Vollscreenmodus auch den normalen Fenstermodus darstellen. Das finde ich persönlich - wie oben schon erwähnt - sehr gut. Ein weiteres sehr gutes Feature ist die Suchen bzw. die Suchen und Ersetzen Funktion. Das kann sehr Hilfreich sein.

Alles in allem kann man sagen, dass Byword für mich gerade die #1 unter den Texteditoren am Mac ist. Schlank, effektiv, optisch schön und das zum super Preis. Was will man mehr?! Vielleicht einen iA Writer für den Mac? Wie man hört ist da ja was in Arbeit. Warten wir es mal ab. Kommen wir zur anderen Plattform. iOS.

iA Writer genießt mein vertrauen

Wie schon erwähnt schreibe ich hin und wieder auch am iPad den ein oder anderen Text. Das passiert wenn ich Unterwegs bin und das iPad dabei habe oder ganz einfach dann, wenn ich abends im Bett liege und noch nicht schlafen will/kann. Da ist das iPad einfach handlicher als der iMac :) Auch für das iPad gibt es eine Vielzahl von guten Texteditoren. Hier wären unter anderem PlainText und Writings zu nennen. PlainText ist super da es schön sauber mit der Dropbox arbeitet. Der Ordner in der Dropbox lässt sich frei wählen und man kann - ja man glaubt es kaum - Unterordner anlegen. Optisch ist das ganz auch schön gemacht und es macht Spaß es zu nutzen. Aber irgendwie bekommt iA Writer hier den Vorzug. Dann wäre noch Writings zu nennen was auch eine sehr schöne App ist. Optisch auf jeden Fall ein wenig mehr auf Grafik gelegt mag die App gefallen. Aber auch hier ziehe ich den iA Writer vor. Warum das so ist kann ich nicht mal sagen. Es ist wohl eher eine Bauchentscheidung. Keine schlechte will ich meinen.

Wer viel schreibt sollte sich die genannten Apps mal anschauen. Mit was schreibt ihr denn so? Vielleicht gibt es auch noch bessere mir nicht bekannte. Dann einfach ab in die Kommentare damit. :)

Bilder von Byword

Bilder von iA Writer

Beispiel für die Nutzung

1

<h1>Hier steht der Headline Text</h1>

1
2
3
4

h1 {
	background:url(h1_headline.png) 0 0 no-repeat;
	text-indent:-99999px;
}

Warum dieser Artikel?

Ganz einfach. Oft sieht man es, dass der Wert von Text-Indent zu gering gewählt wird. Letztens bin ich über diese Seite hier gestoßen: http://kacperbeduch.pl/ und dort tritt genau das ein was eigentlich nicht sein sollte. Der Entwickler dieser Seite hat einen Text-Indent Wert von −1000px gewählt. Ich sitze hier an einem 27“ Monitor mir 2540px in der Breite. Was passiert bei mir? Die Texte werden einfach zu wenig verschoben und tauchen im linken Teil der Website auf.

Klar, wer hat schon so ein großes Display... Aber darum geht es mir nicht. Wenn ich den Wert setze dann kann ich ihn auch gleich so setzen, dass man alle Möglichkeiten abdeckt. Ich setze den Wert daher immer sehr hoch an wie zum Beispiel −99999px womit man auf der sicheren Seite sein sollte. Letztendlich ist es halt ein kleiner Makel den man vermeiden kann. Das war es auch schon :)