smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Monats-Archiv: Mai 2012

Star-Rating mit CSS ohne zusätzliche Grafiken

30. Mai 2012
Stephan
Star-Rating (Sternebewertung)

Seitdem in den Suchergebnissen von Google auch Sternebewertungen angezeigt werden können, ist ein richtiger Hype ums Star-Rating entstanden. Ich will hier aber nicht darauf eingehen, was genau ihr tun müsst, damit Google für eure Website eine Sternbewertung anzeigt, denn zu dem Thema gibt es bereits viele gute Artikel (z.B. bei bonek.de).

Vielmehr möchte ich euch in diesem Artikel zeigen, wie ihr mittels ein wenig CSS eine Sternebewertung (Star-Rating) umsetzen könnt. Dabei zeige ich euch, wie ihr auch ohne Einsatz von zusätzlichen Grafiken und damit einhergehenden HTTP-Requests ein ansehnliches Star-Rating erstellen könnt.

Weiterlesen

Kategorie: CSS & (X)HTML5

4 Online-Tools zur Website & SEO-Analyse

25. Mai 2012
Stephan
Website- und SEO-Analyse

Um auf einem Blick zu erfassen, wie es um die eigene Website bestellt ist und wo es noch Optimierung bedarf, haben sich Website- bzw. SEO-Analyse-Tools für Website-Betreiber als sehr nützlich erwiesen.

Generell analysieren solche Analyse-Tools vor allem die technischen Faktoren einer Website hinsichtlich SEO, Performance, Usability etc. Es gibt natürlich aber auch Tools, die auch die inhaltlichen Aspekte einer Website berücksichtigen und untersuchen.

In diesem Artikel stelle ich euch nun 4 dieser Online-Tools vor, die sich zur Website- und SEO-Analyse eignen.

Weiterlesen

Kategorie: Sonstiges

WordPress: Individuelle Menü-Ausgabe

21. Mai 2012
Stephan
WordPress

In WordPress gibt es im Admin-Bereich eine leichte Möglichkeit ein individuelles Menü bzw. eine individuelle Navigation zu erstellen.

Wer selber oft WordPress-Themes erstellt oder das eigene Theme gerne anpasst, dem fehlt aber die Möglichkeit direkt im Admin-Bereich den Ausgabe-Code des jeweiligen Menüs nach den eigenen Vorstellungen anzupassen. Beispielweise möchte ich bei meiner Navigation nicht immer die unnötigen HTML-IDs und Klassen (z.B. menu-item-12) ausgegeben haben.

In diesem Artikel möchte ich euch nun zeigen, wie ihr eine individuelle Menü-Ausgabe für euren WordPress-Blog umsetzen könnt.

Weiterlesen

Kategorie: WordPress

Responsive Webdesign: Responsive HTML-Tabellen erstellen

14. Mai 2012
Stephan
Responsive Webdesign

Bei der Erstellung meines Blog-Statistik-Artikels ist mir aufgefallen, dass die erstellten Statistik-Tabellen bei kleinen Bildschirmauflösungen sich nur bis zu einem gewissen Grad skalieren lassen.

Das liegt daran, dass Tabellen, gegeben durch den jeweiligen Inhalt, eine bestimmte minimale Breite (width) haben und diese minimale Breite größer sein kann, als die verwendete Bildschirmauflösung. Das ist generell ein Problem beim Einsatz von Daten-Tabellen innerhalb eines Responsive-(Web-)Designs, weshalb ich euch in diesem Artikel eine Technik zum Erstellen von Responsive-Tables, also Tabellen die sich auch an kleine Bildschirmauflösungen anpassen, vorstellen möchte.

Weiterlesen