HTML5Tutorial

WordPress ist das weitest verbreitete CMS für Blogs und bietet über zahlreiche Plugins und eine Menü-Engine die Möglichkeit, es darüber hinaus als CMS für klassische Websites oder sogar Communities einzusetzen. Durch diese Vielfältigkeit und die damit verbundenen steigenden Nutzerzahlen hat sich um WordPress eine riesige Community aufgebaut, die ständig für Nachschub an tollen und schicken Themes oder Templates sorgt. (Auch dieser Blog verwendet natürlich WordPress.)

Für viele Leute, die in nächster Zeit vorhaben, einen Blog zu starten oder einem bestehenden Blog ein neues Aussehen zu geben, könnte sich die Frage stellen, ob die zukünftige Site gleich in der zukunftsträchtigen HTML5 / CSS3 Technik umgesetzt werden sollte. Und für viele ist das neben einer generell technischen auch eine Kostenfrage, da der Markt an qualitativ hochwertigen kostenfreien HTML5 WordPress Themes noch sehr übersichtlich ist.

Deshalb gibt es hier für all diejenigen, die sich für den Schritt in Richtung Zukunft mit einem HTML5-basierten Template entschieden haben, eine kleine Liste von sieben kostenfreien und guten WordPress Designs.

1. Yoko

Yoko ist ein frisches und umfangreich ausgestattetes Theme von den Machern vom Smashing Magazine. Es unterstützt die wichtigsten Browser, hat für ältere ein Fallback implementiert und ist dank CSS3 Media Queries für Geräte mit verschiedensten Displaygrößen geeignet. Über eine Theme-Options-Seite lassen sich die wichtigsten Parameter bequem über’s Backend pflegen. Außerdem bietet das Theme verschiedene Post-Formate (aside, gallery, image, video, link and quote), optionale Submenüs, ein Social Media Widget für die wichtigsten Netzwerke und geschachtelte Kommentare.
Hier geht’s zur Download-Seite.

Read more »

Heute gibt es mal eine eigene Zusammenstellung aus exzellenten Tutorials, wie man Schritt für Schritt eine HTML5-Seite erstellt. Ich habe bei der Auswahl darauf geachtet, dass möglichst viele verschiedene Websites mit unterschiedlichen Designs und Elementen dabei sind. So ist für jede Fortschrittsstufe was dabei und man kann sich daraus genau die einzelnen Schritte bzw. Code-Teile herauspicken, die für die Umsetzung eines eigenen Designs in HTML5 und CSS3 notwendig sind.

Read more »

Es ist schon erstaunlich, was manche Programmierer aus verschiedensten Webtechnologien herauskitzeln können. Es gibt eine ganze Reihe von tollen und nützlichen Anwendungen, die komplett im Browser laufen, ihren Desktop-Pendants aber in fast nichts nachstehen. So können wir online Texte und Tabellen bearbeiten, Bilder retuschieren, Vektorgrafiken erstellen, uns die Erde von oben ansehen oder lustige Spiele spielen.

Auch im Bereich HTML5 gibt es schon solche Entwickler-Schmuckstücke, die gleichzeitig ein gutes Showcase sind, was mit den neuen Webstandards in Verbindung mit JavaScript möglich ist. Der Blog hongkiat.com hat in seinem Artikel HTML5-Powered Web Applications: 19 Early Adopters eine nette Auswahl solcher Anwendungen zusammengestellt, die sich vor allem für Webdesigner und Webentwickler als nützlich erweisen können, wenn z.B. grad mal kein Photoshop installiert ist, man schnell den CSS-Code für einen wellenförmig dargestellten HTML-Text benötigt oder einfach nur ein paar Flickr-Bilder durchstöbern möchte.