Google Werkzeuge | HTML

Der erforderliche Text (CDATA) innerhalb des Tags “head > style[amp-boilerplate] – old variant” fehlt oder ist falsch

Nachdem AMP auf einer Website eingerichtet wurde, empfiehlt es sich, das Google Testtool für AMP-Seiten zu verwenden um sicherzustellen, dass Beiträge späer in den Google Suchergebnissen mit AMP-spezifischen Funktionen angezeigt werden. Nach einem solchen Test entdeckte ich auf einer zu prüfenden Site folgenden (für den Screenshot nachgestellten) Fehler. Die Ursache war ein CSS-Snippet in der…

Coding | CSS | HTML

Jeder der einen Browser hat, kann (nicht nur) Quelltext und CSS einer Website untersuchen

HTML sollte mehr als nur ein Begriff sein, und wissen was CSS ist und wie es in den Grundzügen funktioniert hilft ebenfalls dabei, aus dem schlau zu werden, was einem Browsertools verraten. Egal ob Firefox, Chrome, Opera oder Edge – Browser können nicht nur dafür genutzt werden, Websites anzusehen, sondern auch, um Websites zu untersuchen….

CSS | HTML | Responsive Webdesign

Wer braucht Responsive Webdesign?

Es gibt (immer noch) Webdesigner und / oder Entwickler, die auf der vorherigen Generation von Webtechnologien aufbauen, und ihre Kunden zu einer technischen Rückständigkeit verdonnern, der nur noch größer werden kann. Vor Kurzem wurde ich von einem Webentwickler in ungläubiges Staunen versetzt, nachdem dieser einem Netzkontakt eine Website verkauft hatte, die man nicht nur auf…

CSS | HTML | Javascript | PHP | Responsive Webdesign | SEO | SQL | XML

Responsive Design: Webentwicklung auf dem Stand der Zeit

Ist für 2014 der Launch oder Relaunch einer Website geplant? Dann ist der richtige Zeitpunkt, auf HTML5 und Responsive Design (Mobilfähigkeit) zu setzen. Es gibt keinen Grund mehr auf die Vorteile moderner Standards zu verzichten (das heißt nicht, dass man Kompatibilität aufgeben muss / sollte), außer Unkenntnis. Je mehr Geräten eine Websitse entspricht, umso mehr…

HTML | Responsive Webdesign | Webentwicklung

Respond.js IE: w.body ist null oder kein Objekt Fehler

Die Ausgabe eines solchen Fehlers im Internet Explorer (7/8), und sich auf respond.js beziehend (Polyfill für Responsive Webdesign), weist auf einen HTML-Fehler hin. Irgendwo wurde ein HTML-Element geöffent und nicht mehr geschlossen. Das kann auch jenseits vom Frontend-Bereich der Fall sein, zum Beispiel auf einer Theme-Optionen-Seite. Dort wiederum kann so ein Fehler dazu führen, dass…

CSS | HTML | Javascript | Responsive Webdesign | WordPress | WP-Themes

WordPress: Responsive Theme TwentyTwelve im oldIE-Test

TwentyTwelve wird das neue responsive WordPress Theme, und ich habe es mir heute kurz angesehen. Eventuell legt jemand der es (bereits) gerne einsetzen würde Wert auf breite Kompatibilität, hat jedoch nicht die Gelegenheit, es auch mit Internet Explorer 8 (und Kompatibilitätsmodus) zu testen. IE-Abwärtskompatibilität ist im TwentyTwelve Theme nur eingeschränkt gegeben. Im Internet Explorer 9…

Google Werkzeuge | HTML | SEO

Google Rich Snippets – Urheberinformationen in Suchergebnissen

Snippets ist (hier) lediglich eine andere Bezeichnung für Microdata (daneben alternativ auch Microformats und RDFa), einer speziellen Weise mit der in HTML5 Webinhalte mit maschinenlesbaren, semantischen Tags strukturiert werden. Man könnte auch sagen, es ist die Art und Weise wie wir einer KI die Bedeutung von Inhalten vermitteln. Üblicherweise findet diese Form der Strukturierung Anwendung…

CSS | HTML | Kunden und Leser | Responsive Webdesign | Webdesign

Was ist Responsive Webdesign?

In den letzten Jahren stieg die Anzahl mobiler Endgeräte nicht nur erheblich an, es kommen immer wieder neue mit neuen Spezifikationen und unterschiedlich großen Displays. Besucht man mit seinem Smartphone eine auf früheren Standards basierende klassische Website, bekommt man für gewöhnlich die ganze Site auf dem Minidisplay im Kleinformat zu sehen. Das sieht zwar recht…

CSS | HTML | Javascript | Kunden und Leser | PHP | Webdesign | Webentwicklung

Was unterscheidet einen Webdesigner vom Webentwickler?

Ein Webdesigner ist für die Gestaltung und mithin auch technische Umsetzung (HTML, CSS) des Erscheinungsbildes vom Webseiten zuständig. Ein Webentwickler programmiert die auf Websites eingesetzte Funktionalität oder erweitert bestehende Systeme in einer serverseitigen Programmiersprache (zum Beispiel: PHP, .NET-Sprachen, Python). HTML und CSS gehören üblicherweise auch zum Repertoire, so dass er auch in der Lage ist,…