Der monatliche Rundumschlag mit den besten Links, Artikeln und Themen für Webworker aus den vergangenen Wochen. Seiten, die man nicht verpasst haben sollte. Jede Ausgabe enthält eine Fülle bemerkenswerter Links. Diese Presseschau erschien seit Juli 2006
im Bereich Dr. Web PLUS für Abonnenten und wird seit Anfang des Jahres im englischsprachigen Original bei Smashing Magazin herausgegeben. Hier ist aktuelle Ausgabe.

Tools, Web-Dienste

• test everything: 100+ tools
  Der Dienst stellt über 100 von verschiedensten Online-Diensten unter einem Dach und Fach zusammen. Gibt der Nutzer eine URL-Adresse an, so können Dienste direkt verwendet werden. Unter anderem lassen sich Web-Seiten direkt in einem Fenster valideren.
• Particls
  Diese Desktop-Anwendung beobachtet Web-Seiten und Online-Applikationen des Anwenders und informiert über jegliche Veränderungen mithilfe von Desktop-Alerts.
• TechSmith UserVue
  Mit diesem kostenlosen Online-Dienst können Webworker ihre Seitenbesucher und Kunden bei ihrem Umgehen mit Online-Applikationen und Desktop-Anwendungen beobachten und zur späteren Analyse abspeichern. Etwa für Usability-Tests.
• Helperoo - Email support ticket system
  Ein simples und elegantes E-Mail-Ticketsystem für kleine Firmen, die ihre Kommunikation ohne mühselige komplexe Anwendungen realisieren möchten.
• Live Keyword Analysis
  Das Tool analysiert die Häufigkeit eines Wortes in einem Text und gibt sein Gewicht im Text aus. Nützlich, wenn Sie ein Wort für Suchmaschinen betonen wollen, was Sie aber vielleicht nicht machen sollten.
• IE NetRenderer - Browser Compatibility Check
  Der Dienst zeigt Screenshots von Web-Seiten in IE 7, IE 6 und IE 5.5 - und zwar direkt, ohne Warteschlange.
• Grid Calculator
  Hilft bei der Berechnung von Werten eines raster-basierten Designs.

  

• Marketcircle: iPhoney
  Lässt Designer anschauen, wie Web-Seite auf iPhone (320 x 480px-Canvas) aussehen werden.
• Internet Explorer Developer Toolbar 1.0
  Microsoft veröffentliche die erste Version des IE Developer Toolbars zum Entwickeln und Analysieren von Web-Seiten in IE.
• Top 14 Free Web Statistics Tools
  14 kostenlose Analyse-Dienste im Schnelldurchlauf.
• .htaccess IP, Referrer, and Hotlink Banning Generator
  Mit dem Dienst können .htaccess-Dateien intuitiv angeben und generieren; etwa um Hotlinking zu vehindern oder gewisse Spambots zu bannen.
• Best Free Project/Time Management Tools
  Eine Übersicht von Werkzeugen zur Verwaltung von Projekten und Zeit-Management.
• WYMeditor - web-based XHTML editor
  Ein multifunktionaler JavaScript-basierter WYSIWIM-Editor (What You See Is What You
  Mean) für XHTML-Dokumente.

CSS-Techniken, (X)HTML, PHP

• The Standards Way to Do Dynamic Data
  Technik zur grafischen Aufbereitung von dynamischen Daten mittels XHTML, CSS und JavaScript - kein Flash ist notwendig.
• How to make sexy buttons with CSS
  Alex Griffioen beschreibt eine Möglichkeit, mit der Schaltflächen eleganter gestaltet werden können.

  

• CSS: Using Percentages in Background-Image
  Wie genau geht man mit Prozentwerten bei der background-position-Eigenschaft in CSS um? Alex Walker über das Wesentliche, was Sie beim Umgang mit der property wissen sollen.
• DOM JavaScript Cheat Sheet
  Listet DOM-Methoden auf, die in der Web-Entwicklung am häufigsten verwendet werden.
• Focus Clouds
  Focus Clods stellen eine Erweiterung von üblichen Tagwolken dar; anstatt permanent gleiche Inhalte entsprechend ihrem Gewicht anzuzeigen, greifen Focus Clouds auch weniger populäre Inhalte auf und präsentieren sie in einem "fokussierten" Tag Cloud.
• Creating bulletproof graphic link buttons with CSS
  Textlinks lassen sich als Schaltflächen darstellen, um etwa mit der Skalierung des Inhaltes mitskaliert zu werden. Mit CSS, versteht sich. Zugabe von David Hellsing, mit PNG und Hintergrundfarben.
• Rediscovering the Button Element
  Elegante Aufbereitung von Schaltflächen (button-Element) liefert sehenswerte Ergebnisse. Einfach und benutzerfreundlich.
• CSS Step Menu
  Eine Methode zur Gestaltung von so genannter Step-Menüs, bei denen Nutzer mehrere Schritte machen müssen, um zu einem Ziel zu gelangen.
• CSS hover effect
  Veerle Pieters beschreibt, wie ein hübsches und benutzerfreundliches Block-Hover-Effekt erzeugt wird.
• Creative Use of PNG Transparency in Web Design
  Transparente PNGs können mehr, als manch jemand vielleicht denkt. Einen interessanten Ansatz zum Auflegen eines PNG-Layers auf Hintergrundbilder beschreibt dieser Beitrag.
• Fancy Form Design Using CSS
  Eine weitere Technik zur Gestaltung eines benutzerfreundlichen, zugänglichen und funktionierenden Online-Formulars.
• Lightweight Image Gallery with Thumbnails
  Ein simpler, aber sehr kompakter und benutzerfreundlicher Ansatz zur Realisierung einer Galerie.

  

• Validation Hints for your form
  Ein JavaScript zur dynamischen Anzeige von Hinweisen in Online-Formularen.
• Styling disabled text inputs
  Auch deaktivierte Eingabefelder können mit CSS gestaltet werden.
• Create Resizable Images With CSS
  Eine Technik, um Bilder beim Skalieren von Textinhalten mitskalieren zu lassen.
• Scripts- Drop Down Tabs (5 styles)
  5 CSS-basierte Ausklappmenüs zum Herunterladen.
• CSS The Star Matrix Pre-loaded
  Dieses Tutorial beschreibt, wie man CSS-basiete Star Ratings entwirft und mit PHP/SQL programmiert.
• CSS Current Page Indicator
  Um die aktuelle Seite in einem Navigationsmenü anzuzeigen, muss man nicht unbedingt XHTML-Code verändern. Ein Trick mit body-Klassen tuts.
• Align List Items Horizontally with CSS
  Eine plattformübergreifende Methode zur horizontalen Ausrichtung von div-Blöcken mit CSS.
• CSS Sticky Footer
  Eine plattformübergreifende Technik zur Platzierung des Footers direkt am unteren Rande der Seite. Funktioniert ab IE5, Firefox, Safari und Opera.
• Styling the Button Element with Sliding Doors
  Eine weitere Methode zur Erzeugung von Schaltflächen mit CSS und der Sliding Doors-Technik.
• How-to create a "Table of Contents" Navigation
  Eine Technik zur Erzeugung eines Inhaltsverzeichnisses mit CSS.
• Unobtrusive connected select boxes - yet another solution approach - Wait till I come!
  DOM-Script-basierte Lösung für die Darstellung von logisch voneinander getrennten Auswahlmenüs [via Praegnanz.de]
• PHP Masthead Rotator
  Eine simple Technik, mit der der Header einer Web-Seite zufällig ausgewählt und präsentiert wird.

Ajax, Javascript

• Glossy JavaScript Library
  Fügt für beliebige Bilder visuelle Effekte wie Schatten, Spiegeleffekt und Abrundungen. Das Skript funktioniert in Mozilla Firefx 1.5+, Opera 9+, IE6+ und Safari. Graceful degradation sorgt dafür, dass die Nutzer von älteren Browsern nichts vom Effekt mitbekommen.
• Flash Tooltips Using jQuery
  Eine Methode zur Präsentation von Tooltips mit Flash und JavaScript.
• SlickSpeed Selectors Test
  führt Tests auf Selektoren für verschiedene JavaScript-Frameworks. Unter die Lupe werden Prototype, jQuery, MooTools, ext, cssQuery und Dojo Query genommen.

  

• Animated Collapsible DIV
  Ein gleitender Slide-Effekt für div-Containers mit JavaScript.
• Asynchronous upload - Like AJAX - 1 function
  Asynchrones Hochladen von Dateien mit JavaScript und DOM Scripting.
• lightWindow
  Eine weitere Methode zur Präsentation von Online-Galerien, so genannter Lightboxes. Nun lassen sich neben Bildern auch Video- und Flash-Dateien dynamisch anzeigen.

Web-Typografie

• Incremental leading
  Mark Boulton über zunehmende Zeilenhöhe, die verwendet werden kann, um auch Inhalte in kleinerer Schriftgröße in einem "baseline grid" präsentieren zu können.
• Web typography: bottom margins of paragraphs and lists
  Marko Dugonjic' berichtet darüber, wie ein leeres Layout für raster-basierte Designs vorbereitet werden kann.
• Baseline Stylesheets
  Der Beitrag bietet eine Default.css-Datei als Grundlage für saubere und elegante Web-Typografie an.

Referenzen, Tutorials, Tipps

• cssNeustart
  Zum 01. August stellen deutsche Websites ihr Design auf den Kopf. Modernes Webdesign und neue Layouts ersetzen die tägliche Tristesse im Netz.
• SEO Myths Exposed
  Matt Cutts, Software-Entwickler bei Google, beantwortet die Fragen seiner Leser bezüglich SEO und Google in einer Serie von Vidcasts.
• Wakoopa
  bietet ein soziales Netzwerk an, in dem Nutzer andere Anwender über ihre Lieblingssoftware wissen lassen können.
  Sämtliche Programme werde in Kategorien unterteilt, können bewertet werden. Dadurch lassen sich etwa die besten bzw. die populärsten Produkte schneller entdecken.

  

• Adobe Labs - Adobe Flex Builder 3 Public Beta
  Adobe veröffentlicht die Public Beta-Version des Flex-Builder zum Entwickeln von Flex-basierten Web-Applikationen. Unter Erneuerungen sind Unterstützung der Adobe Integrated Runtime (AIR) und verbesserte Datagrids.
• Movable Type 4 Beta
  Die populäre Weblog-Engine Movable Type erschien in der vierten Version. Unter Erneuerungen vor allem simple Installation, intutive User Interface, WYSIWIG-Editor sowie über 50 weitere Funktionen.
• WordPress 2.2
  Neben 200 Bugfixes ist es nun bei der neuen Version der populärsten Weblog-Engine möglich, schneller und flexibler mit Widgets umzugehen.
• Textpattern 4.0.5
  
  Textdrive präsentiert die neue Version seines CMS. Neben neuen Optionen sind auch neue Tags verfügbar und wurden zahlreiche Bugs gepatched.
  Außerdem: Texplates 07, ein Wettbewerb von Textpattern-Themes.
• Safari 3 Public Beta
  Apple veröffentlicht die dritte Version ihres Browsers, der nun auch in der Windows-Version verfügbar ist. Benutzer aus dem deutschsprachigen Raum mussten sich in Mai auf Patches von Apple einstellen; nun ist der Browser in ordentlicher Form verfügbar. Ein neuer Web Inspector für Safari (Win und Mac) steht auch zum Download bereit.
• Mobile Web Developer's Guide
  Dieses Handbuch bietet ausführliche Informationen über Webdesign für mobile Geräte sowie die Umsetzung von Web-Seiten in Mini-Format. Empfehlenswert zum Nachschlagen. Kurz nachgeschlagen: in USA benutzen 19% der Anwenden das Mobile Web, in Großbritannien - 17%.
• The Freelancer's Toolset: 100 Web Apps for Everything You Will Possibly Need
  100 Web-Applikationen, die ein Freiberufler jemals gebrauchen könnte.
• HTML elements index
  Jens Meiert listet sämtliche HTML-Elemente, die in HTML 3.2, HTML 4.01, XHTML 1.0, XHTML 1.1, HTML 5 ud XHTML 2.0 vorkommen, beschreibt ihre Bedeutung sowie Sprachen, in denen jeweilige Elemente unterstützt werden. Bookmarken zum Nachschlagen.
• Browser Bugs
  Eine ausführliche Übersicht von einschlägigen Browser Bugs in Mozilla, Opera, IE 6 und IE 7. Anscheinend gibt es in IE 7 mehr Bugs als in seinem Vorgänger. Weiterführende Informationen und Referenzen werden mitgeliefert.
• Ultimate HTML Color HEX Code List
  Sämtliche HTML-Farben in Hex-Codes.
  Wirklich nicht neu, aber neu erschienen.
• Wikkid Apps: Totally Legendary Web Application Reviews
  Web 2.0 Anwendungen gibt es mehr als genug. Eine Auswahl zu treffen ist demnach eine recht zeitaufwendige Angelegenheit. Wikkid Apps wählt die besten aus und stellt sie kurz vor.
• Super XS: Die Barrierefrei-Checkliste
  24 Checkpoints zum barrierefreien Webdesign, zusammengestellt von Heike Edinger und Timo Wirth.

Artikel und Beiträge

• When the designer/client relationship should begin
  Designer vs. Client: wie gestaltet man die Kommunikation am besten und welchen Regeln folgt man besten? Mehr in diesem Beitrag von Paul Boag.
• Stand and Deliver
  Potenziellen Auseinandersetzungen in der Kommunikation zwischen Designer und Kunde kann man vorbeugen. Dieser Beitrag zeigt, wie man die Präsentationen am besten gestaltet, um das Beste für beide Seiten aus der Situation rauszuholen.
• CSS2.2
  CSS 3 ist noch nicht in Sicht. Es gibt viele Spekulationen, etwas Konkretes lässt sich jedoch nicht erkennen. Was tun? Andy Budd schlägt vor, eine Vorstufenversion zu veröffentlichen - etwa CSS 2.2.
• Make your site mobile friendly
  Wie passt man Web-Seiten an, um Inhalte auch auf mobilen Geräten leserlich und benutzerfreundlich darzustellen. Eine Übersicht mit einem Beispiel in diesem Beitrag.
• Left Nav vs. Right Nav
  Linkseiteige Navigation ist effektiver als die rechtsseitige Navigation? Falsch. Aktuelle Studie zum Thema.
• Small Is Essential
  Schlichtheit ist der Schlüssel. Elegante und simple Anwendungen setzen sich zunehmend durch, etwa Backspace von 37signals. In diesem Beitrag berichtet Time über die Erfolgsgeschichte des kleinen Online-Unternehmens.
• 20 Tips for More Efficient Google Searches
  Google-Suche lässt sich mit wenigen Syntaxregeln schneller und effizienter gestalten. Dieser Beitrag gibt 20 Ratschläge, wie dies gemacht wird.
• Who Needs Headlines?
  Der Wert eines Beitrages wird insbesondere an seiner Überschrift gemessen. Der Beitrag beschreibt, wie optimale Überschriften gewählt werden und gibt "erfolgreiche" Schemata, die heutzutage gängig sind.
• On Staying Creative
  Wie wird oder bleibt man kreativ? Es gibt mehrere Möglichkeiten. D. Keith Robinson über Bekämpfung von Creativity Blocks.
• Frameworks for Designers
  Was ist ein Framework? Und wie setzt man es effektiv in der Web-Entwicklung? Ein Beitrag über Strukturierung, Einsatz von vorgefertigten Komponenten und Effizienz des Coding, die dadurch erzeugt werden kann.
• Unfolding the Fold
  Benutzer haben sich mittlerweile daran gewönht, Web-Seiten komplett zu scrollen. Um eine optimale User Experience anzubieten, empfiehlt es sich, Inhalte klar und deutlich zu strukturieren.
• Do You Make These Mistakes When You Write?
  7 typische Fehler, die einem beim Schreiben auf Englisch immer wieder unterlaufen. Lesen, lernen, ausdrucken, nie wieder machen.
• Pagination 101
  Der Beitrag stellt mehrere Darstellungsmöglichkeiten von Paginierung zur Schau, also Art und Weisen, wie man Nutzer zwischen mehreren Seiten eines Beitrages oder etwa einer Galerie navigieren lässt.
• Effective Project Management for Web Geeks [Work Smarter]
  Jedes Projekt braucht eine sorgfältig durchdachte Planung. Ein ausführlicher Beitrag über Project Management listet Grundlagen und wesentliche Prinzipien, denen man dabei folgen kann.
• 101 Essential Freelancing Resources
  101 Ressourcen, die ein Freiberufler immer in greifbarer Nähe haben sollte.
• Spiekermann gives us the business
  Ein Interview mit Erik Spiekermann, einem der bekanntesten deutschen typografischer Gestalter und Schriftentwerfer. Thema: wie geht man mit der Herausforderung, eine erfolgreiche Designagentur erfolgreich zu leiten?
• Making the most of links
  Ein ausführlicher Beitrag über die Gestaltung von Links mit CSS. Von Graig Grannell.
• 10 Lessons from My Speaking Coach
  Worauf man beim Vortragen insbesondere zu achten hat: 2-3 Minuten zum Aufwärmen, klare Struktur des Vortrages, "Door Points", Bilder zur Visualisierung von Ideen.
• How To Think Like A Client
  Entwickler und Kunden denken unterschiedlich. Um Diskrepanzen aus dem Wege zu gehen, muss man beide Seiten näher studieren. Ein Beitrag über "Clash of Cultures" von Paul Boag.
• Breaking Out of the Box [CSS Tutorials]
  Jina Bolton erläutert, wie raster-basierte Designs mit CSS und XHTML umgesetzt werden.
• 25 Ways To Improve Your Site Today
  25 Tipps, wie man eine Seite mit minimalem Zeitaufwand verbessern kann.
• Load time, the UX factor: Facts and measures
  Ladezeit ist ein wesentlicher Faktor, der beim Entwickeln von Web-Seiten nicht zu unterschätzen ist. Ein Beitrag darüber, wie man die Ladezeit misst und wie man ein Optimum findet.
• In Praise of Wordpress Template Tags
  Über Template-Tags in Wordpress und alles, was man damit erreichen kann.
• Font smoothing, anti-aliasing, and sub-pixel rendering
  Wodurch unterscheidet sich die Darstellung von Schriftarten in Windows und Mac OS X, und wieso werden Texte auf dem Mac besser dargestellt? Der Beitrag liefert Antworten.
• Web 2.0 in Germany: Copy/Paste Innovation or more?
  Web 2.0 in Deutschland. Wo ist die Innovation geblieben? Die meisten Web 2.0-Projekte sind Kopien von amerikanischen Originalen.

Farben, Farbpaletten, Texturen, Bilder

• Color Inspiration from the Masters of Painting
  Es gibt verschiedene Art und Weisen, wie man sich inspirieren kann. Color Lovers versuchts dies mittels der Kunst zu erreichen. Farbschemata und Paletten einiger der populärsten Gemälde der Welt im Schnelldurchlauf.

  

• PicFindr - Search the free-stock-photosphere
  PicFindr ist eine Suchmaschine für kostenlose, free-stock und stock-Bilder.

Design-Galleries, Showcases, Inspiration

• Web Design-isms: 7 Surefire Styles that Work
  Larissa Meek setzt sich mit modernen Trends des Webdesigns auseinander. Resultat: 7 typische Merkmale von modernen Web-Seiten, die immer funktionieren.
• Art of the Business Card
  Über 450 kreativen Visitenkarten. Zugabe.
• 34 Places to Get Design Inspiration - Online and Off
  Eine qualitative Auflistung von Ressourcen, auf denen man Kreativität schöpfen kann.
• Ubersuper
  Eine Übersicht von vermeintlich besonderes gelungenen oder merkwürdige Wordpress-basierten Weblogs.

Icons, Fonts, Wordpress Themes

• Vecteezy
  ist eine umfangreiche Sammlung von kostenlos verfügbaren Vektor-Grafiken. Die Sammlung wird regelmäßig aktualisiert.
• The Style Archive
  stellt Themes und Styles für Weblog-Engines wie Movable Type, TypePad und LiveJournal zusammen.
• Choice Spring
  Kostenlose Adobe Photoshop Brushes zum Herunterladen.

  

• Free Blank Wordpress Themes
  Leere mehrspaltige Wordpress-Themes kostenlos zum Herunterladen.
• Ultimate Web 2.0 Layer Styles
  Eine Sammlung von vielfältigen Web 2.0-Vorlagen für Adobe Photoshop. Wird kostenlos zum Download angeboten.
• Free Wordpress Themes
  Eine wachsende Sammlung von frei verfügbaren Wordpress-Themes.
• Iconset für Datenschutzerklärungen
  Mit Icons soll klargemacht werden, welche Daten wie geschützt sind.

  

Der letzte Klick

• Microsoft Surface
  Was in Minority Report eher als Zukunftsmusik aussah, wird nun mit Microsoft Surface möglich. Tastatur und Maus können schon in den nächsten Jahren Vergangenheit angehören und durch Tabletops ersetzt werden.
• iPhone User Interface Gallery
  Das iPhone ist da. Wie genau es aussieht und welche Optionen Anwendern zur Verfügung stehen, erfährt man beim Studieren dieser Galerie, die über 200 Bilder zusammenstellt. Ein iPhone-Guide für Web-Entwickler gibt es auch schon.
• Jaw-dropping Photosynth
  Tausende von Flickr-Shots. Notre Dame de Paris. Und ein wenig Kreativität. Ergebnis: Photosynth, ein multidimensionaler Raum mit Zoom- und Navigationsmöglichkeiten, die einen staunen lassen. Weitere TED Talks.
• The Secret of Apple Design
  Das Hauptprinzip hinter Apple Designs basiert nicht auf der Erweiterung der Funktionalität; vielmehr handelt es sich darum, dass Apple-Designer sich genau darum kümmern, unnötige und überflüssige Details wegzulassen. Dies sei der Schlüssel zum Erfolg von Apple-Produkten.
• How to Change the World: Art of Innovation
  Das Video des berühmten Vortrages "Art of Innovation" von Guy Kawasaki. Mit PowerPoint-Slides.

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)