infotekten.de :: lieblinks

Meine neuesten Links bei del.icio.us

Wed, 15 Nov 2006 10:53:22 +0100

Früher waren die "Lieblinks" auf meiner Site eine der Hauptabteilungen, inzwischen lagere ich meine Links immer mehr zu del.icio.us aus. Social bookmarking.

Hier die neuesten 5 "köstlichen" Links:

CSS und Layout: Fertige Layouts zum Mitnehmen

Wed, 31 May 2006 06:06:00 +0200

Dr. Web hat im Oktober 2006 eine hervorragend Liste zu fertigen CSS-layouts zusammengestellt:

CSS Layouts und Templates

Einige der hier aufgef�hrten Eintr�ge sind dort auch vorhanden. Check it out.

Dirk Jesse: YAML: "Yet Another Multicolum Layout" (kurz: YAML) ist ein flexibles Mehrspaltenlayout auf Basis von float, einschließlich Tutorial. Ein Framework als Grundlage für die eigene Arbeit. Dabei stehen ein m�glichst hohes Ma� an Flexibilit�t und Zug�nglichkeit im Vordergrund. infotekten.de basiert auf YAML und ich kann es nur empfehlen, aber man sollte sich die Zeit nehmen und das Tutorial wirklich durcharbeiten.
Open Source Web Design: �bersichtlich, kostenlos und proppenvoll mit Layouts, die hier Designs heißen.
Open Web Design: Eine ganze Website voller Web Design Layouts. Some good, some not so. Have a look around.
Alessandro Fulciniti: Layout Gala: 40 Layouts, die alle auf derselben HTML-Struktur beruhen. Meist mit float und negative margins realisiert.
Monorom: Intensivstation: Diverse CSS Templates mit verschiedenen Techniken (position:absolute und float.
Owen Briggs: Box Lessons: Owen Briggs von thenoodleincident erkl�rt vor elegantem Hintergrund CSS Boxen. Ein Bild des Layouts und dazu der Code. Ohne viel Worte. Die Layouts basieren auf position:absolute
Blue Robot: The Layout Reservoir: Der Dreispalter von BlueRobot ist einer der Klassiker. Groß margin und position:absolute. Finde ich immer noch stabiler als float. "Please feel free to borrow, steal, abduct, and/or torture the documents contained in the Layout Reservoir.". Die Layouts basieren auf position:absolute
Eric Costello: Look Ma, No Tables.: Eric Costello zeigt auf glish.com/css die wichtigsten Layout-Varianten. Chaotisches Layout, aber gute Informationen.

Barrierefreiheit: Sites und Tools

Sat, 26 Nov 2005 21:56:31 +0100

einfach-fuer-alle.de von der Aktion Mensch: Einfach-fuer-alle ist eine Initiative der 'Aktion Mensch' zum Thema 'Barrierefreies Webdesign'. Hier findet man Hilfen, Tutorials, Links und ein Blog mit täglich neuen und wichtigen Artikeln und Links. Einfach Klasse.
Kostenloser Barriere-Check (bei barrierekompass.de): Der Barrierekompass bietet eine Check f�r Webseiten: Um Missverständnissen direkt vorzubeugen: der Barrierekompass wendet sich in erster Linie an Unternehmen, öffentliche Verwaltungen und Einrichtungen, Vereine und Verbände, sowie verschieden Arten von Organisationen. Für all diese Gruppierungen ist der Barriere-Check kostenlos.
Color Scheme Generator 2 (bei wellstyled.com/tools): Ein Tool zum Erzeugen von Farbschemata, mit Simulation von diversen Farbfehlsichtigkeiten wie z. B. Rot-Gr�n-Schw�che. Generator of color schemes and palettes to create good-looking and well balanced and harmonic web pages.

Barrierefreiheit: Tutorials und Workshops

Sat, 26 Nov 2005 21:33:48 +0100

BITV f�r Alle (bei einfach-fuer-alle.de): Der Workshop für alle, die es mit Barrierefreiheit ernst meinen: In einer 14 tägigen Serie die einzelnen Anforderungen der BITV in getrennten Artikeln detaillieren und erklären, wie Sie Ihre Seiten auf BITV Konformität testen. Zusätzlich gibt es zu jeder Bedingung noch ein leicht nachvollziehbares Praxisbeispiel.
Barrierefreie Layouts zum Mitnehmen: Linksammlung von Sites, bei denen man kostenlos barrierefreie CSS-Layouts downloaden und weiter verwenden kann. Mit allen Klassikern wie Owen Briggs, Eric Meyer, glish.com, Blue Robot's Layout Reservoir u.v.m.
Bessere Formulare (bei einfach-fuer-alle.de): In einer vierteiligen Serie lernen Sie, wie Ihre Formulare zugänglicher und benutzbarer f�r alle Besucher gestaltet werden können.
E-Government-Handbuch (Online-Version): Die komplette Online-Version. Interessantester Teil f�r die Barrierefreiheit ist folgende PDF-Datei:
Barrierefreies E-Government (PDF, 145 Seiten, 2,1 Mb). F�r abends auf dem Sofa ...

Barrierefreiheit: Gesetze, Verordnungen und Richtlinien

Sat, 26 Nov 2005 21:22:08 +0100

Überblick bei WoB11.de: WoB steht für "Web ohne Barrieren" und die 11 bezieht sich auf Paragraph 11 des BGG. Auf der Site gibt es einen sehr guten Überblick über gesetzliche Bestimmungen, Richtlinien und Verordnungen.
BGG - Das Behindertengleichstellunggesetz: Die Website des Behindertenbeauftragten der Bundesregierung bietet den Text: Gesetz zur Gleichstellung behinderter Menschen (Behindertengleichstellungsgesetz - BGG)
BITV - Verordnung zur Schaffung barrierefreier Informationstechnik: Die BITV regelt die Umsetzung des BGG. Die Aktion Mensch zeigt hier den Text der BITV einschlie�lich Anlage sowie Verlinkung zum Behindertengleichstellungsgesetz (BGG).

CSS und Layout: Lesenwerte Artikel

Mon, 7 Nov 2005 16:06:27 +0100

Kevin Hale: An Overview of Current CSS Layout Techniques: Learning how to use CSS for creating web sites is a pain in the ass. It's not easy and it will hurt you.

Wunderbar zu lesende Zusammenfassung von Kevin Hale

CSS und Layout: Einf�hrungen und Tutorials

Mon, 7 Nov 2005 15:16:59 +0100

css.maxdesign - Tutorials: Klasse. Einfach Klasse. Tutorials zu Listen, verschachtelten Listen, Floats und Selektoren. Alles wunderbar �bersichtlich und Schritt f�r Schritt erkl�rt. Hier kann man viel Zeit verbringen. Und danach wissen Sie, wie es funktioniert.
Seiten gestalten ohne Tabellen: Einf�hrung und Tutorial: Michael Charlier erklärt einige Grundlagen. Mit anschließendem Tutorial, in dem Positionierungsarten bildlich dargestellt werden.

CSS: Die besten Referenzen

Sun, 6 Nov 2005 18:00:22 +0100

css4you.de - The Finest in Stylesheets: Eine phantastische private Site zum Thema CSS. Referenz, Tipps und Tricks und Workshops. Auch als Download zum offline lesen verfügbar.
TheStyleWorks.de: Schnellreferenz, Referenz, Grundlagen, Tutorials und ein hammerhartes Quiz. Autor Klaus Langenberg hat ganze Arbeit geleistet und ich bin hier regelmäßiger Besucher.
HTML Dog - CSS Properties: Kurze und knackige Referenz. Auch viele Tutorials, unter anderem das Suckerfish Dropdown Menu.
W3C - CSS 2.1 Specification: Die offizielle CSS2.1 Spezifikation. Vielleicht ein bisschen trocken, aber hier habe ich vor ein paar Jahren das erste Mal richtig begriffen, was Specificity bei Selektoren wirklich bedeutet. Lohnt sich.
Cascading Style Sheets, Level 2 - Deutsche �bersetzung: Von Judith Muhr und Stefan Mintert aus der Edition w3c.de. Online lesen oder ausdrucken.

HTML: Die besten Referenzen

Sun, 6 Nov 2005 17:47:12 +0100

SelfHTML: Der Klassiker SelfHTML in der Version 8.1. Autor Stefan M�nz hat daf�r einen Orden f�r Verdienste um das deutschsprachige Web verdient.
jendryschik.de - Einführung in XHTML: Teil einer umfassenden "Einführung in XHTML, CSS und Webdesign". Technische Sprache, aber daf�r genau.
HTML Dog - HTML Tags: Er meint "HTML Elements". Die Site ist voll mit HTML und CSS. Referenzen, Beispiele, Tutorials. English, but lesenswert.
w3.org/MarkUp - Hier ist HMTL zu Hause: Die Spezifikation. Ungenießbar trocken, aber manchmal notwendig. Am einfachsten erschliessbar sind die Spezifikationen mit der Sidebar von Selfhtml.

Internet und Web: Webbasierte Tools

Sun, 6 Nov 2005 17:34:21 +0100

FTP per Browser: Superpraktisch, wenn FTP nicht geht, weil man gerade keinen Client hat oder hinter Proxy/Firewall sitzt. Kann z.B. ZIP-Dateien hochladen und auf dem Server automatisch entpacken!
RIPE - WHOIS Abfrage: IP-Adresse eintippen, und schon wei� man, zu welchem Provider sie geh�rt.
Ping, TraceRoute etc. per Browser: Weltweite Sammlung von Links zu allen m�glichen Ping, TraceRoute etc. Anbietern, die per Browser (also auch hinter einer Firewall) bedient werden k�nnen.
port-scan.de - PortScanner per Browser: Scannt Ihren Rechner von au�en. Funktioniert nur, wenn Sie einen *direkten* Internetzugang haben, also nicht hinter einer Firewall. Dann wird nur die Firewall von au�en gescannt.