Seit über einem Jahr warten wir mittlerweile auf das GDrive. Alle paar Monate bekommen wir einige Häppchen mit Hinweisen, Screenshots, Entdeckungen und sogar Bestätigungen serviert - aber wirklich passiert ist bis heute nichts. Laut Philipp Lenssen ist das Projekt GDrive bei Google mittlerweile auf Eis gelegt.

Das Thema Klickbetrug wird für Googles Werbe-Abteilung immer wichtiger und wird mittlerweile stark bekämpft. Laut eigenen Aussagen hat Google intelligente Systeme entwickelt die gefälschte Klicks ausfiltern können und diese sogar bei AdWords anzeigen. Um das Thema jetzt noch ein wenig transparenter zu machen, hat das AdWords-Team das Ad Traffic Quality Resource Center gestartet.

Schon seit längerer Zeit besitzt Google ein Niederlassung in Kirkland, in direkter Nähe zu Microsofts Campus in Redmond. Nicht nur technologisch, sondern auch physisch möchte Google seinem Konkurrenten jetzt noch näher auf die Pelle rücken und hat eine Option auf den Kauf eines weiteren Büro-Komplexes erworben.

Gekaufte Verlinkungen, welche die Platzierung in Googles Suchindex manipulieren, könnten den Suchmaschinenbetreiber zu einer Überarbeitung des eigens entwickelten Algorithmus zwingen.

Der Eintritt in den chinesischen Markt war nicht wirklich leicht für Google und hat bis heute nicht so recht funktionieren wollen. Um einen ähnlichen Marktanteil wie im Rest der Welt auch in China zu erreichen, plant man nun einige Übernahmen, Beteiligungen und Partnerschaften. In den nächsten 12 Monaten sollen 1-2 Firmen übernommen und in 5-6 Unternehmen investiert werden.

Vor einigen Tagen hatte ich darüber berichtet, dass Google bestimmte Keywords bei AdWords sperrt und diese nicht zur Verwendung in eigenen Anzeigen frei gibt. Das betrifft nicht nur den Inhalt der Anzeige, sondern auch die Keywords bei denen diese Anzeige erscheinen soll. Die Fluglinie American Airlines hat jetzt Klage gegen Google eingereicht, da sie ihre eigene Marke nicht genügend geschützt sieht.

Chuck Norris (-)
Müssen wir jetzt Angst haben...?

[Stefan2904]

Rechtschreibung ist eine Geisel der Menschheit, angesiedelt zwischen Korregieren und Kontrolieren. Ein ungeliebter Standart. Eine skurile Gradwanderung im Buchstaben Wirrwar unserer Lexikas.

Google Trends für Motorad, Fahrad und Suchmaschiene

Zwischen 5 und 10 Prozent der Google-Suchen nach Motorrad und Fahrrad Begriffen liegen ein wenig neben dem deutschen Rechtschreib-Standart

Bisher insgesamt eine langweilige Woche. Es gibt allerdings ein paar Dinge die ich mal ganz kurz erwähnen möchte:

Google Proxy Hack: Dan Thies hat diese Problem der breiten Öffentlichkeit vorgestellt. Wer deutsch bevorzugt, Sistrix hat sich dem Proxy-Problem auch noch recht ausführlich gewidmet. Betroffen sind wohl vor allem relativ statische Seiten auf denen sich nur gelegentlich etwas ändert. Blogs die täglich neues bringen sind wohl nicht betroffen. Fleissige Blogger müssen sich also wohl keine Sorgen machen …

Ad Traffic Quality Resource Center - Ein paar Infos zu Google´s Art gegen Klickbetrug vorzugehen. Mehr als ein paar Basisinformationen werden aber nicht geliefert. Sieht recht schnell zusammengeschustert aus. Vielleicht wollte man zumindest irgend etwas als Gegenstück zum Yahoo Traffic Quality Center präsentieren. Das ist bereits letzte Woche gestartet.

The software awards scam - Andy Brice hat aus einer simplen Textdatei eine exe-Datei gemacht und diese durch einen Submitter an hunderte Downloadverzeichnisse gemeldet. Viele Verzeichnisbetreiber haben ihn nicht aufgenommen, einige sogar eine böse E-Mail geschrieben. Es gab aber auch eine ganze Reihe an Verzeichnissen die seine “tolle” Software mit einem Award ausgezeichnet haben. Dies geschieht in der Hoffnung das er den Award von seiner Seite auf die des Verzeichnisse zurückverlinken möge. Interessante Idee …

The next Internet Millionaire - Nette Idee, wohl auch durchaus professionell umgesetzt. Ich konnte mich aber eigentlich noch nie für Reality TV-Formate begeistern, dass ist im Internet auch nicht anders …

Kleiner Ausblick: Am Montag startet die SES San Jose. Zu den Sessions wird es sicherlich wie immer ausführliche Informationen im Netz geben, außerdem wird WotR live von der SES berichten.

Soweit für heute. Mal schaun wann Skype endlich die Probleme gelöst hat. War heute immer mal wieder ein paar Minuten funktionstüchtig, aber hat derzeit immer noch Aussetzer …

Bisher hab ich Nachrichten von Google News entweder ganz oben über den eigentlichen Serps oder ganz unten gesehen. Nun werden die News Ergebnisse auch mitten in den Serps platziert.

Anscheinend herrschen hierzulande paradiesische Zustände, anders kann ich mir solch einen Kommentar nicht erklären:

… vor Einführung dieser schlaraffenlandähnlichen Zustände

Diskussionsthema war die von den fabelhaften Märchen-Onkeln Peter Hartz und Gerhard Schröder initiierte deutsche Arbeitslosenmarkt-Revolution, jenes Zauberkunststück sozialer Leidkultur, das alle Probleme gelöst hat und auf breiter Front nur Zustimmung findet.

Nach meinem Hartz IV Beitrag vor 3 Tagen habe ich mich etwas intensiver mit dem Thema auseinander gesetzt und bin erschrocken, welche krassen Unterschiede in den Argumentationen, Diskussionen und Kommentaren rund um die Themen ALG II und Hartz IV zutage treten. Für die einen sind Hartz IV Empfänger allesamt Sozial-Schmarotzer und Faulenzer, die wie die Maden im Speck leben - also wie im Schlaraffenland. Für die anderen ist es der gesellschaftliche Abstieg an den Rand des Existenzminimums (und teilweise noch darunter) und ein hoffnungsloser Kampf gegen die Windmühlen der Arbeitslosigkeit - also eine menschliche Tragödie.

Mein Vorschlag: All jene, die an das Märchen vom Hartz IV Schlaraffenland glauben, sollten für ein Jahr die Gelegenheit bekommen, dieses Land zu besuchen. Ein Jahr auf der faulen Haut liegen, die Hand aufhalten und dem Nichtstun fröhnen. Gibt es etwas schöneres? Ein Jahr lang arbeitslos in Deutschland. Ein Sommermärchen.

Vor einigen Wochen haben wir bei Smashing Magazine die Leser aufgerufen über 404-Seiten nachzudenken und selbst welche zu gestalten. Bei der Zusammenstellung der Einsendungen ist mir die Idee gekommen, dass man einige der unzähligen Online Generatoren prima nutzen kann, um solche Seiten originell aufzubereiten. Manche Motive ergeben durchaus Sinn und die Botschaften lassen sich ja abwandeln. Das geht rasch und erfordert keine Fähigkeiten im Umgang mit Grafikprogrammen. Dies ist was ich soweit gefunden habe - 11 von vielen möglichen Beispielen:

Custom Computer Keyboard

aus der gleichen Quelle

Das hier ist in freier Wildbahn ein Flash-Film mit pompösem Sound - auf Wunsch auch ohne Krach. Zahlen verarbeitet er leider nicht. Kann als Code-Snippet überall eingebunden werden.

Auch das ist ein geeigneter Flash-Generator, hier im Stil eines Notizzettels - es gibt diverse Motive. Selbstverständlich animiert.

Bernd das Brot als Münze vom Münz-Generator, der weitere Motive hat. Tolles, passendes Motiv, wenn’s denn zur Website passt. Und sofern man hier keine Urheberrechte verletzt.

Redkit hat gleich einen kräftigen Schwung verschiedener Generatoren. Den IPod zum Beispiel:

oder den Punk:

30 Fake-Fotos bei FunonIT

Ein Strichcode, der echt sein sollte

404 Seite mit Text aus dem Spam-Generator:

Ein Straßenschild…

Jede Menge weiterer Generatoren gibt es im Generator Blog.

Das Wort googeln ist mittlerweile in den allgemeinen Sprachgebrauch übergegangen und bezeichnet bekanntlich die Suche im Internet mit Google. So langsam scheint sich auch für Googles Videoplattform YouTube ein eigener Begriff durchzusetzen - das anschauen von Videos heißt in Zukunft "youtuben".

Nachdem Google in der Vergangenheit wegen mangelhafter Kommunikation in die Kritik geraten ist, hat der Suchgigant nun gehandelt.

In den letzten Tagen waren die Link schemes Guidelines von Google ja in einigen Blogs, Foren und auch bei WotR ein Thema. Das hat Google offenbar bewogen ein klein bisschen nachzubessern.

Alt:

Examples of link schemes can include:
Link exchange and reciprocal links schemes (”Link to me and I’ll link to you.”)

Neu:

Examples of link schemes can include:
Excessive reciprocal links or excessive link exchanging (”Link to me and I’ll link to you.”)

Im Webmasterworld-Forum zeigt man sich genauso verwirrt wie vorher. Frage ist, ab wann ist etwas exzessiv? Ich denke diese kleine Klarstellung ist schon gut. Was ist exzessiv: Extra Unterseiten für Linktausch oder 10, 20 oder auch gar 30 Links im Footer zum Linktausch sind sicherlich exzessiv.

Sun und Google haben nach vagen Ankündigungen einer Kooperation ihre Taktik im Kampf gegen die Vorherrschaft von Microsoft konkretisiert: Google bietet das Sun-Softwarepakte Star Office nun kostenlos an.

Im Gratulationsposting zum 60. Jahrestag der Unabhängigkeit hatte Google seinen indischen Usern eine Überraschung versprochen - und voila, hier ist sie: Mit den beiden neuen Tools Indic On-Screen Keyboard und Indic Transliteration können die Inder nun Wörter in Hindi übersetzen und danach im Web suchen.

Ein falscher oder fehlerhafter Eintrag in der robots.txt-Datei kann nicht nur ärgerlich sein, sondern unter Umständen auch die ganze Webpräsenz gefährden. Durch einen kleinen falschen Eintrag, kann man alle Suchmaschinen vom parsen ausschließen und schon sind die Besucherströme dahin. Um solchen Dinge vorzubeugen, hat Google den robots.txt-Parser der Webmaster Tools stark ausgebaut und verbessert.

Am 1. April 2004 hat Google mit der Einführung von GMail einen regelrechten Speicher-Wettbewerb unter den Freemailern ausgelöst. 1 GB war damals so astronomisch hoch, dass niemand daran glaubte dass Google diese Menge tatsächlich umsonst weggibt. Mittlerweile ist GMail bei 2,8 GB angekommen - aber die wichtigsten Konkurrenten stellen Google längst in den Schatten...

Sixt (4.210.000)
Trashig, aber eine lustige Idee - Verdammt ich hab nix :-D

Die Tage von Docs & Spreadsheets scheinen gezählt zu sein - die Tage bis zur Einführung von Google Presentations ebenfalls. Dass das Angebot nicht "Google Docs & Spreadsheets & Presentations" heißen wird hatten wir uns ja schon gedacht ;-) Seit heute wird der Service zumindest mit "Google Docs" tituliert. Sowohl der Presentations-Start als auch eine Integration in Star Office steht vor der Tür.

Die Sitelinks von Google sind häufiger Gegenstand unterhaltsamer Diskussionen in den gängigen SEO-Foren. So richtig weiß niemand etwas Fundiertes dazu – folglich schießen die abstrusesten Deutungen un...

Was letzte Woche ja schon auf Google.com zu sehen war scheint jetzt auch auf Google.de implementiert worden zu sein. Zumindest bei der site:Abfrage findet man nun unter der Startseite den Vermerk: - vor x Minuten gefunden Hier noch ein Screen dazu: Wie es aussieht, muss es sich aber um einen Blog handeln, bzw. ein RSS Feed vorhanden sein [...]

Hartz IV ist die missglückte Fusion der alten Arbeitslosenhilfe und Sozialhilfe zum so genannten Arbeitslosengeld II. Seit seiner Einführung im 1. Januar 2005 hat das sogenannte “Hartz-IV Gesetz” immer wieder unter starker Kritik gestanden, wirklich Positives gab es bis heute kaum zu vermelden. Um so erfreulicher, dass es mir jetzt gelungen ist dem Begriff Hartz IV doch noch etwas Positives abzugewinnen.

Hartz IV eignet sich hervorragend als Beispiel zum Aufräumen mit einem geläufigen Missverständnis rund um die Google Trend Statistiken. Vorneweg die Google Trend Charts zu den Begriffen Hartz IV, Hartz 4 und Hartz:

Was fällt an den Kurven auf? Erstens, die Nachfrage in den Suchmaschinen geht eindeutig zurück, eine erfreuliche Tendenz die Anlaß zu Hoffnung gibt und zweitens, wir sehen hier sehr schön, dass der Begriff Hartz bei Google Trends vom Volumen her deutlich größer gelistet wird als die Detail-Kombinationen Hartz IV und Hartz 4. Doch wo liegt nun der Witz?

Der Witz kommt ins Spiel, wenn wir einen Blick auf die Keywort-Statistiken von Overture und SumaTricks werfen:

Overture	SumaTricks
11111 hartz iv 1847 hartz 521 hartz iv rechner 393 hans hartz 324 hartz 4 rechner 182 hartz iv.de 161 hartz iv berechnung 135 hartz 4 gesetze 126 riester rente hartz 125 hartz 4.de	hartz iv 5775 hartz 4 3385 hartz 2640 hans hartz 295 hartz konzept 248 hartz 2 188 hartz ii 174 hartz-konzept 162 peter hartz 153 hartz vier 144

Beide Statistiken zeigen ganz klar, dass die Kombinationen “Hartz IV” und “Hartz 4″ häufiger in den Suchmaschinen gesucht werden als der Begriff “Hartz” alleine. Bei Overture muss man noch wissen, dass hier die Begriffe Hartz IV und Hartz 4 zusammengezogen wurden. Overture nutzt dieses Feature um Singular und Plural von Begriffen zusammenzufassen und zum verkuppeln sehr ähnlicher Begriffe.

Wenn aber die Kombinationen häufiger gesucht werden als das Einzelwort, warum zeigt Google Trends die Kurven anders herum an? Ganz einfach, Google Trends listet nicht die Suchvolumina für die exakte Suchphrase, sondern es werden alle Suchen einbezogen, die die Suchphrase enthalten. Sozusagen die Obermenge der Suchphrase.

Beispiel: Eine Google Trends Abfrage für “Pagerank” umfaßt auch alle anderen Kombinationen des Wortes wie “Pagerank Update”, “Pagerank kaufen” oder “mehr Pagerank”.

Q.E.D.

Update 15.08.07: Könnte passieren, dass es demnächst doch noch was Positives zu Hartz IV zu berichten gibt, der Bundes-Franz spielt mit dem Gedanken einer Erhöhung des Arbeitslosengeld II. Schaun mer mal.

Das Wochenende war ja recht unspannend. Dafür gibt es heute endlich wieder einige Kleinigkeiten zu erwähnen:

• Google testet neuen Cookie - Nur um das hier einmal kurz zu erwähnen. Mir gefällt das nicht (als Internetnutzer, als Werbetreibender könnte ich das vielleicht schon mögen). Hatte allerdings bisher auch noch keine Lust mir die Details anzuschauen und verweise daher hier auf heise.
• heise ist doof. Wer sich einmal den Link zu heise aus dem vorherigem Listenpunkt ansieht, dem wird das “/from/rss09″ auffallen. Das ist die Zielurl wenn man eine heise-Nachricht vom heise-RSS-Feed aus abruft. Dadurch hat man bei heise schon viel Duplicate Content für den Supplemental Index produziert - siehe hier. 42.900 Seiten. Das Problem ist dabei gar nicht der Duplicate Content, sondern diese 42.900 Seiten dürften zu einem großem Teil durch externe Links in den Google-Index gelangt sein. Dadurch, dass diese Links nicht alle auf den einzigartigen Artikel gehen wird einfach ein bisschen Potential verschenkt. In Form von Link und Linktext auf den Artikel. Das muss doch nicht sein …
• StarOffice ist jetzt auch im Google Pack enthalten. Normalerweise solle es wohl knapp 69,95 $ kosten. Im Google Pack ist es aber kostenlos. Schon vor einem Jahr als Google und Sun zusammen eine Technologiepartnerschaft geformt haben, wurde hierüber spekuliert. via Searchengineland.
• Problemlösung für Google Empfehlungen vom AdSenseAdvisor bei Webmasterworld. Wer es nutzt sollte sich das einmal durchlesen. Aber ganz ehrlich. Ich finde Google Empfehlungen ist derzeit ziemlich großer Käse … ich habe nicht den Eindruck das Google Affiliate Marketing wirklich verstanden hat.
• How search engines rate on privacy und In their own words: Search engines on privacy. Nicht das ich mir das selber durchgelesen hätte. Nur kurz ein Blick draufgeworfen. Einfach nur darauf hingewiesen, dass dieses Thema jetzt auch verstärkt in den Fokus der Öffentlichkeit gerät. Das sicherlich zu recht.
• Und noch ein Interview: Advanced Link Building - An Interview With Fantomaster
• Ergebnis der Pagerank-Umfrage:
  Soll Google die Pagerank-Anzeige deaktivieren? 51 mal Ja, 89 mal Nein. Lesen hier also doch einige Pagerank-Liebhaber mit. Noch eine persönliche Bitte an Google: Solltet ihr irgendwann die Pagerank-Abfrage abschalten. Gebt mir vorher bescheid. Muss mir dann ausreichend Popkorn besorgen. Wird im Abakus-Forum dann sicherlich ganz großes Kino geben …

Okay, ein paar nette, aber nicht wirklich super spannende Sachen. Ist ja auch Sommer …

Der monatliche Rundumschlag mit den besten Links, Artikeln und Themen für Seitenbetreiber und Designer. Seiten, die man nicht verpaßt haben sollte. Diese Nachlese 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. Die aktuelle Ausgabe auf Englisch. Die deutschsprachige Ausgabe des letzten Monats. Das Ganze ist - wie immer - ausufernd lang.

Tools, Web-Dienste

• Pingdom
  Pingdom ist neben Site24×7 ein weiterer Dienst, mit dem sich die Performance eines Servers beobachten lässt. Sollten Serverausfälle auftreten, die sich etwa durch Timeouts bemerkbar machen, so wird der Seitenbetreiber automatisch benachrichtigt. Außerdem verschickt Pingdom regelmäßige Statusberichte über die Leistung des Servers via E-Mail - sie können aber auch online in Echtzeit nachgeschlagen werden.
  
  
  
  
• ConceptShare
  ConceptShare bietet eine Plattform zur Kommunikation zwischen Designer, Mitarbeitern und Kunden. Designentwürfe können anschaulich diskutiert und kommentiert werden - und zwar online und in Echtzeit. Alternativ kann auch Jumpchart verwendet werden - der Dienst erzeugt zusätzlich standardkonforme Webseiten "on the fly".
• Dust-Me Selectors
  Diese Firefox-Erweiterung findet CSS-Selektoren, die im Markup nicht verwendet werden.
• YSlow for Firebug
  Ein Firefox-AddOn für die populäre Erweiterung Firebug analysiert Webseiten auf ihre Performance und gibt Ratschläge zur Optimierung von Ladezeiten.
  
  
  
  
• FoldSpy
  FoldSpy ist ein kostenloser Dienst, mit dem Sie etwa sicherstellen können, dass bestimmte Seiteninhalte allen Benutzern angezeigt werden. Der Dienst zeigt mittels eines Overlays, bei wie vielen Benutzern selektierte Bereiche erscheinen - in Abhängigkeit von eingestellter Bildschirmauflösung und der Browserfenstergröße.
• SWX Beta 1.3
  SWX stellt ein Format für Flash, mit dem Flash-basierte Applikationen schneller, leichter und effizienter entwickeln lassen. Zum Austausch und Speichern von Daten wird SWF verwendet, das Laden von Dateien geschieht über externe APIs (Flickr, Twitter und andere). Zusätzliche Werkzeuge sowie eine ActionScript-Bibliothek werden mitgeliefert.
• Blueprint: A CSS Framework
  Blueprint ist ein Framework für raster-basierte Webseiten. Das Gerüst liefert neben optimalen typografischen Vorgaben ein Drucklayout - optimal für Start in ein neues Projekt.
• Google AdWords Print Ads
  Google erweitert sich. Mit Google Print Ads wird es nun möglich, Werbeplatz nicht nur online, sondern auch in Zeitungen und Zeitschriften zu kaufen.
• Sparky - Alexa Firefox Plugin
  Sparky, eine kostenlose Firefox-Erweiterung, zeigt die Alexa-Popularität Seite in Form eines Graphen in der Statusleiste an. Siehe auch hier im Blog.
• Slackrpoint!
  Mit Slackrpoint können dynamische Web-Präsentation ganz intuitiv erstellt werden. Ein JavaScript erledigt die ganze Arbeit - es genügt, Inhalte zu illustrieren und zu annotieren.
• 20 Best Favicon Online Generators
  Eine Übersicht von 20 Diensten, mit denen Favicons automatisch generiert werden können.
  
  
  
  
• Mogulus
  Eine Plattform für Broadcasters, die eine Fernsehsendung im Web ausstrahlen möchten. Der Dienst bietet eine Sammlung von notwendigen Werkzeugen zum Broadcasting 24/7.

CSS-Techniken, (X)HTML, PHP

• Nifty Navigation Using CSS
  Rachel Andrew beschreibt mehrere Methoden zur Gestaltung der Navigation mittels CSS.
• The Positive Side of Negative Margins
  Negativer äußerer Abstand (margin) darf, kann und u. U. sollte eingesetzt werden, um die gewünschte Positionierung von Seitenelementen in CSS-Layouts sicherstellen zu können. Ein ausführlicher Beitrag über die Verwendung von negative margins.
• Progress / Percentage Bar with CSS + JavaScript
  Eine elegante Methode zur Präsentation von "Progress Bars" in modernen Web-Applikationen.
• Scrollovers - A New Way of Linking
  Mit Hover-Effekten ist jeder vertraut. Diese CSS+JavaScript-basierte Technnik erzeugt beim Drüberfahren eines Designelements mit der Maus einen Scrolleffekt - dieser ist nicht notwendig, aber gut zu wissen, wie es geht.
• Quick Start Your Design with XHTML Templates
  3 vorgefertigte Templates zur schnellen und effizienten Umsetzung von Layouts: ein CSS- und XHTML-Grundgerüst als optimale Basis für jedes neues Projekt.
• 101 Resources to Help You Build a Better Web Form
  Link-o-rama für alles, was nur ansatzweise etwas mit Online-Formularen zu tun hat. Darunter die besten Usability/Accessibility-Praktiken des modernen Designs von Formularen, Techniken, Skripten zur Bearbeitung von Angaben, Validierung und Verifikation von eingegebenen Daten sowie Generatoren von Online-Formalen und einschlägige Werkzeuge zu ihrer Erstellung online.
• CSS: Using Percentages in Background-Image
  Bei der background-position-Eigenschaft beziehen sich die Prozentangaben auf die Position der Grafik innerhalb eines Containers sowie auf die Grafik selbst. Der Beitrag erklärt alles, was Sie über das Attribut Background-Image wissen sollten.
• CSS List Boxes
  Mike Cherim beschreibt eine simple Technik zur horizontalen Ausrichtung einer ungeordneten Liste in Form von List Boxes.
  
  
  
  

CSS Tools und Dienste

• CSS CacheBuster
  Beim Klicken auf "Aktualisieren" erscheint die Seite genauso? Mit CacheBuster ist es nicht mehr notwendig, gecachte Stylesheets zu entfernen, um sie neu laden zu müssen. Ein Bookmarklet zum Mitnehmen.
• Moonfall: CSS with variables
  Eine elegante Methode, CSS-Selektoren mit Variablen zu versehen, die über ein CGI-Skript gesteuert und angegeben werden können.
• XRAY
  XRAY ist ein Bookmarklet für Safari, Firefox, Camino oder Mozilla, mit dem Sie die Breite eines Elements sowie seine innere und äußere Abstände direkt auf einer Seiten anzeigen lassen können.
  
  
  
  
• Automatically wrap text around freeform images using XHTML and CSS
  Mit diesem kleinen Skript ist es möglich, einen Text ein beliebiges Bild umfließen zu lassen - mit bloßem CSS.

Ajax, Javascript

• 15 Calendar & Time Script With Ajax and Javascript
  Eine Sammlung von 15 vorgefertigten Kalender-Skripten, die (meistens) mittels Ajax realisiert werden.
• Rich Text Editor
  Einer der ersten Texteditoren, die mit vielfältigen Funktionen zur Bearbeitung von Texten vertraut sind: Inhalte lassen sich beliebig ausrichten, Bilder beliebig einfügen und wichtige Inhalte markieren. Das Tool basiert auf der Yahoo UI Library.
• Protoload makes it easy to show the User what is going on.
  Mit Protoload können Sie Ihren Seitenbushcern direkt mitteilen, dass die Seite imHintergrund aktualisiert wird.

Web-Typografie

• How To Mix Fonts: Typeface Cheat Sheet
  Ein Spickzettel verrät, wie man welche Schriftarten miteinander kombiniert, um die optimale Lesbarkeit (leider nur im Print Design) sicherzustellen. Jegliche Kombinationen voni 22 klassischen Schriftarten treten gegen einander in einer Tabelle auf. Außerdem: Professionelle Schriftarten im Überblick [via InspirationBit].
  
  
  
  
• 8 Bits On Combining Typefaces
  8 Ratschläge zur Auswahl von passenden und "funktionierenden" Schriftarten. Klassik, aber schön zu wissen: um einen typografischen Kontrast zu erzeugen, genügt es häufig einen Serifenschnitt zusammen mit einer serifenlosen Schriftart einzusetzen.
• Syncotype Your Baselines
  Ein Bookmarklet zur horizontalen Ausrichtung von Texten in raster-basierten Designs.
• Thirteen Ways of Looking at a Typeface

Referenzen, Tutorials, Tipps

• The Open Source Web Design Toolbox
  Eine Sammlung von über 100 Referenzen zu CSS-Templates, Werkzeugen, Online-Diensten und Wordpress-Themen.
• iPhone for Web Developers - Optimizing Web Applications and Content for iPhone
  Offizielle Richtlinien zur Entwicklung von Applikationen und Webinhalten für iPhone. Hoffentlich wird sich dieser Trend nicht zur "Viewed only with iPhone"-Hype entwickeln. Außerdem: IUI Framework für iPhone-Anwendungen.
• New Elements in HTML 5
  Wann HTML 5 verabschiedet wird, ist unklar. Neue Elemente sind aber schon bekannt: darunter neue Stuktur- (aside, figure, section) und Inlineelemente (time, meter, progress) sowie neue Multimedia- (audio, video) und interaktive Elemente (details, datagrid, command).
• Testing CSS 3
  In CSS 3 kommen unter anderem 10 neue Eigenschaften vor, wie etwa border-radius, opacity, text-stroke, border-image oder text-shadow. Umfassend unterstützt werden sie bis dato bloß in Safari 3 - andere Browser sind damit bisher noch nicht vertraut. Ein Vergleich in Safari 2, Safari 3, iPhone, Mozilla 1.7, Opera 9 und IE 7.
• @media 2007 | Europe
  Anfang Juni 2007 fand die jährliche @media-Konferenz für professionelle Designer und Entwickler statt. Viele Präsentation sowie Podcasts von Talks von Molly E. Holzschlag, Jason Santa Maria, Dan Cederholm, Drew McLellan, Simon Collison und Jesse James Garrett stehen nun Interessenten zur Verfügung.
• TutorialFeed
  Die Seite verspricht alle Tutorials rund um das Thema "Webdesign" - von Photoshop über Dreamweaver hin zu CSS. Zu diesem Zweck werden Inhalte aus über 90 Feeds in die Seite automatisch eingebettet.
• High Scalability
  Ein neues Weblog, der sich unter anderem mit der Effizienz von großen Web-Projekten beschäftigt. "High Scalability" soll für die Fähigkeit von Seiten stehen, Inhalt auch trotz immenser Serverlast anbieten zu können.
• Design Float
  Design Float stellt einen Digg ähnelnden Aggregator vor, der Referenzen auf Beiträge und Quellen rund um das Thema "Design" sammelt, diese Nutzer bewerten lässt und die besten Beiträge auf der Startseite anzeigt.
• In Praise of Wordpress Template Tags, Part II: The Magazine Layout
  Eine detaillierte Einleitung in die Umsetzung eines Magazin-Layouts in Wordpress.
• The Learn List
  Eine wachsende Sammlung von Referenzen auf Tutorials zu Flash, Photoshop, Fireworks, Illustrator, Dreamweaver, Actionscript, PHP, CSS und XML.
• The dashed line in use
  In Grafikdesign gibt es mehr Ansatzmöglichkeiten für die gestrichelte Linie, als Sie vielleicht vermuten. Dieser Beitrag präsentiert die meisten davon.
  
  
  
  
• Three Universal methods of reducing complexity
  Komplexe Designs sind einfacher zu gestalten als ihre schlichten Kontrahenten. Wie reduziert man die Komplexität effektiv, um zu einem eleganten minimalistischen Ansatz zu gelangen? Der Schlüssel liegt in der Aufteilung von Inhalten (Partitioning), Erzeugung einer Hierarchie (Hierarchy) und sichtbarer Unabhängigkeit von verschiedenen Elementen (Independence).
• Infographics news: Life of a graphic
  Óscar Corvera beschreibt die Vorgehensweise bei der Erstellung von Infografiken für Print-Medien. Sein Beispiel wurde von Society for News Design mit dem Excellence Award ausgezeichnet.
• Galileo Design :: Dreamweaver 8
  Galileo Design veröffentlicht ein umfassendes Handbuch zu Adobe Dreamweaver 8 als HTML-Openook und als PDF. Beide sind kostenlos zu haben.
• Anti-Grain Geometry - Texts Rasterization Exposures
  Ein Versuch, die Textpräsentation auf dem Bildschirm zu verbessern, den Stand der Dinge zu beleuchten und die einschlägigen Techniken zu präsentieren.
• The Best 80 Photoshop Text Effects on the Web
  Referenzen zu 80 Tutorials zur Erzeugung von verschiedenen Text-Effekten mit Adobe Photoshop.
• The Web Designers Tool Kit
  Ein mächtiges Arsenal an Ressourcen für verschiedenste Aufgaben, die Designer in ihrer Arbeit zu bewältigen haben. Nichts neues, aber kompakt und anschaulich präsentiert.
• Cool Workspaces
  Wer sich bei der Arbeit bequem fühlt, arbeitet effizienter und effektiver. 40 elegante Arbeitsplätze von professionellen Designern im Schnelldurchlauf.
• Advanced use of Google Analytics and the new interface
  Dieser Beitrag beschreibt, wie das vor kurzem erneuerte Google Analytics effektiv genutzt werden kann und welche neue Möglichkeiten der Dienst anzubieten hat.

Artikel und Beiträge

• Frameworks for Designers
  Was ist ein Framework? Und was heißt der Begriff für Webdesigner? Im Allgemeinen sind daruner grundlegende Vorlagen zum Entwerfen von Designs zu verstehen (etwa Global Reset oder typische Basis-Klassen in CSS). Jeff Croft erklärt den Begriff und erläutert mögliche Ansätze zur Verwendung und Erstellung von Frameworks.
• Human-to-Human Design
  Eine erfolgreiche Kommunikation mit Seitenbesuchern erfordert eine visuell ansprechende Interaktion sowie eine intuitive Seitenführung. Seitenbesucher wollen respektiert, inspiriert und bezauberet werden. Grundlagen des Human-To-Human-Designs in diesem Beitrag von Sharon Lee.
• Reviving Anorexic Web Writing
  Im Herzen eines jeden Web-Auftritts liegen Inhalte: Amber Simmons motiviert Web-Autoren, Seiten mit hochwertigen und intelligenten Inhalten zu füllen anstatt zu simplen Methoden des Copy-Writing zu greifen.
• What a designer has to do when looking for a job
  Golede Regel für jeden Designer: ein schön aufbereitetes Portfolio mit eleganten Beispiel ist ein Muss für jeden Freiberufler. Ein kreatives und beeindruckendes Portfolio erhöht die Chancen, eingestellt zu werden. Tipps bei der Jobsuche von Veerle Pieters.
• Five things all clients want to know
  Russ Weakley über die häufigsten Fragen, die Kunden stellen und "richtige" Antworten, die ein Profi immer im Hinterkopf behalten sollte.
• What Is Your FIRST Rule Of Writing?
  Welchen Regeln sollte man beim Schreiben im Web und außerhalb des Web folgen? Zum Beispiel: "Google nie danach, worüber Du schreiben möchtest". Beiträge zum Thema.
• Are your icons working for you?
  Icons sollen als visuelle Hinweise auf den Inhalt der Seite dienen. Doch jedes Icon kommuniziert Inhalte. Ein Money-Icon neben einer Buy-Schaltfläche kommuniziert dem Anwender, dass er nun sein Geld verlieren wird. Der Beitrag erklärt, wie man es verhindert, falsche oder mehrdeutige Informationen zu vermitteln.
• 6 Keys to Understanding Modern CSS-based Layouts
  6 CSS-Konzepte, die ein jeder Web-Entwickler verstanden haben sollte - im Schnelldurchlauf: Box Model, Theorie über Floats, EMs, Bildersetzung, gefloatete Navigation und CSS Sprites. Mit Verweisen auf weiterführende Quellen.
• Corporate Web Standards
  Web Standards stellen in der Theorie etwas anders vor in der Praxis. Der neue Begiff hier lautet "Corporate Web Standards" - Leitprinzipien des modernen Designs, die einen Kompromiss zwischen schnellen Lösungen und validem Code erzwingen.
• Web redesign is bad strategy
  "Ein Re-Design sollte die letzte Option sein." Anstatt neuer Grafiken ist es sinnvoller, sich eine neue Strategie für den Web-Auftritt zu überlegen. Warum ein frisches Look Seiten eher schadet als hilft, verrät dieser Beitrag.
• Blasting the Myth of the Fold
  Nutzer sind bereit zu scrollen. Der Mythos, dass Seitenbesucher bloß den sichtbaren Bereich der Seite (fold) beachten, ist schlicht und einfach falsch. Ein Beitrag zum Thema.
• Security in your online applications
  Was ist bei der Programmierung von "sicheren" Online-Applikationen zu beachten und welche Schutzmaßnahmen können helfen, unerwünschte Eingriffe zu vermeiden? Die Antworten in kurzer Übersicht.
• Top 7 blog mistakes to avoid
  Immer wieder machen Blogger Fehler, die sich mit einem durchdachten Konzept effektiv vermeiden lassen. David Airey listet 7 Fehler auf, die einem Blogger häufig - bewusst oder unbewusst - unterlaufen. Darunter die Benutzung eines fremden Hosting-Anbieters, allzu komplexe Seiteninhalte sowie die Vernachlässigung der Bedeutung von Überschriften.
• 10 Essential Email Skills for Any Freelancer
  10 goldene Regeln, die ein Freiberufler in der E-Mail-Korrespondenz beachten sollte, um einerseits effektiv zu bleiben, andererseits professionell rüberkommen.
• Using Spreadsheets to Brainstorm Grid Layouts
  Haben Sie schon versucht, eine Seite in MS Excel zu entwerfen? Das geht. Ergebnisse wissen zu beeindrucken.
• Why do designers have such a hard time to keep it simple?
  Einfache Seiten zu gestalten ist meistens gar nicht so einfach. Ein paar wichtige Grundregeln des benutzerfreundlichen und intuitiven Designs in einer Übersicht.
• WordPress-Themes verstehen - Teil 1
  Mit diesem Beitrag startet Vladimir Simovic eine Artikel-Serie, in der er den Aufbau der WordPress-Themes beschreibt. Speziell in diesem Artikel wird auf die grundlegende Theorie eingegangen und vor allem Begriffe aus dem Bereich der WordPress-Themes erklärt.
• Design Better with CRAP
  Ein qualitativ gutes und funktionierendes Design basiert laut diesem Beitrag auf vier Prinzipien - Kontrast (Contrast), Redundanz von Seitenelementen (Repetition), Ausrichtung (Alignment), Kompakte und einheitliche Darstellung von zusammenhängenden Elementen (Nähe, Proximity).
• Understanding Pseudo-elements
  Wie geht man mit Pseudo-Elementen in CSS korrekt um? Welche davon funktionieren, welche bereiten die meisten Probleme? Ein kurzer Beitrag von Jonathan Snook dazu.
• Quiet structure
  Design Decomposed: Andy Rutledge nimmt das aktuelle Redesign von CNN.com genau unter die Lupe, beschreibt die Techniken, die dabei eingesetzt werden sowie weist auf vernünftige Entscheidungen der Designers, die beim Redesign getroffen worden sind.
• Justifying Design Decisions
  Intuitive Lösungsansätze erzwingen nicht notwendigerweise ein funktionierendes Design. Dieser Beitrag erläutert, wie Entscheidungen im Designprozess bewusst kalkuliert und getroffen werden, damit sie nicht subjektiv, sondern objektiv sind.
• Design Questions
  Andy Rutledge diskutiert Fragen, die zwecks effektiven Dialogs zwischen Kunden und Designern gestellt werden können und vielleicht auch sollten.
• How to Keep Momentum Going on Your Blog with a Points System
  Ein interessanter Ansatz, mit dem Blogger die Qualität ihrer Posts verbessern können und sicherstellen können, dass Lesern regelmäßig attraktive Inhalte angeboten werden.
• Six ways to write more comprehensible code
  Sechs simple Schritte zum effizienten und überschaubaren Code.

Farben, Farbpaletten, Texturen

• Some Summer Color Lovin’ Inspiration
  Über 40 bunte Farbpaletten für Seiten, die im Geiste des Sommersaisons entworfen werden.
• How to Make a Folder Icon
  Eine Schritt-für-Schritt-Anleitung zur Erstellung von visuell ansprechenden Ordner-Icons mit Adobe Photoshop.
• 130+ Green Color Palettes
  Über 130 Variationen der grünen Farbpalette im Schnelldurchlauf. Weitere Paletten findet man in Kommentaren.
• 140 Named Colors
  Browser unterstützen neben hexadezimaler und RGB-Darstellung von Farben auch die dazugehörigen Farbennamen. Dieser Beitrag nennt sie alle beim Namen.

Design-Galerien, Anregungen

• IdeaFixa art e-magazine - issue #7: colors - july 2007
  Die siebte Ausgabe des Art-Online-Magazins "IdeaFixa" ist dem Thema "Farbe und Farbtheorie" gewidmet. Das Magazin stellt kreative Werke - Grafiken, Illustrationen, Fotos rund um das Thema "Farbe" - von bekannten und unbekannten Künstlern zur Schau.
• Faveup
  Eine weitere Galerie inspirierender Designs. Die Seite stellt neben CSS-basierten Seiten auch Flash-Seiten, Visitenkarten und Logotypen vor. Eine frische und hochwertige Galerie mit weniger bekannten Exponaten.
• WebDesignerWall
  Ein neues Blog-Magazin über das Design und aktuelle Web Trends. Unter anderem werden besonders beeindruckende Designs in der Rubrik "Trends" präsentiert.
• 25 Cool Portfolios with Minimalism Design
  Eine Galerie von Portfolios, die im Geiste des minimalistischen Designs entworfen wurden.
• 30 Weblogs with Grid Based Design
  Eine Galerie von 30 eleganten raster-basierten CSS-Designs.
• Appreciating Sites Powered by Textpattern
  Eine Showcase von Seiten, die auf Textpattern aufgebaut sind.
• design|snips
  Die Site stellt die schönsten Arbeiten in verschiedenen Bereichen des Designs - etwa Werbung, Banner, Icons, Schaltflächen, Illustrationen, Hintergründe, Hover-Effekte u.a. - zusammen. Jedes Snippet kann bewertet werden.
• Top 50 Inspirational Websites for Designers
  50 inspirierende Design-Galerien im Schnelldurchlauf. Neben CSS kommt auch Flash, Logodesign, Grafikdesign, Illustrationen und Artwork vor.
• visualsoftheworld.com
  Wohl die längste Galerie mit inspirierenden Design, täglich erweitert von professionellen Designern und Amateuren ist im Moment 17,48 Meter hoch, die Ladezeit entsprechend lang. Es gibt noch viel Raum zum Experimentieren.
  
  
  
  
• visualsafe | webdesign inspiration
  Eine weitere Sammlung von Screenshots inspirierender Websites. Über 1000 Seiten, jeden Tag kommen 5 weitere hinzu. Von Andreas Reimer.
• Tons and Tons of Design Inspiration: Concert Posters
  Die kreative Treibkraft der Grafikdesigner entfaltet sich in kompakten Posters - zu Filmen, CDs und Events. Dabei kommt sowohl Typografie als auch das Visuelle entscheidend in den Vordergrund. Eine Sammlung von einschlägigen Gallerien findet man in diesem Beitrag.
• 10 Most Beautiful Social Networks
  Nicht jedes soziale Netzwerk muss wie MySpace aussehen. Es geht auch schöner.
• Artzmania
  Ein Online-Magazin präsentiert die schönsten Grafikarbeiten in einer .pdf-Ausgabe. Kostenlos und beeindruckend.

Icons, Fonts, Wordpress Themes

• Random Free Vectors - Part 6: Foliage | BittBox
  Bittbox erweitert seine Sammlung von kostenlosen Vektor-Grafiken mit einer Sammlung von floralen Motiven (Blumen und Blätter). Die Vorlagen wurde mithilfe von Adobe Illustrator erstellt und können in Formaten AI, EPS und SVG heruntergeladen werden.
• Iconfinder - Icon search engine
  Eine Suchmaschine für Icons, die unter Creative Commons, GPL oder LGPL-Lizenz veröffentlicht wurden.
• The Brushes - May 2006-2007
  Eine Sammlung von Pinseln für Adobe Photoshop.
• IconDrawer
  Die Seite bietet Hunderte von Icon Sets zum kostenlosen Download an.

Der letzte Klick

• 7 Astonishing Minutes to Get Inspired
  Künstler am Werke: ein Video des Adobe Illustrator-Profis Nico Di Mattia über die Erzeugung eines fotorealistischen Bildes des Radiohead-Sängers Thom Yorke "from scratch". Das Video ist 7 Minuten lang. Beeindruckend.
• Where Is Your Passion?
  Jeder verbindet mit Web etwas Persönliches. Dieser Beitrag stellt fünf Typen von Menschen, die Internet zu ihren Zwecken einsetzen. Wie leidenschafltich sind Sie übers Internet?
• Business Infographics: The Bloomberg Makeover
  Drei renommierte Design-Firmen: IDEO, thehappycorp und Ziba. Aufgabe: Re-Design des Bloomberg-Terminals, das auf der Börse immer stillschweigend eingesetzt wird. Ergebnis: drei ganz unterschiedliche Ansätze zur anschaulichen und benutzerfreundlichen Präsentation von Daten.
• PadStyle
  Modernes Möbel kann schick aussehen: Kreativität pur.
  
  
  
  
• 10 Things We Can Learn From Apple
  Der Erfolg von Apple basiert auf einer durchdachten Strategie und ihrer effektiver Umsetzung. Richard Ziade berichtet über 10 Aspekte des erfolgreichen Marketings und Designs, die man von Apple lernen könnte.
• Design Can Change
  Diese Aktion richtet sich an Designer, die ein Zeichen für mehr Umweltfreundlichkeit setzen wollen.
• Apple Form Factory Revolution
  Wie sich das Design von Apple-Produkten im Laufe von 30 Jahren entwickelt und verändert hat. Ein umfangreiches Bild in großer Auflösung. Von Apple I über Apple Powerbook hin zu Apple TV und iPhone.