Archive for the ‘CSS’ Category

CSS: Online-CSS-Komprimierungstools im Überblick

Zum Komprimieren von CSS-Dateien solltet ihr als erstes alle CSS-Dateien auf eine größe CSS-Datei reduziert haben, denn dann muss folglich auch nur eine Datei komprimiert werden. Das hat gleichzeitig auch noch den netten Nebeneffekt, dass ihr die HTTP-Requests für eure CSS-Dateien reduziert. Bei der Komprimierung gibt es in den meisten Fällen verschiedenen Optionen, wie stark die Komprimierung durchgeführt werden soll. (weiterlesen…)

Wordpress/CSS: Autor in den Kommentaren hervorheben

Für die optische Gestaltung der Kommentare eines Wordpress-Blogs gibt es seit der Version 2.7. besondere CSS-Klassen, mit denen es möglich ist besondere Benutzergruppen optisch hervorzuheben. Besonders beliebt ist die Hervorhebung des Admins/Autors des Blogs, um dem Leser der Kommentare eine schnellere Erfassung der Beiträge zu ermöglichen. Hierfür gibt es wie eben bereits genannt, die folgenden CSS-Klassen: .bypostauthor und .byuser.
(weiterlesen…)

CSS: Inline Styles überschreiben

Ein kleiner, aber effektiver Trick um Inline-Styles per CSS zu überschreiben. Es kommt sicherlich nicht allzu häufig vor, dass Inline-Styles überschrieben werden müssen, sollte es aber der Fall sein, wird es schwierig. Beispielsweise ist es bei einem CMS schwierig die Inline-Styles zu entfernen, bzw. es ist meist nur mit hohem Zeitaufwand möglich. Mit dem nachfolgenden Trick, können die Inline-Styles überschrieben werden:
(weiterlesen…)

CSS: externe Links kennzeichnen

externer Link

externer Link

Links, mit der die eigene Seite verlassen werden, sollten aus Barrierefreiheitsaspekten wie auch aus Benutzerfreundlichkeitsgründen entsprechend gekennzeichnet werden. Die beste Lösung dafür ist via CSS solche Links zu kennzeichnen. Hierfür gibt es in CSS3 die Möglichkeit über Attribut-Selektoren solche Links gesondert zu markieren.
(weiterlesen…)

Usability: Status-Boxen per CSS für eine bessere Interaktion

Den Benutzer über durchgeführte Aktion eine Rückmeldung geben, ist besonders wichtig für eine gute Bedienbarkeit der Webpräsenz. Um diese Informationen zu transportieren bieten sich kleine Statusboxen an.  Um diese Statusboxen optisch und inhaltlich hervorzuheben, bietet sich die Verwendung der Signalfarben rot, gelb und grün an.  Für neutrale Statusmeldungen kann blau verwendet werden.
(weiterlesen…)

Die wichtigsten Cheatsheets für Blogger

Die kleinen Helferlein mit dem komprimierten Wissen sind in vielen Bereichen eine hervorragende Unterstützung für die tägliche Arbeit. Die folgenden Cheatsheets sollten auf dem Schreibtisch eines jeden Blogger nicht fehlen.

Wordpress Cheatsheet – Frontend

Frank hat ein Cheatsheeht für Wordpress erstellt auf dem alle wichtigsten Tags für die Verwendung in Themes zu finden sind. Wer häufig Änderungen an Themes durchführt und neue Themes erstellt, sollte auf jeden Fall einemal einen Blick auf das Cheatsheet werfen. Das Cheatsheet ist in 13 Bereiche unterteilt und man findet dort u.a. Information zu Autoren Tags, Kommentar Tags, Beitrags Tags, Link Tags aber auch zu den Funktionen bloginfo() und get_settings().

Wordpress Cheatsheet

Wordpress Cheatsheet

Wordpress Frontend Cheatsheet

(weiterlesen…)

Twitter Delicious Facebook Digg Stumbleupon Mister Wong Technorati Favorites More