Image caption / Bildunterschriften mit Captionss

BLOG

Bildunterschriften sind bei den meisten Webseiten bereits Standart. Aber irgendwie macht man sich jedes mal immer wieder die gleiche Mühe (oder bin das nur ich) das CSS dafür zu schreiben. Abhilfe schafft nun Captionss ein praktischer CSS Helper für eine bessere Darschtellung der Bildunterschriften im front end.

Vorteile:

  • Klein und reines CSS
  • Keine Abhängigkeiten
  • CSS 3 mit weichen Animationen

Einfach loslegen:

Captionss gibt es bei Bower - also leicht zu installieren.

bower install --save captions

Das CSS laden:

 

Und so sieht das mark up aus:

Bildbeschreibung
Hier steht die Bildunterschrift

So einfach kann's sein.

Mehr Beispiele sind bei Captionss zu finden.

Originalbeitrag und Quelle:
http://www.codersgrid.com/2014/01/18/captionss-css-helper-for-image-caption/
http://captionss.com/