HTML5Tutorial

Gestern habe ich diesen Blog ein wenig für Suchmaschinen optimiert. Hierfür benutze ich wie so viele andere WordPress-Blog-Betreiber einige Plug-Ins, lege aber auch manuell noch Hand an, wenn es sein muss. Ganz wichtig für die Suchmaschinenoptimierung ist die Einhaltung der Webstandards des W3C. Überprüfen kann man dies mit den W3C Validatoren für HTML und CSS. Das WordPress-Theme, welches ich verwende hatte hier noch einige Schwächen, die ich durch Änderung der Template-Files beheben könnte. Damit ist dieser Blog jetzt XHTML 1.1 und CSS3 standardkonform. Falls euch irgendwann Validierungsfehler auffallen – was ja immer passieren kann, wenn man z.B. neue Plug-Ins installiert – bitte ich euch, mir dies per Kommentarfunktion oder per E-Mail mitzuteilen.

HTML5Tutorial bei Nibbler

Bei der Gelegenheit hab ich diese Website auch mal durch verschiedene Website-Checks laufen lassen. UITest.com bietet hierfür einen guten Ausgangspunkt. Bei dem Test von Nibbler kam z.B. heraus, dass dieser Blog zu viele Bilder verwendet. Dies kommt hauptsächlich vom Template, welches eben Grafiken dazu verwendet, um z.B. den Menühintergrund oder die Sidebar-Widgets zu gestalten. Wie ich ja kürzlich berichtet habe, kann man mit CSS3 viele Dinge durch’s Coding lösen, die bisher nur mit Bildern möglich waren. Dazu gehören z.B. auch die abgerundeten Ecken, die beim Hauptmenü und bei den Sidebar-Widgets dieses Templates für einen moderneren Look sorgen. 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.