die Netzspielwiese » Webstandards

IE7 im IE8 simulieren

Franziska — Wed, 27 Oct 2010 10:47:31 +0000

Mit diesem Code kann man den IE7 im IE8 simulieren:

Praktisch für Webdesigner, die keine Standalone-Version installieren wollen.

HTML 5 – Linksammlung

Franziska — Mon, 05 Oct 2009 11:49:47 +0000

HTML5 ist ein Schlagwort, was man immer mehr hört.

Was es damit auf sich hat, und ob man es jetzt schon einsetzen sollte, habe ich hier mal zusammengetragen:

Artikel über HTML5:

Eine Reihe zu HTML5 von den Webkrauts:

In englisch:

http://dev.w3.org/html5/spec/Overview.html – HTML5 Spezifikationen vom W3C
http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/ - HTML5 Cheat Sheet
http://adactio.com/extras/pocketbooks/html5/ - HTML 5 Pocketbuch
http://html5doctor.com/ - ganze Seite zu HTML 5
http://www.alistapart.com/articles/semanticsinhtml5 und die deutsche Übersetzung dazu http://tobias-otte.de/essays/semantik-in-html-5/
http://html5gallery.com/ – eine Seite, wo Websites vorgestellt werden, die schon mit HTML5 umgesetzt sind

10 Designers Kontrollpunkte, die man wissen sollte

Franziska — Sat, 11 Aug 2007 15:12:19 +0000

Das Smashing-Magazin hat 10 Designers Kontrollpunkte, die man wissen sollte, herausgebracht.

Es ist eine Auflistung sehr guter Validatoren im Internet, die man benutzen sollte, um seine Webseiten so sicher wie möglich zu machen.

Content Management Systeme im Profi-Check

Franziska — Thu, 21 Dec 2006 14:09:18 +0000

Der Wunsch nach Content Management Systemen, mit denen Webseiten-”Besitzer” selbst Inhalte ihrer Webseite ändern können, wird immer stärker. Verständlich.

Aus Sicht eines modernen Webentwicklers mit dem Anspruch einer standardkonformen Webseite ist es aber oft nicht einfach, ein geeignetes CMS auszuwählen, das auch standardkonformen Code für vom Kunden selbst editierte Bereiche generiert.
Zusätzlich sollte es auch noch einfach einzurichten und zu bedienen sein.

Bei der Menge der verfügbaren CMS-Lösungen ist es da äußerst hilfreich, auf Erfahrungen und Empfehlungen anderer Webentwickler zurückgreifen zu können.

Schöner “Zufall”, dass die Webkrauts in ihrem Adventskalender 2006 einen Schwerpunkt auf die Vorstellung von Content Management Systemen legen, die die Voraussetzungen dazu mitbringen, standardkonforme Webseiten nicht nur zu erstellen, sondern auch zu erhalten.

Vorgestellt werden:

Die Artikel enthalten jeweils eine kurze Einführung in das jeweilige CMS, eine Diskussion der Vor- und Nachteile und viele Links zum weiterlesen.

Auf meiner “testen”-Liste steht außerdem auch das CMS webEdition, das, richtig konfiguriert, auch für standardkonforme und barrierefreie Webseiten eingesetzt werden können soll.

Und noch ein interessanter Service:

Auf der Webseite opensourcecms.com können Open-Source CMSysteme online im Betrieb getestet werden. So kann man einen ersten Blick auf die Systeme werfen, ohne sie aufwändig auf dem eigenen Server installieren zu müssen.

Update 4.1.2007:
Beim Barrierekompass findet sich heute nochmals eine vergleichende Übersicht der im Adventskalender vorgestellten CMS-Systeme »

HTML / CSS – Spielwiese

Franziska — Thu, 14 Dec 2006 17:59:03 +0000

Kleine Empfehlung von Spielwiese zu Spielwiese:
Der HTML-Playground hält, was er verspricht. Hier kann man nach Herzenslust mit XHMTL und CSS experimentieren.

Auf Mausklick wird sofort jede an den Beispiel-Quelltexten vorgenommene Veränderung im Darstellungsfenster sichtbar.
Wenn man möchte, kann man auch eigene Quelltexte in das Tool kopieren und damit experimentieren.

Enthalten ist zudem eine komplette XHMTL und CSS-Referenz, die für das jeweils ausgewählte Element eine umfangreiche Erklärung bietet und auch aufzeigt, welche CSS-Formatierungen dafür möglich sind.

Daumen hoch!

Zum HTML-Playground »

via ajaxian

Warum standardkonforme und barrierefreie Webseiten sinnvoll und wichtig sind …

Franziska — Sat, 23 Sep 2006 14:46:37 +0000

… erklärt dieses “Comic” einmal mehr – leicht verständlich und ohne zu viele Worte.

Witzig aufbereitet und gut dazu geeignet, einem “Laien” die Vorteile von Standardkonformität, CSS-Layouts und Barrierefreiheit entspannt nahe zu bringen ;)

(via Barrierekompass)

Validome – der Super-Validator

Franziska — Thu, 21 Sep 2006 09:56:36 +0000

Validome ist eine gute Alternative zum HTML-Validator des W3C.

Er überprüft nicht nur HTML-Seiten auf ihre Standardkonformität, sondern ebenfalls XHTML, XML und RSS- und Atom-News-Feeds.

Alle Fehlermeldungen werden mit Verweisen auf die erklärende Seiten bei SelfHTML ausgegeben.

Und: Validome ist mehrsprachig. Man kann die deutsche, englische oder französische Version nutzen.

Web Developer Toolbar für Opera

Franziska — Mon, 08 May 2006 11:34:06 +0000

Neben der Web Developer Toolbar für Firefox, der Web Accessibility Toolbar für den Internet Explorer und der Checky-Extension für Mozilla gibt es nun auch eine Web Developer Toolbar für Opera mit vielen interessanten Optionen!

Hinter “Display > View Computed CSS for Elements” verbirgt sich ein ähnlicher CSS Viewer, wie letztlich als Firefox-Extension vorstellt.
Einmal aktiviert, erscheint ein Popup-Fenster mit den CSS-Definitionen zu dem Element, über dem sich gerade die Maus befindet.

“Page Info > Mouseover DOM Inspector” ist nochmal ein ähnliches Tool, das zusätzlich die HTML-Struktur bis zum gewählten Element anzeigt.

Unter “Display > Dynamically Add CSS Styles” kann man jeder angesurften Seite eigene Styles hinzufügen.

“Display > Change Page Size” birgt die Möglichkeit, verschiedene Bildschirmauflösungen und interessanterweise auch verschiedene Ausgabe-Medien, wie handheld, projection und tv zu simulieren, um entsprechende Stylesheets testen zu können!

“Forms > Add Character Counter to TextFields” fügt Buchstabenzähler an das Ende jedes Textfeldes an, mit dem die Zeichenlänge des eingegebenen Textes ausgegeben wird.

Unter Utils befinden sich noch einige weitere Tools.
“Remove Child Elements” entfernt beispielsweise angeklickte Elemente einer Website, mit “Reveal Destinations of ALL Links” lassen sich die Linkziele aller Links anstelle ihrer Linktexte anzeigen.

Selbstverständliche ebenfalls enthalten: eine Reihe von Validatoren.

Zudem unter “Specs” Links zu Spezifikationen zu allen Webentwicklungs-relevanten Themen.

Und nicht zu vergessen: zwei kleine Buttons [InFF] und [InIE], mit dem die gerade aufgerufene Seite im Firefox bzw. InternetExplorer geöffnet werden können.

Hier nochmal der Link zur Opera-WebDeveloper-Toolbar »

Ein Liebeslied an Webstandards

Franziska — Sat, 06 May 2006 13:19:07 +0000

Absolut hörenswertes Liebeslied an Webstandards von Andres Rothmann, veröffentlicht im Podcast von Paul Boag.

MP3-Download »

Aus den Lyrics:

The supervisor rants. He says “This website’s pants! I want my clicks improved by Friday!”
.
I hit the URL. It’s like the bowels of hell. God give me strength. It’s just not my day.
.
So raise your hands to Boag and pray that we can fix this website today.
.
Tonight I need your CSS, coding in the darkness. From now on no more tables nest; you will meet web standards.
.
The source code makes me weep. There’s tables fifteen-deep. In Netscape 6 it looks like garbage.
.
The METAs say this turd was made with MS Word. With every click I find new carnage.
.
So raise your hands to Boag and pray that we can fix this website today.
.
Tonight I need your CSS, coding in the darkness. From now on no more tables nest; you will meet web standards.
.
I guess I’ll have to start from scratch – then I can kiss this piece of trash goodbye…

via einfach für alle

Foto: miss.sophie – Photocase.de