Der monatliche Rundumschlag mit den besten Links, Tools, Artikeln und
Themen für Seitenbetreiber und Webdesigner. Seiten, die man nicht
verpaßt haben sollte. Dies ist die deutsprachige Ausgabe des Originals
von Smashing Magazine. Hier geht’s zur Ausgabe des letzten Monats.

Neuigkeiten, Referenzen und Tipps

• Google OpenSocial
  Google veröffentliche OpenSocial, einen Bündel von APIs, mit denen Entwickler ihre Applikationen für verschiedene soziale Netzwerke und externe Anwendungen programmieren können, ohne auf die einzelnen speziellen Eigenschaften von diesen Netzwerken eingehen zu müssen. MySpace, LinkedIn, Ning, Xing und andere Dienste sind schon dabei.

  

• CSS: Current Work
  Anscheinend hat das W3C noch viel zu tun. Von 45 geplanten Standards wurden nur 7 zu Release-Kandidaten gekrönt. Eine Übersicht von Drafts, die dem W3C im Moment vorliegen.

• Webkit supports @font-face
  Nach Opera-Entwicklern integrieret nun auch die WebKit-Umgebung das CSS @font-face-Attribut, mit dem sich beliebige OpenType-Schriftarten für die Darstellung von Texten benutzt werden können. Ein neues WebKit für Mac OS X steht bereits zur Verfügung. In Internet Explorer 7 ist mit @font-face die Integration von propriertären .eot-Schrifarten möglich. In Firefox 3 ist die Integration des Attributs noch nicht vorgesehen.

• Mozilla Prism
  Prism ermöglicht die Verlagerung von Web-Applikationen aus dem Browserfenster auf den Desktop. Genauer heißt es, dass Online-Dienste, die bisher im Browser geladen werden mussten, nun über eine Desktop-Verknüpfung aufgerufen werden und in einem eigenen Fenster auf Desktop laufen können. Alternative.

  
  

• A List Apart: Findings From the Web Design Survey
  In April 2007 kündigte A List Apart die erste globale Umfrage unter Web-Entwicklern an, in der Designer und Web-Entwickler um ihr Workflow, Präferenzen und Arbeitsumfeld befragt wurden. Über 33,000 Webworker haben teilgenommen. Die Ergebnisse sind nun in einem 82-Seitigen Dokument zusammengefasst und analysiert und können kostenlos heruntergeladen werden. Interessant: die meisten Befragten verdienen zwischen $20,000 und $60,000 pro Jahr. Daten schockieren.
• OAuth
  Ein offenes Protokoll, mit dem sichere API-Authentifizierung für Desktop- und Web-Applikationen möglich wird. Dadurch können Sie einer externen Seite einen eingeschränkten Zugriff auf die eigenen Daten ermöglichen, ohne der anderen Seite die eigene Identität preisgeben zu müssen.
• Extend Firefox 2
  Mozilla Labs ruft zur Teilnahme an der Erweiterung des Firefox 2 mit nützlichen und innovativen Add-Ons auf. Einsendeschluß: 31. Dezember 2007.
• Pimp My Safari
  Nicht nur Firefox-Anwender können sich mit ihrem Browser allerlei Dinge anstellen. Das Projekt sammelt Plug-Ins, Bookmarklets und Skripte für Safari-Nutzer. Insbesondere Web-Entwickler können hilfreiche Tools entdecken.

  

• KrautCosmos
  Ein RSS-Bundle von Beiträgen aus den wichtigsten Blogs der Webkrauts, der Initiative, die sich dafür einsetzt, die Vorteile der Webstandards im deutschsprachigen Raum stärker zur Geltung zu bringen.
• Ebay Desktop
  Ebay präsentierte die Beta-Version der Applikation, die auf Adobe AIR basiert und Funktionalität der eBay-Plattform auf den Desktop liefert. Verfügbar für Windows 2000, XP, Vista sowie Mac OS X.

Tutorials

• WordPress Theme Hacks
  Der Beitrag spricht typische Probleme und Workarounds an, die beim Coden von Wordpress-Themen auftauchen und meistens ohne zusätzliche Plugins auskommen. Darunter dynamisches Menü-Highlighting, Umgang mit Custom Fields und andere.
• Comprehensive Guide on How to reduce the memory usage in Firefox
  Diese ausführliche Anleitung stellt Methoden vor, mit denen man den Speicherverbrauch von Firefox minimieren und in vernünftigen Schranken halten kann. [via FortySomething]
• PSDTuts - Just Great Photoshop Tutorials: October Issue
  Eine Übersicht von "frischen" Adobe Photoshop-Tutorials, die in Oktober veröffentlicht wurden. Darunter Creating A Leopard X and Creating a Lens Flare with the Wordpress logo.
• Elements of Great Web Design: The Polish
  Kleine Feinheiten können das Gesamtbild entscheidend beeinflussen. Ein Kurzbeitrag, der genau den Umgang mit Feinheiten in Mittelpunkt stellt und ein fertiges Photoshop-Layout zum kostenlosen Download anbietet.
• Website Design Tutorial
  Dieses umfangreiche Tutorial erläutert den Designprozess von Anfang bis zum Ende.
• Getting Started with Photoshop [Software Tutorials]
  Adobe Photoshop: How-To. Eine umfangreiche Einführung in die Grundlagen.
• jQuery Crash Course
  Eine kurze Einführung in jQuery: wesentliche Grundlagen, anschauliche Beispiele, deutliche Erläuterungen.

Tools, Web-Dienste

• Instantbird
  Instantbird ist ein universeller Instant Messaging Client. Er bündelt AIM, ICQ, MSN, Google Talk, Yahoo! und andere Netzwerke unter einem Dach und Fach und gewährleistet somit die Kommunikation mit Nutzern verschiedenr Netzwerke einem einzelnen Dienst ermöglichen soll. Verfügbar für Win, Mac OS X und Linux.

  

• AskWiki
  Semantisches Web kommt. AskWiki liefert auf konkrete Fragen keine Auflistung von relevanten Beiträgen, sondern präzise Antworten aus der Enzykopädie. Auf die Anfrage: "Who is the current president of Iceland?" wird etwa der Name des Präsidenten ausgegeben. Die "semantische" Suche geschieht durch Anfragen auf semantisch ausgezeichneten XML-Beständen.
• Simunication
  Simunication bietet eine Plattform zur Vorstellung, Austausch und gezieltem Aufbau von Prototypen auf der Grundlage von vorliegenden Use Cases und Anforderungen (requirements).
• ViewAt.org
  Eine Plattform zur Vorstellung und zum Austausch von Bildern in Panorama-Format. Mit dem Dienst können Sie durch solche Bilder in 3D navigieren.

  

• Flickr Related Tag Browser
  Blättern durch die Flickr-Pools. Zu einem vorgegebenen Tag wird ein Tagbaum erzeugt; in der Mitte wird dem Benutzer eine kompakte Auswahl von Bildern geboten, wobei Originalbilder beim Anklicken geladen werden.
• TiltViewer
  3D-Navigation auf Flickr.
• Filespots
  Online File Management ist in Web 2.0 keine große Angelegenheit. Doch was die Applikation anders macht ist die Tatsache, dass sie Windows Vista-Anwendungen bis in die kleinsten Details ähnelt. Vista-Benutzer werden Probleme haben, Filespots von "üblichen" Desktop-Anwendungen zu unterscheiden: bloß Kontextmenü und Drag'n'Drop von Objekten aus dem Desktop zum Browser fehlen. Web-Anwendungen werden robuster. Die Applikation basiert auf der Ex JS 2.0-Bibliothek.
• PPCalc - PayPal Fee Calculator
  Dieser Dienst berechnet Abgaben, die man an PayPal bei einer Geldüberweisung zahlen muss.

CSS-Techniken, (X)HTML, PHP

• Advanced CSS Menu
  Dieses Tutorial zeigt, wie man ein "fortgeschrittenes" CSS-basiertes Navigationsmenü aus dem Adobe Photoshop Sketch in standardkonforme CSS-Code und XHTML-Markup umsetzt.
• 13 Awesome Javascript CSS Menus
  13 JavaScript+CSS-basierte Navigationsmenüs im Schnelldurchlauf. Darunter Slashdot Menu und Sexy Sliding Menu.
• CSS Navigation : Pill Navigation
  Eine Familie von CSS-basierten Navigationsmenüs in Vista-Look.
• CSS Design Patterns
  Beispiele aus dem Buch "Pro CSS and HTML Design Patterns" von Michael Bowers.
• Using multiple classes within selectors
  Der Beitrag erklärt, wie man man mehrere Klassen gleichzeitig benutzt und welche Vorteile daraus entstehen können. Inklusive vieler Beispiele.
• What Beautiful HTML Code Looks Like
  Die guten Praktiken des modernen Webdesigns zusammengefasst in einem Cheat Sheet.
• Print.css and your website's logo
  Mit einem kleinen Trick lässt sich beispielsweise das Logo einer Web-Seite ganz bequem in die Druckversion einfügen.
• Making a PayPal Form
  Collis Ta'eed zeigt, wie man ein PayPal-Formular entwirft.
• Blueprint CSS 101
  Was Sie über Blueprint CSS wissen sollen (inkl. Tipps und Tricks), falls sie das CSS Framework doch benutzen wollen. Außerdem: BluePrint CSS Cheat Sheet zum Nachschlagen.

CSS Tools und Dienste

• MRI Bookmarklet
  Mit diesem Bookmarklet können Sie genau untersuchen, wie und wo ein Selektor benutzt wird bzw. welche Seitenelemente durch eine CSS-Angabe "angesprochen" werden. Elemente, die zu einem Selektor passen, werden grafisch hervorgehoben.
• CSS Variablen
  Während Web-Entwickler geduldig auf die neuen Möglichkeiten von CSS 3 warten arbeiten clevere Entwickler fleißig an Workarounds, die zum Beispiel Variablen in CSS simulieren sollen. Dynamic CSS für Ruby On Rails stellten wir vor einem Monat vor. Nun gibt es auch Lösungen für Python, PHP und noch einmal Ruby On Rails.
• Page Scanner Tool
  Dieser Dienst zählt die Anzahl von geöffneten und geschlossenen Tags auf einer Seite und hilft, unsauberen Code zu vermeiden.

  

• CSS Sandbox
  Das Tool erklärt CSS-Eigenschaften und zeigt sie direkt an

Ajax, Javascript

• JavaScript Calendar Component
  Eine simple und erweiterbare Bibliothek zur Auswahl eines Datums mit Hilfe eines Kalenders.

Web-Typografie

• Nice Web Type
  Eine Galerie der eleganten Web-Typografie sowie Referenzen und Neuigkeiten zum Thema. Dazugehöriges Flickr Pool stellt die schönsten Exponate kompakt zur Schau.
• Font survey results for Windows, Mac and Unix
  Welche Schriftarten kann man im Web verwenden, ohne sich Gedanken über ihre Interpretation in verschiedensten Browsern machen zu müssen? Eine regelmäßig aktualisierte Umfrage liefert Antworten. Georgia ist etwa nur auf 88.6% von allen PCs vorhanden.
• Fawnt
  Der Autor des Projekts sammelt Links zu hochwertigen, kostenlosen Schriftarten.

Artikel und Beiträge

• How will OpenID change your site?
  Mussten Sie Ihre Benutzerdaten für Dutzende von Web-Diensten bisher fleißig sammeln oder merken, so erhalten Sie mit OpenID, einem URL-basierten Authentifizierunssystem, einen Online-Pass, mit dem Sie sich von Seite zur Seite ohne permanentes Einloggen wandern können. Der Beitrag erläutert, welche Vorteile OpenID für Ihre Web-Seite bringen kann. Zugabe: OpenID Blog Germany.
• Content AND Presentation
  Laut Mark Boulton sollte es in Web 2.0 Design nicht um das Grafikdesign, sondern um Inhalte, genauer Typografie und die Präsentation von Inhalten, gehen. Ein Beitrag, der die Wichtigkeit der Sprache und Inhalten in Vordergrund stellt.
• What is the best way to get customers who signup to actually use a product?
  Wie bringt man neue Kunden dazu, einen Dienst bzw. ein Produkt zu nutzen? Ein Beispiel aus der Praxis von 37Signals.
• Making the most of a design engagement
  Was macht einen guten Kunden aus? Wie bereitet man sich effektiv auf ein Treffen mit Designers vor? Wie sorgt man dafür, dass Missverständnissen und zukünftigen Problemen rechtzeitig - noch bei der Analyse von Anforderungen - vorzubeugen wird? Dieser Beitrag von AdaptivePath liefert Antworten auf einige dieser Fragen.
• It's not them, it's us (sometimes)
  Effektiver Umgang mit Kunden benötigt einen sorgfältig durchdachten Plan. Dieser Beitrag liefert sinnvolle Ansätze, mit denen Sie die Kommunikation verbessern können.
• How to disarm 10 difficult client observations/requests
  Kunden wünschen sich ein perfektes Endprodukt, doch ihre Anmerkungen und Wünsche müssen nicht produktiv sein. 10 häufige kontraproduktive Anregungen und Ansätze, mit denen sich diese effektiv kontern lassen. Zugabe.
• Nine Steps to a Successful Online Community
  Eine Übersicht von Regeln und Leitprinizipien, die im Zeitalter des Social Media besonders wichtig werden, wenn es um Aufbau einer Online-Community geht.
• Pragmatic reporting for your web apps
  Um das Wachstum einer Seite zu beobachten und ggf. entsprechend zu lenken, sind statistische Daten notwendig. Dieser Beitrag listet das Wesentliche, was Sie nach dem Start genau unter die Lupe nehmen sollten um die Entwicklung der Seite genau zu studieren.
• Why Blog Post Frequency Does Not Matter Anymore
  Um erfolgreicher Blogger zu sein, muss man nicht notwendigerweise jeden Tag bloggen. Dieser Beiträge erläutert das Thema.
• How to Continually Sharpen Your Skills
  Um gut zu bleiben oder besser zu werden, muss man immer am Ball bleiben. Wie SIe dies am besten sicherstellen, finden Sie in diesem Beitrag.
• User Experience 101: How to create a great online experience
  User Experience unter der Lupe: Grundlagen, Prinzipien und Ratschläge für die Praxis.
• Web Site Optimization: 13 Simple Steps [Apache & IIS Configuration]
  Der Beitrag setzt sich mit der Optimisierung des Quellcodes auseinander und stellt Techniken vor, mit denen sich die Effizient von Seiten und Web-Applikationen steigern lässt.
• How Feedburner Adds Up Subscriber Numbers
  Vanessa Fox erklärt, weshalb Feedburner-Zahlen, die für die Anzahl von Feed-Abonnenten stehen, manchmal stark schwanken und wie diese Zahl eigentlich kalkuliert wird.
• Does Telling Someone to "Click Here" Actually Matter?
  Wer hätte es gedacht: Verweise mit dem Text "click here" sind effektiv und können die Anzahl von PageViews um Einiges erhöhen. Experten und W3C halten dagegen: "click here" trägt keine inhaltsbezogene Bedeutung und sollte deshalb vermieden werden.

Design-Galerien, Showcases, Inspiration

• 35 website footer designs, trends and styles
  Ein Überblick von 35 beeindruckenden Footers. Auch wir haben einige Exemplare gesammelt.
• Blog Bumper Stickers
  Ein neuer Trend in Sicht? Diese Galerie präsentiert die so genannten "bumper stickers" - Bilder für das Sidebar, die als eine Art Statements oder Botschaften gelten. Neue Einträge werden begrüßt.

  

• CSSArtillery und One Star Gallery
  Weitere CSS-Galerien, die schöne Designs fleißig sammeln, in Rubriken kategorisieren und Nutzer bewerten lassen.
• Design Deadline
  CSS Reboot ist tot. Es lebe DesignDeadline. Gleiche Idee, andere Bedingungen. Das "Reboot" soll nun jeden ersten Dienstag des Monats geschehen. Wie viele Designer daran teilnehmen werden, ist fraglich.

Icons, Fonts, Wordpress Themes

• User Interface Icons
  Kostenlose GUI-Icons stehen zum Download bereit. 4 Größen, 560 Dateien.
• The Best WordPress Magazine Themes Available
  Eine Übesicht von Wordpress-Themes mit dem Magazin-Look. Darunter unter anderem The Morning After und Grid Focus.
• The Perfect Fluid Width Layout
  Ein "perfektes" flüssiges Zweispalter-Layout steht zum kostenlosen Download bereit.
• PixelResort Icon Set
  Ein Icon-Set mit 150 32x32 Icons, die verschieden GUI-Elemente darstellen sollen.

Der letzte Klick

• Multi-Touch Interaction Research
  MultiTouch ist eine Technologie, mit der Mensch-Computer-Interaktion eine neue Dimension gewinnt. Teilweise implementiert in Microsoft Surface, öffnet diese Technologie eine beeindruckende Vision für den zukünftigen Umgang mit PC-Anwendungen in unserem täglichen Leben.

  

• Entoptic Phenomena - Photoset on Flickr
  OK, das ist merkwürdig. Bedecke Dutzende von Bekannten mit einem Tuch, bitte jeden/jede darum, in die Luft zu springen und mache dabei Photos. In der Digitalfotografie und Medizin bezeichnet man den Effekt, der dabei entsteht, als Entoptic Phenomenon. [via Paul Boag]
• 25 Photographs Taken at the Exact Right Time
  25 Bilder, die zum richtigen Zeitpunkt gemacht wurden.

  

• Information R/evolution
  Was geschieht mit Daten und Informationen, die wir täglich erstellen, speichern, ablegen und mit anderen Nutzern teilen? Clay Shirky liefert die Fortsetzung des Videos Web 2.0 ... The Machine is Us/ing Us.

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)