WebdesignloversFlash | Webdesignlovers

Flickr Photo Galleries

Webdesignlovers — Thu, 28 Jan 2010 08:09:26 +0000

Flickr hat nach eigenen Angaben ca. 5000 Uploads pro Minute und weltweit über 40 Millionen registrierte Benutzer. Der Dienst bietet die Möglichkeit, Fotos nach Tags zu sortieren und in Alben aufzunehmen, nach Stichworten zu suchen oder die Bilder zu kommentieren.

Um die Bilder auf der eigenen Website oder seinem Blog zu präsentieren stehen jede menge RSS-Feeds von Flickr zur Verfügung. Über eine persönliche Flickr-ID kann auf die Daten zugegriffen werden. Wir haben für euch recherchiert und euch die 10 schönsten Flickr-Bildergalerien zusammengestellt.

Polaroid Gallery

Es muss lediglich die Flickr ID im HTML eingegeben werden und es werden automatisch die letzen Fotos von deinem Flickr RSS Feed geladen. Die Bilder werden skaliert, zentriert und auf smooth gestellt. Es ist von Vorteil wenn die Bilder im Querformat liegen. Es besteht ausserdem die Möglichkeit eine Bildlegende zu erfassen. Das Script ist OpenSource und bietet ein ZIP-File mit allen Files inkl .FLA

Demo
Download

Flash XML Gallery

Mit der Flash XML Gallery können mehrere Flickr Alben in eine Galerie integriert werden, ausserdem steht eine vielzahl von Übergangseffekten zur Verfügung. Der einzige Nachteil der Gallery ist, dass wenn man in der Grossansicht des Bildes ist, nicht auf das nächste klicken kann. Die Navigation funktioniert also nur über die Übersichtsseite, ansonsten chic gemacht.

Demo
Download

dfGallery

Die dfGallery ist sehr einfach anzupassen und bietet die Möglichkeit Fotos von Flickr, Picasa, Fotki und Photobuket zu integrieren. Die Bilder werden über RSS eingeladen, bietet aber auch die Möglickeit diese manuel zu integrieren, FullScreen wird unterstützt, ausserdem können MP3 als Background-Sound integriert werden. Alles in allem eine sehr starke Galerie, und sie ist OpenSource.

Demo
Download

Simpleviewer

Simpleviewer ist eine schöne und anpassbare Flash-Gallery. Die freie Version bietet 3 verschieden Templates an und ist bis 50 Bilder gratis zu intergrieren. Wer mehr Bilder möchte oder sich am Simpleviewer Download Version stört muss die Pro Edition für 45$ kaufen.

Demo
Download

Flogr

Flogr erzeugt aus deinem Flickr Profil eine komplette Mini-Website, welche die Bilder, Geodaten, Flickr Kommentare und eine anpassbare Voransicht behinhaltet. Mit der Slideshow Kompononten kann kann durch die Thumbnails gebrowst werden. Ausserdem wird eine Seite mit einer Tag-Cloud erzeugt sowie eine About Page mit deinem Flickr User Profil. Anhand der Tags kann gesteuert werden welche Bilder in der Galerie angezeigt werden und welche nicht. Voraussetzung für die Installation sind PHP 4+ und eine MySQL Datenbank.

Demo
Download

Flickrshow

Flickrshow kann mit wenigen Zeilen JavaScript in die eigene Website eingebunden werden und kann mit CSS dem eigenen Design angepasst werden. Die Bilder können entweder als automatische Slideshow oder per Klick gesteuer werden. Dank dem integrierten Caching ist der Slide-Effekt sehr smooth, gefällt.

Demo
Download

flickrGallery

FlickrGallery wurde auf dem JavaScript Framework jQuery entwickelt und kommt somit komplett ohne Flash aus. Die Bilder werden über die Flickr API geladen. Die Grösse der Gallery passt sich automatisch der Bildgrösse an, die Galerie wirkt dadurch sehr dynamisch. Optional kann für Bilder die Lightbox aktiviert werden. Mit CSS kann das Styling individuell angepasst werden.

Demo
Download

MooPix

Ähnlich wie die flickrGallery basiert MooPix auf JavaScript. Jedoch wird bei MooPix anstatt jQuery nun Mootools als Framework eingesetzt. Die Bilder können per Klick durchgebrowst werden, ausserdem wird automatisch eine Übersicht mit Vorschaubildern erstellt.

Demo
Download

Flickr Photo Wall

Die Flickr Photo Wall setzt auf jQuery, Ajax and JSON. Auf der Website von kylerush.net wird Step-by-Step beschrieben wie man sich die Photo Wall selbst erstellt kann. Als Variante B bieten die Jungs die Files gleich zum Download an. Die Galerie zeigt alle Bilder in Spalten an, bei einem Rollover auf das Bild werden Infos, Kommentare und Tags zum Bild angezeigt.

Demo
Download

Satellite

Satellite erstellt aus den Flickr Informationen eine komplette Mini-Website mit Startbild, einer Übersicht aller Photosets, eine Galerie mit Lightbox, die letzen Fotos sowie eine About Site, Tagliste und Kontaktinformationen. Also das Komplettpaket. Um die Files herunterzuladen muss man sich bei Satellite registrieren.

Demo
Download

Webdesign in Japan

Webdesignlovers — Thu, 21 Jan 2010 07:44:13 +0000

Das japanische Webdesign zeichnet sich besonders durch minimalistisches Design, viel Weissraum und klare Strukturen aus. Während in Europa und USA meist nur noch CSS/JavaScript für Design und Animation verwendet werden, wird bei japanischen Websites im grossen Stil Adobe Flash eingesetzt. Besonders Animation, grosse Hintergrundbilder und Musik werden sehr häufig benutzt. Die Animationen und Fotos sind oftmals sehr aufwendig produziert und glänzen mit viel Liebe zum Detail. Es ist spannend abzuwarten, ob sich die japanische Webentwicklung in den nächsten Jahren in unsere Richtung entwickelt. Gerade betreffend Accessibility, Suchmaschinenoptimierung und Inhaltspflege bieten diese gegenüber Flash grosse Vorteile.

Dennoch lohnt es sich ein Blick in die inspirierenden Websites der Japaner zu werfen. Wie erwähnt glänzen diese mit aufwendigen Animationen und schönen Farb-/Typo-Gestaltungen. Wir haben euch eine Auswahl von 50 japanischen Websites zusammengestellt.

KARIMOKU NEW STANDARD

ドコモ for PC　データ通信もドコモ品質で！｜ NTTドコモ

UD style:TOTO

Art&Craft寺家回廊2009

北山創造研究所 / Kitayama & Company

Room | 株式会社ルーム

Krash Japan クラッシュジャパン

面白法人カヤック 2011年度新卒採用企画社員の「消えない話」