Freizeitler » HTML

Syntax Highlighting: Unser Code soll schöner werden!

Freizeitler — Mon, 19 Sep 2011 11:14:45 +0000

Möchte der Webworker auf seinem Blog ein neues Projekt vorstellen und ein paar Zeilen Code dazu veröffentlichen, geschieht das in HTML mit

. 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
Freizeitler — Mon, 06 Jun 2011 22:24:19 +0000
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…
Freizeitler — Wed, 24 Nov 2010 07:25:09 +0000
…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
Freizeitler — Fri, 13 Aug 2010 22:20:57 +0000
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
Freizeitler — Fri, 14 Aug 2009 21:02:43 +0000
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. Das Konzept Internetseiten sollten natürlich immer barrierefrei gehalten werden. Internetseiten für »Träger öffentlicher Gewalt« (so heisst es im Amtsdeutsch) müssen sogar [...]



HTML: Was bedeutet eigentlich Semantik?
Freizeitler — Mon, 16 Mar 2009 18:35:14 +0000
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? Dieser Artikel wird sich nicht mit [...]



HTML: form action. Mehr über Formulare in Aktion
Freizeitler — Sun, 15 Feb 2009 19:58:58 +0000
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. Obwohl HTML-Formulare zur Ausstattung einer Website gehören wird ihnen wenig Beachtung geschenkt. Sie zählen für viele User zum Standard und [...]



CSS: F.I.M. – Fake Image Map. Eine Alternative zur echten Image Map
Freizeitler — Mon, 09 Feb 2009 20:28:42 +0000
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… Hinweis: Diese Variante ist nicht mehr empfehlenswert! Eine bessere Alternative ohne .gif und somit ohne zusätzlichem Request findet ihr [...]



HTML: Background vs. Image-Tag. Bilder im Zeitalter der Handhelds
Freizeitler — Thu, 22 Jan 2009 21:02:59 +0000
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? Eine Internetseite muss heute höheren Ansprüchen gerecht werden als noch vor zwei oder drei Jahren. Der [...]



HTML: Die populärsten Web Fonts im Vergleich
Freizeitler — Sun, 04 Jan 2009 19:41:08 +0000
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. Klicken zum Font Vergleich Die Wahl des richtigen Fonttype ist nicht nur für das Ercheinungsbild einer Internetseite von hoher Wichtigkeit. Da das Typeface den [...]