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
Immer mehr Webseitenbetreiber bauen Zwei-Klick-Lösungen in Ihre Webseiten ein, um dem Datenschutz zu genügen. Weit verbreitet und sicherlich nahezu perfekt ist die Heise-Lösung. Doch leider verursacht diese Zwei-Klick-Lösung 9 zusätzliche Requests und überträgt, in der komprimierten Form, 14,1kB zusätzliche Daten. Dies hat mich dazu animiert, eine performanceoptimierte „Light-Version“ basierend auf jQuery zu erstellen.
In Desktop-Browsern werden üblicherweise Aktionen durch einen Maus-Klick ausgelöst. Steht ein Touchscreen zur Verfügung, z.B. bei Smartphones oder Tablets, kann hierzu auch die Berührung des Bildschirmes genügen. Da aber ein Anwender sein Tablet sowohl über den Touchscreen, als auch über eine angeschlossene Maus bedienen kann, muss man in bestimmten Situationen auf beide Events korrekt reagieren. Dabei kann es zu unschönen Nebeneffekten kommen, die es gilt zu vermeiden.
Regelmäßige Leser dieses Blogs haben sicherlich bemerkt, dass die letzten Blogeinträge dem Thema responsive Webdesign gewidmet waren. Vielleicht hat auch schon jemand die Größe des Browserfensters verändert, um zu sehen, ob hinter der Theorie auch die praktische Erfahrung steckt. Die Frage kann ich mit JA beantworten, denn seit Anfang April 2013 ist diese Website auf responsive Webdesign umgestellt.
Responsive Webdesign bedeutet: Die Webseiten passen sich automatisch an die Gegebenheiten der jeweiligen Endgeräte an. Je nach Auflösung, Bildschirmgröße, Ausrichtung (horizontal, vertikal) werden die Inhalte optimiert dargestellt.
Spätestens seit dem Siegeszug der Smartphones und Tablets muss man sich die Frage stellen: Ist es ausreichend und noch zeitgemäß, eine mobile Website und eine Desktop-Version separat zu verwalten oder sollte man sich von diesem starren Muster lösen?
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.