Hier im Blog finden Sie mittlerweile mehr als 70 Tipps zur Gestaltung und Erstellung Ihrer Webseiten. Alle Tipps sind praxiserprobt.
Erfahren Sie z.B. mehr über die Möglichkeiten der Performanceoptimierung, wie sich Ihre Webseiten für Suchmaschinen optimieren lassen oder finden Sie einfach ein paar nützliche Scripte mit den dazugehörigen Anleitungen.
Der Anteil mobiler Webseiten nimmt immer weiter zu. Vielleicht denken auch Sie schon über die mobile Variante Ihrer Webseite nach.
Doch auf was ist bei deren Erstellung besonders zu beachten? Wie entscheidet man z.B., ob die mobile oder die herkömmliche Version einer Webseite ausgeliefert wird?
» Weiterlesen unter mobile Webseiten
„Social Signale“ gewinnen immer mehr an Bedeutung.
Doch wie verknüpft man Facebook, Google+, Twitter & Co. am Besten valide mit seiner Website? Welchen Einfluß haben die sozialen Anbindungen auf die Performance? Wie kann man die sozialen Netzwerke nutzen, um seine Webseiten bekannter zu machen?
» Weiterlesen unter Social Network
Es gibt für viele Anwendungsfälle Plug-Ins oder kleinere Hilfsscripte.
In dieser Kategorie finden Sie alle Blogeinträge, bei denen Scripte (javascript, php, ...) hinterlegt sind. Selbstverständlich können Sie die Scripte herunterladen und in Ihrer eigenen Website verwenden.
» Weiterlesen unter Scripte für Ihre Website
Durch ein Hintergrundbild als Verlauf (Background-Gradient) können einzelne Elemente oder die gesamte Webseite optisch aufgewertet werden. Hierzu gibt es mehrere Möglichkeiten die ich im Folgenden kurz vorstellen werde.
Für Social Buttons gibt es jede Menge Plug-ins und Generatoren, um sie in die eigene HTML5-Website zu integrieren. Meine Erfahrung ist, dass die Plug-ins teilweise nicht W3C-konform sind oder der Code nicht optimiert ist oder andere Mängel aufweisen, die mich dazu animiert haben, eine Version zu erstellen, die sowohl W3C-konform, als auch codeoptimiert ist. Als zusätzliches Feature stehen die Button fest (fixiert), d.h. beim Scrollen der Seite bleiben die Button immer im sichtbaren Bereich.
In Zukunft wird das Internet ein semantisches Web werden. Landläufig wird es auch als Web 3.0 bezeichnet, d.h. die üblichen Webseiten werden mit zusätzlicher Semantik ergänzt. Dies ist notwendig, um die Fülle an Informationen durch die Suchmaschinen zielgerichteter und präziser einordnen zu können. Die zusätzlichen Informationen werden in Form von strukturierten Daten den jeweiligen Webseiten hinzugefügt.
Worin liegt eigentlich der Unterschied zwischen einer mobilen Website und einer mobilen App. Man redet landläufig im mobilen Umfeld von Apps, doch häufig meint man damit eigentlich nur die mobile Ausprägung einer Website.
HTML5 ist zwar noch kein offizieller Standard, doch moderne Browser verstehen i.d.R. die wesentlichen Tags. Die HTML5-Vorteile, z.B. die bessere semantische Auszeichnung der Inhalte, liegen auch klar auf der Hand. Insofern ist es naheliegend, eine entsprechende Vorlage als Grundgerüst hier bereit zu stellen.
Nachdem in diesem Blog schon einiges über die Unterstützung von HTML5-Tags in älteren Browsern - insbesondere für die älteren Versionen des Internet Explorers (IE6, IE7 und IE8) - beschrieben wurde, möchte ich heute einen anderen Ansatz vorstellen. Bis jetzt wurde immer über die jeweilige Browserversion auf die mögliche Unterstützung von HTML5-Tags geschlossen (Browser Detection). Eine weitaus elegantere und genauere, aber deutlich komplexere, Methode ist Feature Detection.