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
Der Internet Explorer 11 unter Windows 8.1 bietet zwei Bedienoberflächen. Einmal die „herkömmliche“ Browseroberfläche und zusätzlich eine touchoptimierte Oberfläche. Wenn der Internet Explorer 11 mit der touchoptimierten Oberfläche aufgerufen wird, sucht der Browser automatisch nach der browserconfig.xml.
Ein Großteil der Features, die man auf Webseiten einbaut, lässt sich mit herkömmlichen Mitteln testen. Als Webentwickler hat man meist eine ganze Palette von Browsern installiert (portable oder fest). Dies wird ergänzt durch diverse Online-Simulatoren. Doch darüber hinaus gibt es weitere Anwendungsfälle, die man auf diese Art nicht testen kann. Dazu zählt z.B. der Test einer browserconfig.xml (Internet Explorer 11 unter Windows 8.1). Für diese Konstellation habe ich keine Online-Simulatoren etc. gefunden. Deshalb bietet sich hierfür der Aufbau einer virtuellen Entwicklungsumgebung an.
In einem früheren Blogbeitrag (Performancegewinn durch Content-Komprimierung) beschrieb ich, wie man manuell Dateien (z.B. html, css, js, ...) komprimieren kann, falls der Webserver eine automatische Kompression nicht unterstützt. Ich empfahl 7-Zip oder IZArc. Vor kurzem wies mich ein Leser darauf hin, dass auf diese Art komprimierte Inhalte zwar korrekt ausgeliefert und vom Browser korrekt angezeigt werden, sie allerdings von verschiedenen Validatoren bemängelt werden.
Hover-Effekte für Links oder Menüleisten mit CSS zu realisieren sind sicherlich nicht sonderlich kompliziert. Doch wenn es etwas mehr sein soll, z.B. ein hover-Effekt für den Hintergrund (background) einer Menüleiste und gleichzeitig für das Menü-Icon, ist es schon nicht mehr ganz so trivial. Nachfolgend möchte ich die notwendigen Schritte in einem kleinen Tutorial kurz erläutern.
In modernen Formularen ist es üblich, in Eingabefeldern diverse Informationen vorzublenden. In Kontaktformularen können Sie z.B. an Stelle der Feldlabel die zu erwartende Information als Platzhalter (Placeholder) innerhalb des Feldes anbieten. In einem Suchfeld können Sie z.B. als Begriff „Suchbegriff hier eingeben“ vorblenden. Diese Methode ist einerseits platzsparend und andererseits erhöht sie die Flexibilität, falls Sie Ihre Website auf responsive Webdesign umstellen wollen. Doch leider reagieren noch nicht alle Browser auf das Placeholder-Attribut.
Durch das Verschleiern von Email-Adressen verhindern Sie, dass Spam-Bots sehr leicht an Ihre Email-Adressen gelangen, um Sie danach mit Werbung etc. zu überfluten. Es gibt allerdings einfache Wege, um dem entgegen zu wirken.