Der monatliche Rundumschlag mit den besten Links, Artikeln und Themen für Webworker. Seiten, die man nicht verpasst haben sollte.

Referenzen, Tutorials, Tipps

• Die zehn besten Font-Foundry-Websites 2006 ist eine Auswahl von besten Schriftenherstellern, bei denen Designer qualitative Schriftarten - häufig zum entsprechenden Preis - finden werden.
• Criteria for optimal web design (designing for usability) ist ein älterer, aber sehr informativer Beitrag zum Thema "Design und Usability". Immer noch lesenswert und empfehlenswert.
• Top Ten Mistakes in Web Design: Jakob Nielsen aktualisiert seine Liste der 10 häufigsten Fehler im moderner Webseitengestaltung.
• Useful Resources for Creating a Wordpress Theme listet Dutzende Links, die sich bei der Entwicklung einer eigenen Wordpress-Schablone als hilfreich erweisen können.
• ObscureTags: eine Bibliothek unbekannter und selten benutzter HTML-Tags.
• Creating a Page Curl in Photoshop: Veerle Pieters erklärt, wie man eine hochgerollte Ecke einer Photographie mit Photoshop realisiert. Außerdem: Gold Effect, Convertion to GrayScale, Web 2.0 Logo Tutorial
• Jambor-ee - Celebrating ExpressionEngine ist ein neuer Portal, der Expression Engine Web Publishing System gewidmet ist.

Tools, Web-Dienste

• Firebug, eine bekannte Firefox-Erweiterung zur Programmierung und zum Debugging von CSS, XHTML und Javascript wurde aktualisiert. Ein Screencast zeigt, wie man JavaScript mit Firebug effizient debuggt.
• WYMeditor ist ein einfacher, kostenloser und web-basierter XHTML-Editor, mit dem sich standardkonformer Quelltext visuell erzeugen lässt.
• Chacha ist eine neue Suchmaschine, bei der man seine Suchanfragen an einen Guide, also einen Menschen, richten kann. In einem Mensch-Mensch-Dialog werden die Fragen der Benutzer beantwortet und ausgewählte Suchergebnisse geliefert.
• Star it! ist ein kleines copy-paste-Widget für Ihre Web-Seite, mit dem sich Seiten durch Seitenbesucher bewerten lassen.
• Iloggo erstellt ein Grid-Map aus Logotypen Ihrer Lieblingsseiten.
• Rounded Cornr generiert HTML/CSS-Code für abgerundete Ecken. Wer mit dem Dienst unzufrieden sein sollte, kann auch Google zu Rate ziehen. Eine Linksammlung zum Thema findet man hier.
• Letterpop zeigt wie vielfältige Newsletter in wenigen Minuten entstehen.

CSS-Techniken, (X)HTML, PHP

• Intricate Fluid Layouts in Three Easy Steps: YUI Grids CSS bietet Web-Entwicklern eine Fülle von neuen Optionen. Eine davon - fluide mehrspaltige browserunabhängige Layouts, die sehr schnell sehr komplex gestaltet werden können. Die Arbeit mit YUI kann durch YUI CSS Grid Builder deutlich erleichtert werden. Dr. Web PLUS dazu
• Bye-bye to boring page footers: Fußzeilen müssen nicht langweilig sein. Simon Collison beschreibt eine Möglichkeit, ihre Gestaltung ein wenig aufzulockern.
• Overlapping tabbed navigation in CSS: ein Tutorial zur Erstellung von überlappenden Navigationsmenüs, die in allen gängigen Browsern korrekt angezeigt werden.
• Making Compact Forms More Accessible: Mike Brittain erklärt, wie man kompakte zugängliche Web-Formulare gestaltet.
• A Message To You, Rudy - CSS Production Notes: Andy Clarke stellt eine neue Methode, um Kommentare bzw. Notizen auf einer Seite in einem Floatmenü abzulegen, ohne die Seite mit Kommentaren zu überladen.
• Switchy McLayout: An Adaptive Layout Technique: Marc van den Dobbelsteen liefert eine Technik, auf die Web-Entwickler schon lange gewartet haben. Liquid Switchy McLayout verändert seine Gestalt (nicht nur Größe, sondern auch den Inhalt der Seiten) in Abhängigkeit von Bildschirmauflösung des Anwenders. Ein Beispiel dazu.
• Sifr 3 Beta Released: die dritte Version der flash-basierten Textersetzungstechnik sIFR (Scalable Inman Flash Replacement) ist veröffentlicht. Möglich sind die Verwendung von Fettgraden, Kursiven, Filtern, Transparenz und verschiedenen Farben; auch typografische Aspekte wie etwa Laufweite, Zeitenabstand und ähnliches können genau spezifiziert werden.

CSS Tools und Dienste

• Automatic merging and versioning of CSS/JS files with PHP: der Skript fügt mehrere CSS und Javascript-Dateien automatisch "on the fly" zusammen. Auch automatisierte Versionsangabe ist möglich.
• CSS Screencasts für Anfänger und Fortgeschrittene: CSS Part I, CSS Part II, CSS Div Layouts. Screencasts über Photoshop folgen.
• CSS Advisor Beta ist ein neuer Dienst von Adobe, der Lösungen zu CSS-Problemen liefert und Web-Entwickler über Kompatibilitätsprobleme, die bei verschiedenen Browsern auftreten können, informiert.

Ajax, Javascript

• Cody Lindley: Javascript: eine Sammlung von verschiedensten Beiträgen über Javascript - von Stripe Dance (Adding Stripes To Tables and Lists) zur jTip - A jQuery Tool Tip.
• The Really Simple History (RSH) Framework erlaubt es Ajax-Anwendung, Bookmarking-Funktionalität zu realisieren sowie "back" und "button"-Unterstützung zu implementieren.
• Tasty Text Trimmer beschreibt eine Javascript-basierte Technik, mit der man die Länge von Texten über ein Slide-Menü verkleinern und vergrößern kann.
• Accessible JavaScript: Beyond the Mouse: zugänglicher Einsatz von JavaScripts ist möglich. James Edwards zeigt, wie das geht.

Web-Typografie

• 15 tips to choose a good text type: Juan Pablo De Gregorio beschreibt 15 typografische Aspekte, die man bei der Auswahl einer Schriftart beachten sollte.
• Compose to a Vertical Rhythm erläutert, wie man klare Typografie durch eine Darstellung von Inhalten in Linearform erreicht.
• The 100% Easy-2-Read Standard: leserliche und intuitive Texte kann man durch klare Typografie entsprechend zur Geltung kommen lassen. 5 Regeln helfen dabei, die optimale Leseerfahrung zu erreichen.

Artikel und Beiträge:

• Journalistisch anmutende Nachrichtenblogs: Im Jahr 2007 sind in Deutschland neue Internetgesetze in Kraft getreten. Das "Telemediengesetz" und der "Staatsvertrag über Rundfunk und Telemedien" bringen inhaltlich kaum Neuerungen, gelten nun aber auch für Blogs und Podcasts. Ob die kleinen Online-Medien die hohen Anforderungen der Reform erfüllen können, ist fraglich.
• Internet Explorer and the CSS box model: altes neues Problem: wie versteht Internet Explorer das CSS Box Model und wie vermeidet man Unterschiede in der Seitengestaltung in IE und anderen Browsern? Roger Johanssons Beitrag zum Thema - geeignet für Anfänger wie Profis.
• Semantic Tags you many have Forgotten: ein Überblick von (X)HTML-Tags, die kaum benutzt werden, dennoch Semantik tragen und hilfreich sein können.
• Ultimate htaccess Article erklärt alles, was man jemals über .htaccess wissen wollte, sollte oder musste.
• Insert HTML page into another HTML page: was bisher über Iframes machen konnte, muss man in XHTML Strict nun über das Object-Element erledigen.
• The Demise of Flash: 8 Main Reasons: es gibt 8 Gründe, weshalb Flash in Web 2.0 nicht benutzt und deshalb meistens gemieden wird.
• The Mobile Web, Simplified: Mobiles Internet kommt. Immer näher. Cameron Moll darüber, worauf man vorbereitet sein muss und wie Designer ihre Seiten entsprechend anpassen können.
• Anatomy of a Drag and Drop: wie funktioniert Drag'n'Drop mit Javascript? Jonathan Snook bietet eine Antwort auf die Frage.
• Why digg is destined for failure: wie sieht die Zukunft von sozialen Netzwerken? Wie werden sie sich weiterentwickeln? Jason Clarke setzt sich mit dem Thema auseinander und nimmt Digg genau unter der Lupe.
• 97% of websites still inaccessible: laut einer Studie der Vereinigten Nationen sind 97% aller Web-Seiten unzugänglich. BBC bestätigt: 93% der Seiten verfügen über keine alternative Beschreibung der Bilder (alt-Attribut), 73% verwenden die Javascript-Funktionalität und 98% können kein standardkonformes Markup vorweisen.
• What is Web 2.0? Ein weiterer Erklärungsversuch. Dieses mal detailliert, anschaulich und verständlich. Von Paul Boag (Screencast). Wie man die Botschaften der Web 2.0-Szene einem Seitenbesucher optimal vermittelt, erfährt man im Beitrag Communicating Web 2.0 Through Design.
• Seven Rules for Web 2.0 Startups: 7 Richtlinien, die Neugründungen in den Zeiten Web 2.0 zu einem Erfolg verhelfen können.
• Top 10 reasons why Top 10 lists are so popular erklärt, woran der Erfolg der Web beherrschenden Top 10-Beiträge liegt. Faulheit der Autoren und bessere Wahrnehmung simpler Beiträge gehören dazu.
• Biggest Mistakes in Web Design 1995-2015 beschreibt 14 Aspekte des modernen Webdesigns, die häufig falsch interpretiert und verstanden werden und demzufolge auch in der Webseitengestaltung zum Tragen kommen.
• How to write effective Tutorials beschreibt, wie man ein klares, lesbares und verständliches Tutorial zu einem Thema zusammenstellt.

Farben, Farbpaletten, Texturen...

• Color Theory for Developers ist eine kurze Zusammenfassung des Wesentlichen, was Web-Entwickler über die Farbentheorie und ihre Verwendung in Praxis wissen sollten. Erläuterungen basieren auf der Grundlage des HSB [Hue / Saturation / Brightness]-Farbenmodels.

Icons, Wordpress Themes

• Microformats Icons: 7 Icons zum kostenlosen Download. Wolfgang Bartelme liefert eine Zugabe.
• Mini Icons Set: Brand Spanking New stellt 113 10x10 greyscale icons zum kostenlosen Download bereit.
• Iceburrg Wordpress Theme: klar, schön und leserlich. Ein weiteres kostenloses Theme für Wordpress.

Design-Galleries, Showcases, Inspiration

• Liquid Designs eine Galerie fluider CSS-Designs.
• Corporate Logos Repository ist eine Sammlung von 5000 Logotypen solider Unternehmen weltweit. Sämtliche Exponate sind im Adobe Illustrator Format verfügbar und können als .zip-Dateien heruntergeladen werden. Alternativ kann man auch BrandsOfTheWorld.com verwenden.
• Web Design Inspiration ist eine Sammlung von beeindruckenden CSS-Designs. Zusammengestellt von Patrick Haney, enthält sie im Moment 329 Exponate und wird ständig aktualisiert.
• Die besten css-basierte Designs in 2006: 50 Beautiful CSS-Based Web-Designs in 2006 und Top 7 Freshest Designs of 2006

Der letzte Klick:

• The Paradox of Choice and the Secret to Happiness (YouTube): Barry Schwartz, bekannter amerikanischer Professor für Psychologie und Soziologie in Swarthmore College, erklärt, wieso vielfältige Funktionalität (die Gesamtheit an vorhandenen Optionen) Seitenbesucher abschreckt, Usability reduziert und einen negativen Eindruck hinterlässt.
• Like ist eine Suchmaschine einer etwas anderen Art. "Visual shopping" heißt der neue Trend, der dem Benutzer eine visuelle Suche nach Objekten erlaubt.
• Wer meint, seine Seite durch Captcha von Spam gesichert zu haben, irrt sich. Die neuen Techniken erlauben es, den Schutz umzugehen. In diesem Kontext gewinnen neue Techniken zur Spam-Verhinderung neue Bedeutung.

Verwandte Artikel

• Web-Seiten des Monats: September 2006 (0)
• Web-Seiten des Monats: Oktober 2006 (0)
• Web-Seiten des Monats: November 2006 (0)
• Web-Seiten des Monats: März 2007 (0)
• Web-Seiten des Monats: Juli 2006 (0)
• Web-Seiten des Monats: Januar 2007 (0)
• Web-Seiten des Monats: Februar 2007 (0)