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 [...]



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 [...]



CSS: F.I.M. (Fake Image Map) – eine CSS-Image-Map ohne Gif
Freizeitler — Sun, 20 Sep 2009 21:18:24 +0000
Ein Kommentar zu meinem letzten Artikel über die F.I.M. hat mich dazu gebracht, den Aufbau noch einmal gründlich zu überdenken und das Resultat ausgiebig zu testen. Somit kann ich jetzt eine echt gute Alternative vorstellen… Danke erstmal an Mat, der mich mit seinem Kommentar und Post auf den richtigen Weg gebracht hat und die Lösung [...]



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 [...]



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 [...]