Nachdem ich etwas mehr als drei Jahre meinen Blog mit Wordpress betrieben habe, wurde es mal wieder Zeit für eine Runderneuerung. In diesem Artikel möchte ich das neue System, welches mit Jekyll auf Basis von Ruby läuft, kurz vorstellen.
Jekyll is a simple, blog aware, static site generator. It takes a template directory (representing the raw form of a website), runs it through Textile or Markdown and Liquid converters, and spits out a complete, static website suitable for serving with Apache or your favorite web server. Quelle
Mit Jekyll lassen sich statische Seiten zum Zeitpunkt ihrer Änderung generieren und nicht erst dann, wenn ein Besucher sie anfordert. Auf diese Weise lassen sich sehr performante Webseiten erstellen und dank GitHub auch direkt unter Versionskontrolle halten.
Und da ich nun einmal den Softwareentwickler in mir nicht verleugnen kann, musste natürlich auch direkt HTML5 ausprobiert werden und als Basis für ein neues Layout herhalten, welches mit Hilfe von CSS3 Media Queries auch auf dem Smartphone oder anderen Geräten mit kleinerer Bildschirmauflösung noch gut ausschaut.
In der aktuellen Version der Webseite gibt es noch eine Menge interessanter technischer Details:
- Mobile-fähige Fotogalerien mit Hilfe von FlexSlider
- Automatisch generierte sitemap.xml für die bessere Auffindbarkeit in Suchmaschinen
- Darstellung der letzten Twitter-Nachrichten mit TwitterJS
- Automatische Generierung eines atom.xml-Newsfeeds
- Leichtgewichtiges Kommentarsystem mit Disqus inklusive mobiler Variante
- Einfachste Konfiguration für die Einbindung von Google Analytics
- Hervorhebung von Source-Code mit Hilfe von Pygments
Der komplette Source-Code meines Blogs ist frei verfügbar und kann auf GitHub angeschaut, kopiert oder heruntergeladen werden. (Sämtliche Texte und Bilder verbleiben allerdings in meinem Eigentum und bedürfen der ausdrücklichen Genehmigung für eine weitere Verwendung!)
Motiviert durch einen Workshop zum Thema Barrierefreiheit mit einigen Kollegen und der Lektüre eines interessanten Artikels bei WebTestPraxis, über den ich gestolpert bin, als ich mich nach Werkzeugen für die Testautomatisierung von Kriterien der Barrierefreiheit umgesehen habe, entstand die Idee, ein Open-Source-Framework zu erstellen.
Was gibt es da passenderes als einfach mal ein kleines Projekt bei GitHub zu starten und einen initialen Stand zu entwickeln? Nachdem in BitvUnit ein Name gefunden war, der noch nicht belegt ist, war das zugehörige GitHub-Repository in Sekunden angelegt und lechzte nach dem ersten Code.
Mittlerweile sind erste Framework-Komponenten entstanden, die ersten 10 Regeln implementiert, dokumentiert und mit kleinen Beispielen getestet. Als kleines Beispiel anbei die Regel zur Prüfung auf das Attribut “alt” für Alternativtexte an Bildern:
public class AlternativeTextForImageRule extends AbstractRule {
private static final String RULE_NAME = "AlternativeTextForImage";
private static final String RULE_MESSAGE = "Every image must provide an alternative text through its alt attribute.";
@Override
public String getName() {
return RULE_NAME;
}
@Override
protected void applyTo(Page page, List<Violation> violations) {
for (HtmlImage image : page.findAllImageTags()) {
validateImage(image, violations);
}
}
private void validateImage(HtmlImage image, List<Violation> violations) {
if (!elementHasAttribute(image, "alt")) {
violations.add(createViolation(image.getStartLineNumber(), RULE_MESSAGE));
}
}
}
Eine Version 0.1 mit den ersten zehn funktionierenden Regeln kann bereits bei GitHub heruntergeladen und ausprobiert werden. Für kommende Versionen plane ich neben vielen weiteren Regeln Erweiterungen, die eine Verwendung des Frameworks erleichtern:
- Konfiguration der Regelsätze (
RuleSet) beispielsweise mittels XML-Dokumenten
- Visualisierung der Ergebnisse in geeigneter Form (Text, XML, HTML …)
- Adapter für gängige Test-Werkzeuge(JUnit, TestNG, Spock …) bereitstellen
- Erstellung eines Getting-Started-Guide für den Einstieg in das Framework
Habe ich Dich neugierig gemacht? Dann schau doch mal in das Git-Repository und teste Deine Webseite oder Webanwendung! Feedback, Verbesserungsvorschläge oder Mitarbeit sind herzlich willkommen und ausdrücklich erwünscht!
An diesem Wochenende startete bei perfektem Wetter die neueste Auflage der Tour der Radrebellen mit sage und schreibe 100 Mountainbike-begeisterten Fahrerinnen und Fahrern.
Für mich als langjährigen Stammgast gehörte die Teilnahme natürlich zum gerne absolvierten Pflichtprogramm! Gefahren bin ich die kürzere Runde mit knapp 35 Kilometern, vielen schönen Trails, tollen Aussichtspunkten und einer Menge netten Leuten.
Als “rasender Reporter” habe ich mit meiner Kamera auch unterwegs den einen oder anderen Teilnehmer vor die Linse bekommen. Wenn du dich auf einem Foto wieder findest und gerne die Originaldatei hättest, so schreibe mir doch bitte eine E-Mail mit den gewünschten Bildnummern, damit ich dir die Originaldateien zuschicken kann.
