Syntax Highlighting: Unser Code soll schöner werden!
Möchte der Webworker auf seinem Blog ein neues Projekt vorstellen und ein paar Zeilen Code dazu veröffentlichen, geschieht das in HTML mit <pre><code>. Aber die Ausgabe sieht dann erst einmal eher langweilig und bei längerem Code auch unübersichtlich aus. Kommt noch dazu, dass das Auge durch die Darstellung der Editoren verwöhnt ist. Doch es gibt [...]
schema.org: Google, Bing und Yahoo! unterstützen Microdata Formate
Seit dem 2. Juni ist es offiziell. Google, Bing und Yahoo! können jetzt Microdata Formate von schema.org auslesen und interpretieren. Das bedeutet, dass ein Webdesigner über ca. 300 Vokabeln verfügen kann, um textliche Inhalte auch für Suchmaschinen verständlich zu machen. Ein großer Sprung für das semantische und strukturiere Internet, denn Inhalte von Internetseiten können dadurch [...]
HTML5 und CSS3: Immer nur am Ball bleiben reicht nicht…
…man muss auch mal spielen.Der Ansturm hat begonnen. In den letzten Monaten wird man mit neuen Experimenten und Erkenntnissen in Sachen HTML5 und CSS3 bombadiert. Die Entwicklung ist rasant – unzählige neue Veröffentlichungen, Ansätze und Ideen werden von der Netzgemeinde kontrovers diskutiert. Dieser Beitrag beschreibt keine Techniken, ich zeige vielmehr ein paar Experimente mit CSS3 und [...]
Kurz notiert: Paul Irish und seine HTML5 ★ Boilerplate
Erster! Könnten Paul Irish und Divya Manian jetzt rufen, denn sie haben ein Framework veröffentlicht, dass nicht nur HTML5-fertig ist, sondern mit allem Schnickschnack aufwartet, den man für sein modernes Internetseiten-Projekt durchaus brauchen kann. Die HTML5 ★ Boilerplate. Angefangen mit Print- und Handheld-Stylesheet, jQuery Anbindung, Cross-Browser-Unterstützung, .htaccess-Files für optimierte HTML5-Anwendung und Ladezeit bis hin zu [...]
Webkrauts: Kontrastreiche Farbwelten
Viele Webdesigner stellen leider immer noch das Erscheinungsbild einer Internetseite über Usability und Zugänglichkeit. So werden die Richtlininen des W3C für farbliche Konzeption, die in der WCAG 2.0 festgelegt wurden, häufig außer Acht gelassen.
HTML: Was bedeutet eigentlich Semantik?
Die Trendwende hat bereits stattgefunden. Das W3C und andere Institutionen haben jahrelang daran gearbeitet ein altes Bewusstsein in die Köpfe der Webdesigner zurück zu bringen – und sie haben es geschafft. Die Semantik ist wieder da! Aber was bedeutet Semantik für das Webdesign und wie wichtig ist sie wirklich?
HTML: form action. Mehr über Formulare in Aktion
Formulare sind auf Internetseiten selbstverständlch. Wir benutzen sie fast täglich. Schauen wir uns doch mal so ein Formular genauer an. Wie wird es aufgebaut und wie sehen die einzelnen HTML-Komponenten aus? Hier gibt’s ein Demo.
CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
Alle, die sich schon einmal fragten, ob und wie man ein Background-Image verlinken kann ohne auf CSS3 warten zu müssen, sollten diesen Post einmal lesen. Die Antwort ist simpel, bulletproof und valide! Hier gibt’s einen Workaround…
HTML: Background vs. Image-Tag. Bilder im Zeitalter der Handhelds
Ein Layout ohne img-Tags ist wesentlich flexibler und die einzige Möglichkeit das Design (CSS) komplett vom Inhalt (HTML) zu trennen. Gerade in den Zeiten der Optimierung für neue internetfähige Ausgabegeräte ein wichtiger Aspekt. Sind die Tage des Image-Tags gezählt?
HTML: Die populärsten Web Fonts im Vergleich
Es gibt ein paar Tausend Fonts da draußen, doch nur wenige eignen sich für das Internet. Die Auswahlkriterien liegen auf der Hand: Verfügbarkeit, Darstellung, Lesbarkeit, Zweck. Einen Überblick gibt es hier.