Bei einem aktuellen HTML5-Projekt fiel mir auf, dass sowohl im Firefox- als auch im Opera-Browser das <footer>-Element nicht auf mein angewandtes CSS-Styling reagierte. Trotz korrekt angegebener Breite und neuster Browser-Generationen brach der Footer komplett aus dem Layout heraus und ließ sich überhaupt nicht mit CSS ansprechen. Sobald ich den <footer> in ein <div> umwandelte und eine ID vergab funktionierte alles wie gewohnt.
Das Problem war glücklicherweise schnell identifiziert und leicht behoben. Damit Ihr in Zukunft sofort wisst warum dieses Verhalten auftreten kann erkläre ich Euch kurz woran es liegt.

Beitrag zu Ende lesen

HTML5 Boilerplate ist ein extrem umfangreiche HTML5 Startpaket für die Arbeit mit HTML5-Websites. Allerdings müsst Ihr Boilerplate je nach Bedürfnis ziemlich abspecken bzw. anpassen. Initializr übernimmt diese Aufgabe für Euch. Ihr legt zunächst fest welche Bestandteile von Boilerplate Ihr für die neue Website einsetzen wollt - jQuery, Modernizr, Serverconfigs etc. Anschließend erhaltet Ihr ein dokumentiertes Download-Paket und könnt direkt loslegen. Selbst eine ToDo wird mit exportiert, so dass Ihr genau wisst was angepasst werden muss. Wie beispielsweise das Favicon oder der <title>-Tag.

Beitrag zu Ende lesen

Vergangene Woche bin über die Idee zu einer humans.txt für Websites gestolpert. Im Gegensatz zur robots.txt mit deren Hilfe Suchmaschinen-Bots weitere Informationen erhalten dient die humans.txt den Menschen die eine Website besuchen. In der Textdatei werden Informationen zum Ersteller der Website festgehalten. Ein Hauptgrund ist, dass der Auftraggeber - also der Besitzer der Website - häufig nicht erlaubt, dass der Designer oder Programmierer sich im Impressum oder gar im dem Footer einer Website verewigt. Hier soll die humans.txt Abhilfe schaffen und getrennt vom Code der Website eben jene Informationen abbilden. Das Textformat wurde gewählt weil es sehr einfach in der Handhabung ist.

Beitrag zu Ende lesen

Um einen HTML-Abschnitt ausschließlich im Internet Explorer auszuführen existieren die sog. Conditional Comments (bedingte Kommentare). Mit Ihrer Hilfe ist es möglich gezielt bestimmte Versionen des IE anzusprechen oder zu ignorieren. Es ist sogar möglich den Code nur für Internet Explorer größer oder kleiner einer bestimmten Version auszugeben. Den Möglichkeiten sind kaum Grenzen gesetzt.

Beitrag zu Ende lesen

Mit WPSnippets ist vor Kurzem eine Microsite online  gegangen die mehr oder weniger bekannte WordPress Hacks, Tipps und Snippets aggregiert. Die Seite wird regelmäßig erweitert und bietet somit eine schöne Quelle an Code-Schnipseln die Ihr sofort in Euer Theme einbauen könnt.

Beitrag zu Ende lesen

In den Adobe Labs wurde ein neues Illustrator CS5-Plugin veröffentlicht was es ermöglicht in Illustrator erstellte Grafiken als HTML5 Canvas, CSS3 oder SVG-Grafiken zu exportieren.
Dieses Plugin ist meiner Ansicht nach ein wichtiger Schritt in die richtige Richtung. Auch für Photoshop wurden in der Vergangenheit "HTML-Layers" diskutiert die es ermöglichen sollen grafische Stile direkt webfähig zu exportieren und somit den Workflow zu beschleunigen.

Das Illustrator Plugin kann in den Labs heruntergeladen werden.

• Adobe Illustrator CS5 HTML5 Pack

Was haltet Ihr von Plugins dieser Art, sei es in Illustrator oder in Photoshop?

Der W3C hat einen neuen (?) Validierungs-Dienst namens Unicorn gestartet. Mithilfe dieser Seite könnt Ihr Eure Website mit nur einem Klick nach allen gängigen Kriterien validieren. Bisher waren mehrere Besuche notwendig. Unicorn validiert sowohl HTML als auch CSS und den (RSS-)Feed. Auch Barrierearmut und mobile Unterstützung könnt Ihr überprüfen lassen.

• W3C Validator Unicorn