WebdesignloversWebdesign | Webdesignlovers

Web Design Inspiration

Webdesignlovers — Fri, 18 Nov 2011 06:34:40 +0000

Auf der Suche nach einem Snack Inspiration sind wir auf vieles interessantes, kreatives, innovatives und anspruchsvolles gestossen. Einfach Web-Snacks die wir gerne mit euch teilen wollen. Viel Spass und bon appétit!

Public Class

Jessica Caldwell

Deux Huit Huit

Burton

redirect

La Wine

La Moulade

Hermetik

Christopher Clark

Games we played

360 Grad Langstrasse

Kenneth Cachia

Hanging up the moon

Paul Smith Jeans

Vlog

Kantt

The art of reuse

Lola New York

Shaw and Shaw

Kommi Graphics

Reverse Büro

Loyel’s Toy

Herokidstudio

Une sélection de beaux sites

Webdesignlovers — Mon, 04 Jul 2011 08:13:33 +0000

Hungrig nach Inspiration haben wir uns auf die Suche nach frischem Design und kreativen Ideen gemacht. Gefunden haben wir einzigartige Seiten welche oftmals ihre Wirkung beim Entdecken der Seite entfalten. Besonders die tollen JavaScript Umsetzungen flashen uns!

Enjoy!

BokicaBo

Emile-Victor Portenart

Studio Sweet Studio

Junges Blut

Mark Dearman

Twoto

Nizo

Deda

Absolute

Two Fish Illustration

F360

árbol

ala

Muziekpark

Ray’s Lab

Jon Montenegro

Nora Rose Travis

Sellected

Yuna

Always with Honor

The Kennedys

Go Live!

Creature Tales

Matthew Mcclatchie

Mobile Webdesign Awesomeness

Webdesignlovers — Thu, 24 Feb 2011 06:35:19 +0000

Im Jahr 2010 wählten sich rund 16% der Internetnutzer über das Handy ein. Nach Angaben des Statistischen Bundesamtes hat die mobile Internetnutzung damit im Vergleich zum Vorjahr um 78% zugenommen: 2009 lag der Anteil der Internetnutzer per Handy noch bei 9%. Der Nutzen ist stark altersabhängig. Den höchsten Anteil an Internetnutzern hatten im Jahr 2010 die 16- bis 24-Jährigen mit 98%. Insgesamt nutzten drei Viertel (75%) aller Personen ab zehn Jahren das Internet (2009: 73%).

Websites die für mobile Geräte konzipiert sind, werden somit immer wichtiger. Zurzeit investieren viele Marken in Apps, jedoch wird dies bei steigender Anzahl von Betriebssystemen und Gerätehersteller immer aufwendiger und teuerer alle Geräte abzudecken. Deshalb denken wir, dass die Zukunft mobilen Websites gehört welche für dessen Gebrauch konzipiert sind. Die Aufwände für die Entwicklung und Maintenance können stark reduziert werden. Zudem sind die Möglichkeiten welche HTML5, CSS3 und JavaScript bieten enorm (Offline Modus, Embedded Content, Video, etc. ). Bei der Recherche zu diesem Artikel ist uns aufgefallen, dass die mobilen Websites noch sehr rar gesät sind. Doch wir sind optimistisch dass sich dies in den nächsten Jahren ändern wird.

Um die Websites in diesem Artikel anzuschauen, lohnt es sich diesen Artikel über unsere Mobile Website aufzurufen oder allenfalls einen Mobile Phone Emulator zu verwenden, da die meisten mobilen Websites das Betriebssystem erkennen und den Benutzer auf die entsprechende Seite umleiten. Nachfolgend findet ihr eine Auswahl von mobilen Websites die uns ziemlich beeindruckt haben.

Eine Website kann übrigens ganz einfach als Icon dem Bildschirm hinzugefügt werden. Einfach im iPhone Safari Browser auf das Plus-Zeichen tappen und “Zum Home-Bildschirm” anwählen. Name geben und hinzufügen. Am besten gleich ausprobieren.

Was ist eure Meinung zu der Zukunft des mobilen Webs? Wer macht das Rennen, die Apps oder Mobile Websites? Sagt es uns im Kommentar.

Toi Soldier

Diesel

Sevnthsin

Threadless

Jet Films

Please fix the iPhone

Eroi

Tumblr

Mail Chimp

M1K3

Victoria Secret

DPTO

Auxiliary Design

Zootool

MOS Creative

Yiibu

Vimeo

Analogue

Hugetype

Best of Swiss Webdesign

Webdesignlovers — Thu, 17 Feb 2011 06:41:55 +0000

Schokolade, Matterhorn, Uhren, Taschenmesser, schweizer Garde im Vatikan, Pünktlichkeit ja und schließlich Kurt Felix und Paola, dass alles verbindet man mit der Schweiz. Auch Design-Highlights und -Grössen kann die Schweiz bieten. Vor allem die Schweizer Typografie um 1955 mit bekannten Namen wie Max Bill, Adrian Frutiger, Karl Gerstner, Hans Eduard Meier und Max Miedinger klingen in den Ohren. Doch wie sieht es mit dem Webdesign in der Schweiz aus? Die Schweizer Typografie mit ihrer sachlichen Darstellung, Groteskschriften und extremen Weissräumen haben den Weg ins Schweizer Webdesign gefunden, aber wie? Unsere Neugier war geweckt und so haben wir uns auf die Suche nach der schönsten Webdesigns der Schweiz gemacht – und sie gefunden.

Die Suche nach den schönsten Webdesigns der Schweiz gestaltete sich als schwierige Aufgabe. Nur wenige Websites fanden den Weg in Showcases und Blog-Artikel. Deshalb haben wir viele Schweizer Webagenturen und Webdesigner direkt angefragt und sie gebeten uns ihre Perlen der Schweizer Web-Landschaft mitzuteilen. Herausgekommen ist eine bunte Mischung von Corporate Sites, trendige Agentur- und kreative Portfolio-Websites. Wir sind absolut stolz in diesem kleinen aber kreativen Land das digitale Bild mitzugestalten.

Welche Schweizer Websites gehören zu deinen Favoriten? Teile es uns im Kommentar mit.

Agenturen

Station

Spoiled Milk

Amazee Labs

Reinhold

Department

Smiroka

Notch Interactive

Zurich Tokio

Contexta

Hinderling Volkart

Fugu

Kikk Studio

Chragokyberneticks

Designer’s Club

Ginetta

Pixelfarm

Grand Studio

Source

Büro 4×4

Never Crew

Malik Arts

Nemuk

Menagea 3

Hochspannung

ibl und partner

Büro Destruct

Business

Lost in Val Sinestra

Umsetzung Contexta / Hinderling Volkart

Plaza

Umsetzung bei Designer’s Club

Rock Resort

Umsetzung bei Assai Dialog + Digital AG

Heineken

Umsetzung bei Station

Jeremy Gleave

Umsetzung bei Astina / Hinderling Volkart

Riders Palace

Vivi Kola

Umsetzung bei Hinderling Volkart

Skill Bill

Rocking Chair

Alte Börse

Bligg

Umsetzung bei Station

Zimtstern

Umsetzung bei Square und Unic

Helveticons

Zeitraumaargau

Umsetzung bei Hinderling Volkart

Tri-Hub

Umsetzung bei Nemuk

Eleven

Umsetzung bei Fortyone

Zai for Bentley

Umsetzung bei Rod Kommunikation AG

Flockstreet

Umsetzung bei Ginetta

Exil

Ste Haltiner

Umsetzung bei 099

Dini Mueter

Yello

Umsetzung bei Hinderling Volkart

Rohstofflager

Kiff

Umsetzung bei MySign

Club Bonsoir

Openair St. Gallen

Personal

Loïc Dupasquier

Facundo Almeyra

Jürg Lindenberger

Masha Sedykh

Alberto Russo

Gianni Maranzano

Marc Bally

Jonas Kamber

Ruben Feurer

Achilles Greminger

Patric Sandri

Florian Brunner

Lopetz Gianfreda

Miurama

Anne-Charlotte Boizel

Valentin Monteleone

Eliott Ilano

Stefan Künzler

Severin Fischer

Gaël

Filippo Nugara

Rodja Galli

Yves Bachmann

Simone Joerg

Simon Balua

Melanie Blaser

Julian Jamardo

Guillaume Chabot

Thierry Blancpain

Max Henschel

Daniel Bär

Pablo Wünsch Blanco

Niko Kitsakis

Jérôme Détraz

Roger Burkhard

Minimal makes you animal

Webdesignlovers — Wed, 12 Jan 2011 22:55:08 +0000

Bei Minimal werden wir animalisch und ich glaube es geht nicht nur uns so. Der Trend des reduzierten Designs bleibt auch im 2011 bestehen und würdigen wollen wir dies mit Inspirationen der schönsten Minimal-Websites der letzten Monate.

Thrivesolo

Sinclair Brook

Nythan James

SouthSouthWest Design

Design Bureau – Lundgren + Lindqvist

The Butcher and The Crow

Good Fucking Design Advice

Tumblr Rumble – Kick-ass Tumblr Themes

Webdesignlovers — Wed, 05 Jan 2011 08:01:18 +0000

Tumblr ist ein echtes Leichtgewicht unter den Blogging-Plattformen. Die Einfachheit wie man Texte, Photos, Zitate, Links, Musik und Videos direkt aus dem Browser, Phone, Desktop oder per E-Mail veröffentlichen kann, lässt unser Web 2.0 Herz höher schlagen.

Der grosse Unterschied zu Plattformen wie LiveJournal oder Blogger liegt in der extremen Einfachheit. Sobald ein Benutzer etwas interessantes im Web-Dschungel entdeckt kann er lediglich auf das “Share on Tumblr” Bookmarklet klicken und schon wird das ganze getumblet. Das Resultat ist ein Webblog welcher mit wenig Zeitaufwand mit Text, Links und Multimedia gefüttert werden kann.

Die Lernkurve ist steil und der Einstieg fällt einfach, hier ein Einführungs-Video um euch den Einstieg schmackhaft zu machen:

Grossartig ist auch die grosse Auswahl an Tumblr-Themes, schnell & einfach lässt sich der Blog seinen kreativen Ansprüchen anpassen. Wir haben gesucht, gefiltert und euch eine Liste von Tumblr-Themes zusammengestellt die rocken!

Super Classic – Retro & Vintage im Webdesign

Webdesignlovers — Fri, 30 Jul 2010 06:43:32 +0000

Newschool goes Oldschool heisst ihre Defise. Zumindest was das Design angeht lassen sich die nachfolgenden Webdesigns von Schriften, Photos und grafischen Elementen der wilden 60er und 70er Jahre inspirieren. Uns gefällt besonders der gelungene Mix zwischen Retro und modernem Minimalismus. Lasst euch inspirieren und lasst den Rock n’Roll wieder aufleben!

Domain Name Suche – 10 nützliche Tools

Webdesignlovers — Wed, 02 Jun 2010 11:05:51 +0000

Den perfekten Domain Namen zu finden stellt sich oftmals als Zerreissprobe für die Nerven heraus. Besonders .com Adressen mit über 83’860’000 registrierten Namen lassen manche gute Idee wie Seifenblasen zerplatzen.

Kreativität ist gefragt, die Domain Namen sollen einfach, kurz und fresh sein. Domain Name Generatoren bieten Inspiration und Alternativen um zu seinem Wunschnamen zu kommen, ob mit Abkürzungen, Erweiterungen oder Endungen die passen.Wir haben euch 10 nützliche Tools zusammengestellt die euch die Suche erleichtern werden.

Domain Typer

Der Domain Typer bietet passende Alternativen zum gewünschten Domain Namen, auch wenn dieser bereits registriert ist. Die Subdomain Kombinationen oder länderspezfischen Endungen lassen so manchen kreativen Domain-Namen entstehen.

Link

Domainr

Domainr bietet länderspezifischen Endungen in Kombination mit Unterverzeichnissen sowie Kurzschreibweisen der Wörter. Dieser Wortmix lässt das kreative Herz höher schlagen.

Link

Dot-o-mator

Mit dem Dot-o-mator kann man beliebige Stichwörter miteinander kombinieren, zusätzlich besteht bereits ein grosse Liste von Wörtern welche mit dem Wunschnamen gemixt werden können, dadurch entstehen einzigartige Kombinationen.

Link

Domize

Domize überprüft nach Eingabe des Wunschnamens alle Varianten eines Domainnamens mit jeweils einem Buchstaben weniger. Die offenen sowie bereits registrierten Domain-Namen werden ebenfalls angezeigt.

Link

Tool Names

Mit Tool Names kann ein Hauptwort und mehrere Zusatzwörter definiert werden. Diese werden auf Synonyme geprüft und generieren damit unerwartete Domainnamen.

Link

Nameboy

Nameboy bietet die Möglichkeit zwei Stichwörter anzugeben, aufgrund diesen werden Vorschläge mit zusätzlichen Wörter generiert.

Link

Web 2.0 Name Generator

Bei Namen wie Doodle, Xing und ähnlichen fragt man sich ob nicht der Web 2.0 Name Generator am Werk war. Dieser spuckt im Random -Modus Web 2.0 Namen heraus.

Link

Band Name Maker

Eigentlich ist der Webservice Band Name Maker zur Erstellung von Bandnamen gedacht, führt aber nach unserer Erfahrung zu ziemlich freshen Kombinationen welche auch für Domainnamen verwendet werden können.

Link

WOW Name Generator

Dieser Generator wird ebenfalls für unsere Zwecke missbraucht. Grundsätzlich generiert er Namen für World of Warcraft Charaktere, diese können aber problemlos als Web 2.0 Namen durchgehen, unbedingt ausprobieren.

Link

Company Name Generator

Der Company Name Generator generiert fantastisch fantasievolle Firmennamen, selbstverständlich können diese auch als Domainnamen verwendet werden.

Link

@font-face Typekits

Webdesignlovers — Wed, 12 May 2010 20:19:22 +0000

Standardschriften begleiten uns seit dem Urknall des Internets. Schriften wie Arial und Helvetica sind Norm, wer auf den Putz hauen will probierts mit Verdana oder Georgia. Das ist die ernüchternde Realität beim browsen durchs Web. Kreative verwenden Bilder um andersweitige Schriften zu nutzen, dies jedoch zu lasten von Performance, Suchmaschinenfreundlichkeit und Flexibilität. So genannte Webfonts versprechen einen Ausweg aus diesem Dilemma.

@font-face

Eine neue Möglichkeit der Einbindung von Schriften ist der Einsatz spezieller Schriftdateien über Stylesheets. Theoretisch besteht diese Möglichkeit schon seit langem, aufgrund von fehlender Browserunterstützung hat sich dies jedoch nie wirklich durchgesetzt. Mit CSS3 wurde dieses Thema nun wieder neu aufgegriffen und die Sterne stehen gut, dass zukünftig eine grössere Schriftenvielfalt im Web entsteht. Welche CSS3-Properties von den gängigen Browsern unterstützt werden, könnt ihr in der Web Design Checklist von findmebyIP.com nachlesen.

EOT und WOFF

Wie bei jeder neuen Web-Technologie fehlen Standards welche von den Browsern eingehalten werden. Somit müssen zwei verschiedene Schriftformate eingebunden werden damit die Schrift korrekt in allen Browsern angezeigt wird, das EOT-Format (»Embedded Open Type«) das der Internet Explorer schon seit Version 4 unterstützt sowie das WOFF-Format für Firefox 3.5+ , Opera 10+, Safari 3.1+, Chrome 4.0.249.4+.

Wie binde ich die Schriften ein?

Das Einbinden der Web-Schriften erfolgt über CSS. Aufgrund der unterschiedlichen Formate muss die Schrift zweimal eingebunden werden, damit sowohl der Internet Explorer als auch Firefox die Schrift anwenden können:

/* Internet Explorer */ @font-face { font-family: MyFont; src: url("/fonts/MyFont.eot"); }

/* Firefox, Safari, Opera */ @font-face { font-family: MyFont; src: url("/fonts/MyFont.woff") format("woff"); }

Danach kann die Schrift wie üblich im CSS verwendet werden.

body { font-family: MyFont, Arial, Verdana }

Für ältere Browser sollte, wie im oberen Beispiel, eine Alternativschrift angegeben werden, sofern das Format nicht korrekt intepretiert werden kann.

@font-face { font-family: MyFont; src: url("/fonts/MyFontItalic.woff") format("woff"); font-style: italic; }

em { font-family: MyFont, Arial font-style: italic; }

Im obigen Beispiel wird eine Italic Schrift eingebunden, welche nun wie jede andere Systemschrift verwendet werden kann, bitte beachtet, dass verschiedene Schriftstile einer Schrift nur vom WOFF-Format unterstützt werden.

ClearType

Webschriften sind für ClearType optimiert. ClearType ist erst ab Windows Vista standardmässig eingeschaltet. Wenn andere Schriftglättungsmethoden eingesetzt werden, sind die Webschriften nicht mehr optimal lesbar. Am besten die verwendet Schriften auf verschiedenen Betriebssystemen und Browser austesten, beispielsweise mit Adobe Browserlabs.

20 Fonts im EOT und WOFF Format

Wir haben euch nun nachfolgend 20 neue Schriftarten von FontSquirrel zusammengestellt, welche direkt als Webkit im EOT und WOFF Format heruntergeladen werden können. Die Schriften sind lizenzfrei und können frei verwendet werden.

Marketing Script

Preview
Download Typekit

Sansation

Preview
Download Typekit

Walkway

Preview
Download Typekit

Ubuntu-Title

Preview
Download Typekit

Monika

Preview
Download Typekit

ChunkFive

Preview
Download Typekit

PT Sans

Preview
Download Typekit

ArtBrush

Preview
Download Typekit

Ballpark

Preview
Download Typekit

NeoRetroDraw

Preview
Download Typekit

Bebas

Preview
Download Typekit

Existence Light

Preview
Download Typekit

UglyQua

Preview
Download Typekit

Creampuff

Preview
Download Typekit

Dubtronic

Preview
Download Typekit

Candela

Preview
Download Typekit

Latin Modern Roman

Preview
Download Typekit

Lilly

Preview
Download Typekit

Lacuna Regular

Preview
Download Typekit

Giant Head OT

Preview
Download Typekit

Illustration im Webdesign

Webdesignlovers — Mon, 26 Apr 2010 20:47:53 +0000

Illustrationen welche auf einer Website verwendet werden machen diese einzigartig, zeigen Charakter und geben einen persönlichen Einblick in die Welt des Künstlers. Die folgenden 40 Inspirationen heben sich aus der grossen Masse heraus und machen Lust auf mehr solche Designs.

Los colores olvidados

The Brown Corporation

Artcore-Illustrations

Back in the days – Webdesign 2001

Webdesignlovers — Wed, 14 Apr 2010 06:41:39 +0000

Das WWW ist gerade mal 21 Jahre jung und wurde im Jahr 1989 im CERN von Tim Berners-Lee entwickelt. Die Entwicklung der Technologie, wie aber auch die Gestaltung der Inhalte folgte eine rasante Entwicklung. Es interessierte uns wie das Web vor rund 10 Jahren aussah und haben uns auf die Suche gemacht. Entstanden ist eine Galerie welche eine Zeit dokumentiert in der weder Webstandards bestanden, noch Benutzerfreundlichkeit ein Thema war. Nostalgie pur, love it!

Google

Apple

Yahoo

New York Times

CNN

Wikipedia

Blogger

MSN

Myspace

Amazon

Ebay

Craigslist

Mozilla

AOL

Ask.com

Adobe

ESPN

Paypal

Napster

Deviantart

Dell

iStockphoto

Guardian.co.uk

Reuters

W3C

IKEA

McDonald’s

ICQ

Nintendo

Pixar

HTML 5 Love

Webdesignlovers — Wed, 24 Mar 2010 06:50:15 +0000

HTML5 ist der neue Webstandard. Apple setzt darauf, dass Flash durch HTML5 ersetzt wird. Doch was ist genau HTML5? Was sind die Möglichkeiten und wie wird diese in zukünftigen Applikationen eingesetzt? Genau diese Fragen haben uns interessiert, deshalb haben wir recherchiert und sind auf eindrucksvolle Applikationen und Demos gestossen welche einen Überblick geben was uns in baldiger Zukunft erwartet.

Was versteht man unter HTML5

Grundsätzlich definiert HTML5 zahlreiche Elemente und Attribute, die als Sprachkern aufgefasst werden können. Vergleichbar ist dieser mit der HTML-4.01-Variante Strict. Die Spezifikation soll aber in Zukunft auch definieren, wie ältere Elemente und Attribute verarbeitet werden sollen. Denn ein HTML5-Browser soll auch problemlos mit bereits vorhandenen Webseiten umgehen können, die nicht mit den Regeln dieser Sprache geschrieben wurden.

Elemente von HTML5

Elemente sind zum Beispiel , welche die Integration von Audio und Videoelementen ohne zusätzliche Plugins wie Flash ermöglicht oder mit welchem verschiedene Quellen angegeben werden, aus denen das Darstellungsprogramm die passende aussucht. Ebenfalls ein Element ist welches verwendet wird um Zeitangaben auszuzeichnen und Zeitangaben mit Metadaten auszustatten, sodass ein Browser damit z. B. einen interaktiven Kalender erzeugen kann.

Zusätzlich zu den Elementen können Anwendungungselemente mit

Das Element gibt den Fortschritt einer bestimmten Aufgabe wieder. Das Element wird ebenfalls mit dem DOM gesteuert. Anwendungsbeispiele sind z. B. der Fortschritt bei einer mehrseitigen Umfrage.

Formulare

Auch für Formulare wurden einige Neuerungen definiert. Ursprünglich wurden sie in einer getrennten Spezifikation entwickelt, die Web Forms 2.0 hieß. Seit der Aufnahme in HTML5 wurde die getrennte Weiterentwicklung von Web Forms 2.0 eingestellt. Diese Spezifikation ist bereits sehr ausgereift und bringt z. B. diese neuen Features:

Neue Eingabetypen, z. B. für E-Mail-Adressen, Internetadressen, Zeitangaben, etc. so dass diese vom Browser auf syntaktische Korrektheit geprüft werden können.
Eingabefelder können als Pflichtfeld definiert werden.
Eingabetemplates können erstellt werden und dynamisch hinzugefügt werden (z. B. um ein Bestellformular um mögliche Einträge zu erweitern).
Datenlisten, z. B. um ein verstellbares Kontrollobjekt zu erzeugen mit dem beispielsweise die Lautstärke eines audio- oder video-Elements bestimmt werden kann.
Klärung wie CSS-Eigenschaften sich auf Formularelemente auswirken.

Wie ihr seht, es stehen sehr viele Neuerungen an, wir wollen das ganze natürlich in der Praxis sehen und haben euch deshalb einige sehr eindrucksvolle Applikationen zusammengestellt welche bereits mit HTML5 Elementen entwickelt wurden. HTML5 wird von den Browser Firefox, Safari und Chrome unterstützt.

HTML 5 Love

Das ist eine ziemlich schicke Canvas-Audio Visualisierung mit dem Namen “HTML5 Love” welche von 9Elements umgesetzt wurde. HTML5 Love kombiniert das HTML5 Canvas und das Audio Element mit aktuellen Tweets, ziemlich beeindruckend.

Zum Projekt

Sketchpad

Michael Deal hat diese imposante Painting-Applikation mit dem Canvas Element und viel JavaScript umgesetzt. Sketchpad bietet Zeichnungs-Tools wie Brushes, Stifte, Füllmöglichkeiten und Text-Elemente aber auch Tools wie Spirographen, ungewöhnliche Schattierungen und Stempel. Es ist ziemlich einfach mit diesen Pattern ein Kunstwerk zu erstellen, selbst wenn man nicht sonderlich künsterlisch begabt ist.

Zum Projekt

Water Wave

Hakim El Hattab hat diese auf Canvas basierende Welle erstellt. In der Demo sieht man eine sprudelnde Welle welche sich nach der Mausposition richtet. Die Blasen platzen wenn man darauf klickt und aktuelle Tweets sind ebenfalls integriert.

Zum Projekt

Ambilight

Сергей Чикуёнок hat diese fantastische Ambilight Canvas Demo erstellt welche auf dem Philips TV LED Surround Light basiert. Das Video spielt mit dem HTML5 Video Element und der Hintergrund passt sich den Farben im Film an.

Zum Projekt

Particle Message

Steven Sanborn hat diese einzigartige Partikel-Message Demo entwickelt. Die Mitteilung wird durch zusammengesetze Kreise und Alpha Sprites zu einer Form eines Buchstabens animiert.

Zum Projekt

Space Debris

Roope Kangas hat dieses auf Canvas Physik basierende Demo entwickelt welches Boxen zeigt die auf die Mausposition und Klicks reagieren.

Zum Projekt

JSASCII

Es ist gut zu wissen, dass man mit dem HTML5 Canvas Element nicht nur Dinge darstellen kann, sondern dass damit auch Bilddaten gelesen werden können. Jacob Seidelin’s JSASCII Demo macht sich genau dies zu nutze. Das Tool holt sich mit dem getImageData() Bilddaten und reproduziert damit grossartige ASCII Kunstwerke.

Zum Projekt

Animated Backgrounds

Berry de Vos hat eine Demo eines animierten Background ( HTML5 Canvas) erstellt. Der Hintergrund sind animierte Balken welche sind horizontal bewegen und die Farben verändern.

Zum Projekt

Many Lines

Der Name “Many Lines” beschreibt diese Demo perfekt – diese Applikation zeichnet viele Linien rund um die Position des Cursers. Entwickelt wurde diese Applikation von Eric Ishii Eckhard und sie nutzt das Partikel System um die folgenden Linien zu zeichnen.

Zum Projekt

Open Web Tools Directory

Mozilla bietet uns wieder mal etwas spezielles – diesmal in der Form eines Open Web Tool Verzeichnis. Das Verzeichnis listet alle brauchbaren Applikationen und Tools für Webentwickler auf. Besonders die Suchfunktion ist ziemlich beeindruckend.

Zum Projekt

Surface Web Gallery

Ernest Delgado hat dieses Canvas Photo Experiment entwickelt – eine UI Implementation welche sehr nah an die Photo Table Applikation von Microsofts Surface kommt. Die Bilder können mit Drag n’Drop umhergeschoben und exportiert werden und dies alles im Browser.

Zum Projekt

Flickr 3D Wall

Peter Nederlof hat diese eindrucksvolle 3D Flickr Gallery mit HTML5 erstellt. Die Wände rotieren und bei Klick auf ein Panel erscheint ein Random Flickr Photo und die Kamera wird in eine andere Richtung gedreht.

Zum Projekt

Dynamic Image Injection with HTML 5

Paul Rouget pusht die Canvas Video Möglichkeiten auf eine neue und eindrucksvolle Art mit seiner Dynamic Image Injection. Die Applikation benutzt die DrawImage Methode des Canvas Elements. Damit können Bilder, Canvas und Videos in ein DOM Element geschrieben werden.

Zum Projekt

Browser Ball

Hier ist eine ziemlich witzige Demo von Mark Mahoney die den Namen Browser Ball trägt. Mit der Möglichkeit verschiedene übereinander liegende Browserfenster zu stapeln kann man damit den Ball von Fenster zu Fenster hüpfen lassen.

Zum Projekt

Liquid Canvas

Mit Liquid Canvas lassen sich Grafiken zu einer Website hinzufügen die über das Image Creation Tool, entwickelt von Steffen Rusitschka, generiert werden. Die Grösse der Elemente passt sich automatisch der Browsergrösse an, alles möglich mit HTML5.

Zum Projekt

40 Kick-Ass WordPress Themes

Webdesignlovers — Wed, 17 Mar 2010 06:00:50 +0000

Wordpress ist eines der benutzerfreundlichsten, und mit rund 6.5 Millionen Downloads auch eines der meist eingesetzten CMS der Welt. Ursprünglich als Blogging CMS gedacht, kann jedoch aufgrund einer offenen API und einfach zu integrierenden Themes grundsätzlich jede Art von Website damit umgesetzt werden.

Wordpress Themes gibts wie Sand am Meer, jedoch ist es schwierig wirklich schöne und sauber programmierte Themes zu finden. Wir haben euch deshalb eine Auswahl von 40 WordPress Themes zusammengestellt welche euch umhauen und gratis zum Download zur Verfügung stehen.

Falls ihr weitere Informationen zu WordPress sucht, findet ihr diese hier.
Informationen zur Installation eines Themes findet ihr hier.

Structure Theme

WebdesignloversWebdesign | Webdesignlovers

Web Design Inspiration

Public Class

Jessica Caldwell

Deux Huit Huit

Burton

redirect

La Wine

La Moulade

Hermetik

Christopher Clark

Games we played

360 Grad Langstrasse

Kenneth Cachia

Hanging up the moon

Paul Smith Jeans

Vlog

Kantt

The art of reuse

Lola New York

Shaw and Shaw

Kommi Graphics

Loyel’s Toy

Herokidstudio

Une sélection de beaux sites

Mobile Webdesign Awesomeness

Toi Soldier

Diesel

Sevnthsin

Threadless

Jet Films

Please fix the iPhone

Eroi

Tumblr

Mail Chimp

M1K3

Victoria Secret

DPTO

Auxiliary Design

Zootool

MOS Creative

Yiibu

Vimeo

Analogue

Hugetype

Best of Swiss Webdesign

Agenturen

Business

Personal

Minimal makes you animal

Tumblr Rumble – Kick-ass Tumblr Themes

langer.tumblr

Inkhorn

Pink Touch

Cmpndm

Atonement

Xtreme Minimalism

Black Diamonds

Revista

Boundless

Sarah’s Theme

Mstly

Boston Polaroid

Callisto

Chunk

Random Daze

Frontier Mustard

Cuddle Fuddle

Rockstar

Adaptation

The Fisherman’s Friend

Super Classic – Retro & Vintage im Webdesign

Domain Name Suche – 10 nützliche Tools

Domain Typer

Domainr

Dot-o-mator

Domize

Tool Names

Nameboy

Web 2.0 Name Generator