Posts Tagged ‘CSS’

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…)

Twitter Delicious Facebook Digg Stumbleupon Mister Wong Technorati Favorites More