Wie man eine Fotogalerie mit der Flickr API erstellt

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Flickr ist ohne Zweifel die größte und beste Foto-Website im Internet. Es gibt viele Widgets, Abzeichen und Plugins, mit denen Sie Ihre neuesten Flickr-Fotos auf Ihrer Website anzeigen können. Wir gehen jedoch noch einen Schritt weiter, indem wir direkt auf Flickr tippen und Ihren Fotostream in Ihre Website integrieren und Ihnen eine Fotogalerie geben ist ein Kinderspiel zu aktualisieren.

Wir werden diese Fotogalerie mit der Flickr API und phpFlickr erstellen. Wenn die Buchstaben "A,P & I" ausreichen, um Angst in Ihr Herz zu schlagen, machen Sie sich keine Sorgen, wir werden es langsam angehen lassen und vollständige Codebeispiele geben, die Sie kopieren können.

Flickr hat kürzlich auch The App Garden gestartet, ein Schaufenster mit Werkzeugs, Spielzeugen und Websites, die die Flickr-API verwenden, um etwas Nützliches oder Unterhaltsames anzubieten. Sobald Sie sich mit der Verwendung der API vertraut gemacht haben, können Sie Ihrer Fantasie freien Lauf lassen und Ihre App einreichen.

Für dieses Tutorial gehe ich davon aus, dass Sie bereits ein Flickr-Konto haben und auf einen Server zugreifen, auf dem PHP und PEAR ausgeführt werden.

Der Umriss

Holen Sie sich einen Flickr-API-Schlüssel
Laden Sie die phpFlickr-Dateien herunter
Erstellen Sie eine Galerieseite, um unsere Miniaturansichten anzuzeigen (mit Paginierung).
Erstellen Sie eine Fotoseite, um unsere Fotos anzuzeigen (mit vorheriger und nächster Navigation).

Schritt 1 - Holen Sie sich einen Flickr-API-Schlüssel

Ihr API-Schlüssel ist Ihre eigene Reihe von Zahlen und Buchstaben, mit denen Sie auf die Dienste von Flickr zugreifen können. Gehen Sie hier: http://www.flickr.com/services/apps/create/apply/

Hier müssen Sie entscheiden, ob Sie Flickr für kommerzielle oder nichtkommerzielle Zwecke verwenden möchten. Flickr bietet gute Erklärungen, welche Sie auswählen sollten. Möglicherweise benötigen Sie einen nicht kommerziellen API-Schlüssel, den ich für diese Demo auswähle.

Befolgen Sie die Schritte und geben Sie alle Ihre Daten ein.

Sie sollten dann Ihren eindeutigen Schlüssel erhalten, der als eine Reihe von Zufallszahlen und Buchstaben wie folgt angezeigt wird:

Sie sehen auch eine Nummer namens "Secret". ignorieren Sie das jetzt. Für diese Übung brauchen wir nur den Schlüssel; notieren Sie es Ihnen, wir werden es bald brauchen.

Wenn Sie die API verwenden, um später ein cooles Werkzeug oder eine coole Site zu erstellen, möchten Sie möglicherweise alles, was Sie im Flickr App Garden erstellen, einreichen und bereitstellen. Sie können auf "App-Details bearbeiten" klicken, um die Informationen einzugeben.

Beachten Sie insbesondere die Tipps und Ratschläge in den API-Nutzungsbedingungen und den Community-Richtlinien. Wenn Sie sie missbrauchen, verlieren Sie sie.

Nun zu den aufregenden Sachen...

Schritt 2 - Laden Sie phpFlickr herunter

phpFlickr ist ein Projekt von Dan Coulter. Es ist eine in PHP geschriebene Klasse, die als Wrapper für die Flickr-API fungiert. Die Dateien verarbeiten die von Flickr bereitgestellten Daten und geben Arrays in PHP zurück, mit denen wir unsere Fotos anzeigen

Wir müssen die Dateien herunterladen, die wir später auf unserer Webseite aufnehmen werden, und die komplizierte Arbeit für uns erledigen. Besuchen Sie phpflickr.com oder springen Sie direkt zur Download-Seite bei Google Code. In dieser Demo verwenden wir die Zip-Datei: phpFlickr-2.3.1 (zip)

Laden Sie es herunter und entpacken Sie es. Für dieses Tutorial benötigen wir nur den PEAR-Ordner und die phpFlickr.php-Datei. Laden Sie die Dateien in Ihr Webverzeichnis hoch

Schritt 3 - Grundeinstellung und einfache Konfiguration

Jetzt haben wir alles, was wir brauchen, um uns mit Flickr zu verbinden und unsere Fotos abzurufen. Wir machen zwei Seiten: eine, um unsere Thumbnails zu zeigen, und eine, um das Foto zu zeigen. Der gesamte Code wird am Ende des Tutorials als vollständige Seite verfügbar sein.

Diese Codebeispiele basieren alle darauf, dass sich Ihre Dateien im Stammverzeichnis Ihres Servers befinden - oder alle im selben Ordner. Vor allem müssen wir einen Cache-Ordner erstellen, damit phpFlickr ordnungsgemäß funktioniert. Erstellen Sie einen Ordner mit dem Namen "cache" in Ihrem Webverzeichnis und erteilen Sie ihm beschreibbare Berechtigungen (CHMOD 777).

Jetzt erstellen wir eine Seite, auf der unsere Miniaturansichten angezeigt werden und die ein einfaches Paging enthält. In der Beispielgalerie ist dies index.php - und sieht so aus.

Bevor wir fortfahren, müssen wir zwei Hauptvariablen in der Datei config.php festlegen.

Öffnen Sie config.php. Sie werden sehen, dass nur zwei Dinge verlangt werden: Ihr API-Schlüssel und Ihr Flickr-Benutzername.

Geben Sie zuerst Ihren API-Schlüssel ein - den langen zufälligen Satz von Zahlen und Buchstaben, den Sie zuvor von Flickr erhalten haben. Bewahren Sie Ihre Daten in Anführungszeichen auf.

1	// insert your API key
2	$key="ENTER YOUR FLICKR API KEY HERE";

Nun zu Ihrem Flickr-Benutzernamen. Dies ist nicht Ihr Yahoo-Anmeldename oder Ihr Flickr-Bildschirmname, sondern der Benutzername, den Sie für Flickr selbst verwenden. Melden Sie sich zur Überprüfung bei Flickr an und sehen Sie oben auf der Seite nach, wo "Signed in as..." steht - das ist Ihr Benutzername. Deklarieren wir also unseren Benutzernamen als Variable:

1	// enter your Flickr username
2	$username="YOUR FLICKR USERNAME HERE";

Speichern Sie die Änderungen in config.php und laden Sie sie hoch - Sie sollten diese Datei nicht erneut benötigen.

Schritt 4 - Erstellen der Miniaturansichtseite

Weiter zur Seite. Hier ist eine Aufschlüsselung unserer Aktivitäten oben auf der Seite, die alles aufzeigt, was für die Aktion bereit ist:

Wir werden einige vorherige und nächste Links mit einem kleinen Code weiter unten auf der Seite einfügen. Die Miniaturansichten, die wir anzeigen, hängen davon ab, auf welcher Seite wir uns befinden. Daher führen wir eine einfache if-Anweisung aus, die unsere Seitenzahl abruft. Wenn die URL eine 'fpage'-Abfrage enthält, verwenden Sie diese. Wenn nicht, sind wir auf Seite eins.

1	<?php
2	// get page number from the url - if there isn't one - we're on page 1
3	$page = isset($_GET['page']) ? $_GET['page'] : 1;

Danach fügen wir die phpFlickr-Kerndatei hinzu, in der alles enthalten ist, was wir für die Kommunikation mit Flickr benötigen.

1	// inclue the core file
2	require_once('phpFlickr.php');

Jetzt starten wir eine neue Klasse aus der phpFlickr-Datei mit unserem API-Schlüssel, den wir zuvor erhalten haben.

1	// Fire up the main phpFlickr class
2	$f = new phpFlickr($key);

phpFlickr verwendet Caching, um den Prozess zu beschleunigen. Es gibt Optionen für die Verwendung einer Datenbanktechnik, aber für dieses Tutorial verwenden wir die einfachere Option für den Cache-Ordner. Wir benötigen einen beschreibbaren Ordner namens "Cache", dh das System hat Zugriff darauf und kann seinen Inhalt ändern. Setzen Sie dazu die Berechtigungen der Ordner über Ihr FTP-Programm auf 777. Dann fügen wir diese Zeile hinzu, um sie zu aktivieren:

1	$f->enableCache("fs", "cache");

Wir rufen die Methode people_findByUsername auf, die ein Array zurückgibt:

1	$result = $f->people_findByUsername($username);

Von diesem Array benötigen wir auch Ihre eindeutige Benutzer-ID (Ihre Flickr-ID, die so aussieht: 11221312@N00, hier als $nsid deklariert), die wir folgendermaßen erhalten:

1	// grab our unique user id from the $result array
2	$nsid = $result["id"];

Als nächstes rufen wir die people_getPublicPhotos-Methode auf, die wiederum ein Array zurückgibt, das wir $photos nennen. In dieser Zeile durchlaufen wir auch unsere ID, die wir in der obigen Zeile erhalten haben ($nsid). NULL bezieht sich auf die Option "Extras", mit der wir uns derzeit nicht befassen. Wir geben auch die Anzahl der Miniaturansichten an, die angezeigt werden sollen (21), und durchlaufen die Seite, um mit ($page) zu beginnen, die sich auf die Variable $page vom oberen Rand der Seite bezieht:

1	$photos = $f->people_getPublicPhotos($nsid, NULL, NULL, 21, $page);

Das letzte Bit, das wir zum Einrichten der Seite benötigen, sind ein paar Informationen, die wir benötigen, damit das Paging funktioniert. Wir greifen auf das oben erstellte $photos-Array zu und ziehen die Gesamtzahl der Seiten sowie die Gesamtzahl der Fotos in unserem Fotostream heraus:

1	$pages = $photos[photos][pages]; // returns total number of pages
2	$total = $photos[photos][total]; // returns how many photos there are in total
3	?>

Beachten Sie, dass wir den PHP-Bereich hier mit dem? > Schließen. Jetzt haben wir alles, was wir brauchen, um die ersten 21 Thumbnails von unserem Flickr-Fotostream abzurufen und anzuzeigen. Wir werden jetzt mit der Seite fortfahren, etwas HTML hinzufügen, PHP verwenden, um die Bilder anzuzeigen, und einige einfache Paging-Links hinzufügen. Beginnen wir also damit, ein einfaches HTML zu schreiben.

 <!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Nettuts Flickr Gallery Demo</title>
</head>

<body>

<h1>My photo gallery</h1>
<div id="thumbs">

Nichts Außergewöhnliches hier; Richten Sie einfach das HTML ein und starten Sie einen Bereich für die Miniaturansichten. Der nächste Schritt besteht darin, unser Div namens "Daumen" mit unseren Miniaturansichten wie folgt zu füllen:

Beachten Sie, dass wir PHP wieder mit <?php öffnen:

Wir werden eine foreach-Schleife verwenden, um das $photos-Array zu durchlaufen und zum Fotoelement ($photo) zu gelangen, das die Informationen enthält, die wir für die Miniaturansichten benötigen.
In den Kommentaren im Code finden Sie eine Erklärung der Vorgänge:

<?php
// loop through each photo
 foreach ($photos['photos']['photo'] as $photo) {
  
// print out a link to the photo page, attaching the id of the photo
         echo "<a href=\"photo.php?id=$photo[id]\" title=\"View $photo[title]\">";
    
// This next line uses buildPhotoURL to construct the location of our image, and we want the 'Square' size
// It also gives the image an alt attribute of the photo's title
       echo "<img src=\"" . $f->buildPhotoURL($photo, "Square") .  "\" width=\"75\" height=\"75\" alt=\"$photo[title]\" />";

// close link 
      echo "</a>";

// end loop
}
?>

</div><!-- close thumbs div -->

Wir sind fast fertig mit der Hauptseite. Möglicherweise haben Sie mehr als 21 Fotos in Ihrem Fotostream. Daher müssen wir einige Seiten mit den Links Zurück und Weiter hinzufügen, damit wir zu den nächsten 21 Miniaturansichten wechseln können. Die Links sehen folgendermaßen aus:

Dieser Code basiert auf der Zeile oben, in der die Variable $page aufgerufen wurde. Wenn unser Code die Fotos von Flickr aufruft, verwendet er auch die Variable $page, um zu wissen, wo er anfangen soll. Wenn Sie auf die Zeile zurückblicken, in der wir 'people_getPublicPhotos' aufgerufen haben, werden Sie feststellen, dass wir dort auch die Variable $page übergeben haben. Dieser Wert ist das Rückgrat dieser kleinen Paging-Anordnung. Wir öffnen einen Absatz mit der ID 'nav', öffnen die PHP-Tags und definieren unsere Variablen 'back' und 'next':

<p id="nav">
<?php
// Some simple paging code to add Prev/Next to scroll through the thumbnails
$back = $page - 1;
$next = $page + 1;

Als nächstes behandeln wir die eigentlichen 'Previous' und 'Next' Links, indem wir überprüfen, ob wir nicht auf der ersten oder letzten Seite sind, das PHP schließen und das 'p'-Tag schließen.

// if it's not the first page
if($page > 1) {
echo "<a href='?page=$back'>&laquo; <strong>Prev</strong></a>";
}
// if not last page
if($page != $pages) {
echo "<a href='?page=$next'><strong>Next</strong> &raquo;</a>";}
?>
</p>

Jetzt verweisen wir auf einige Werte, die wir zu Beginn hatten, um etwas mehr darüber anzuzeigen, wo wir uns in der Galerie befinden:

<?php
// a quick bit of info about where we are in the gallery
echo"<p>Page $page of $pages</p>";
echo"<p>$total photos in the gallery</p>";
?>

Und um die Bedingungen von Flickr einzuhalten und die Seite zu beenden, fügen wir hinzu:

1	<p>This product uses the Flickr API but is not endorsed or certified by Flickr.</p>
2
3	</body>
4	</html>

Das ist alles, was wir brauchen, um eine Seite zu erstellen, auf der die neuesten 21 Fotos als Miniaturansichten mit einer einfachen Vorher/Weiter-Navigation angezeigt werden. Genau wie die Homepage auf der Demo. Als nächstes: die Seite, auf der unser Foto angezeigt wird.

Schritt 5 - Erstellen Sie eine Seite zum Anzeigen einzelner Fotos

Nachdem wir unsere Miniaturansichten haben, benötigen wir eine Seite, auf der das vollständige Bild angezeigt wird, wenn auf eines geklickt wird. Hier ist der Code für photo.php, den die Thumbnails verlinken. Wir starten diese Seite ähnlich wie die Indexseite, aber anstelle der Seitenzahl möchten wir die ID des Fotos, das in der URL von unserer Miniaturbildseite übergeben wurde:

<?php

// Get id of photo
$id = isset($_GET['id']) ? $_GET['id'] : NULL;

//include the core file
require_once('phpFlickr.php');

// Fire up the main phpFlickr class 
$f = new phpFlickr($key);

// cache folder again, permissions set to 777
$f->enableCache("fs", "cache");

Jetzt müssen wir einige Informationen über das Foto sammeln, wie z.B. die ID-Nummer des Fotos, seine Abmessungen, wo es sich im Verhältnis zu anderen Fotos (Kontext) und der URL des Bildes befindet.

// access the getInfo method, passing in the photo's id
$photo = $f->photos_getInfo("$id", $secret = NULL);

// pass the photo's id to the getSizes method to get the dimensions of our image
$photosize = $f->photos_getSizes("$id", $secret = NULL);

// we want the dimensions of the medium size which we get from the $photosize array in the previous line
$size = $photosize[3];

// again passing the photo's id through we get the context, which tells us which photos are before and after the current id
$context = $f->photos_getContext("$id");

//  the buildPhotoURL method does pretty much what you'd expect - build the  photo URL, we pass in $photo and the size we require to return the  image URL e.g.  http://farm4.static.flickr.com/3108/3175330082_0bf4b22e47.jpg
$photoUrl = $f->buildPhotoURL($photo, "Medium");

// This tells us who the owner of the photo is.
// This is an important part to include as we want our gallery to show  only our photos and not pull in other users' photos - more of an  explanation about this in the notes at the end
$owner = $photo["owner"]["username"];

// We only want the photo if it belongs to us - so if our username  is the same as the owner of the photo... we'll write out the page and  show it 
// more info on this at the end of the tutorial
if($username == $owner){
?>

Jetzt sind wir mit den saftigen Teilen auf den Rest der Seite vorbereitet.

<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- Let's get in there straight away and get the photo's title -->
<title>
<?php
// We access the $photo array and grab the title of the photo to use as the document title
echo $photo[title]
 ?>
</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>

<body>

<h1>Photo gallery</h1>

<div id="photo">
<?php
// The photo's title once again
echo"<h2>$photo[title]</h2>";

// The photo itself, you'll recognise $photoUrl from above where we  built the photo's url, we are also accessing the $size array that we  prepared earlier to get the width and height
// and the title once again 
// We'll also make it link to the version on Flickr for good measure
echo"<a href=\"http://flickr.com/photos/$username/$photo[id]/\" title=\"View $photo[title] on Flickr \">";
echo"<img src=\"$photoUrl\" width=\"$size[width]\" height=\"$size[height]\" alt=\"$photo[title]\" />";
echo"</a>";

// The photo's description
echo"<p>$photo[description]</p>";
?>
</div><!-- end photo -->

Jetzt haben wir unser Foto... und wir sind fast fertig. Dieses letzte Stück mag etwas knifflig aussehen, aber lassen Sie sich davon nicht abschrecken. Es hat mit dem Kontext des Fotos zu tun, wie in, welches Foto als nächstes im Stream kommt und welches vorher war. Genau wie Sie es in den Flickr-Galerien der Leute sehen. Der Grund, warum es so viel Code zu geben scheint, ist, dass wir überprüfen müssen, ob vor oder nach dem aktuellen Foto ein Foto vorhanden ist, damit dies am besten funktioniert. Wenn dies nicht der Fall ist, möchten wir keinen Link, sondern fügen normalen Text und ein Dummy-Bild (noimg.png) ein.

<div id="context">
<?php
// if there is a previous photo...
if($context['prevphoto']['id']){echo"<a  href=\"?id=".$context['prevphoto']['id']."\" title=\"Prev:  ".$context['prevphoto']['title']."\"><img  src=\"".$context['prevphoto']['thumb']."\" width=\"75\" height=\"75\"  /></a>";

} else {
// if not - show the blank filler image
echo"<img src=\"noimg.png\" width=\"75\" height=\"75\" alt=\"No photo\" />";
};

// if there is a next photo...
if($context['nextphoto']['id']){echo "<a  href=\"?id=".$context['nextphoto']['id']."\" title=\"Next:  ".$context['nextphoto']['title']."\"><img  src=\"".$context['nextphoto']['thumb']."\" width=\"75\" height=\"75\"  /></a>";
} else {
// if not - show the blank filler image
echo"<img src=\"noimg.png\" width=\"75\" height=\"75\" alt=\"No photo\" />";
};

echo"</div>";

echo"<p>";
// if there is a previous link, write a link - if not, just the text
if($context['prevphoto']['id']){echo"<a  href=\"?id=".$context['prevphoto']['id']."\" title=\"Prev:  ".$context['prevphoto']['title']."\">&laquo; Prev</a>";}  else {echo"&laquo; Prev";};
echo" | ";
// if there is a next link, write a link - if not, just the text
if($context['nextphoto']['id']){echo"<a  href=\"?id=".$context['nextphoto']['id']."\" title=\"Next:  ".$context['nextphoto']['title']."\">Next  &raquo;</a>";}else {echo"Next &raquo;";};
echo"</p>";
?>

</div><!-- end context -->

Und um die Seite fertig zu stellen, fügen wir einen Link zurück zur Hauptgalerie, ein bisschen Text für Flickr und schließen das HTML.

<p>&laquo; <a href="/">Main gallery</a></p>

<!-- To abide by Flickr's terms - you must include this text -->
<p>This product uses the Flickr API but is not endorsed or certified by Flickr.</p>

</body>
</html>

Halten! Noch eine Sache... wir beenden die if-Anweisung kurz vor Beginn des HTML-Codes... lesen Sie erneut die Hinweise am Ende, warum wir dies tun.

1	<?php
2	} // end if for owner
3	?>

Und da hast du es. Eine Fotogalerie für Ihre Website, die von Ihrem Flickr-Konto unterstützt wird. Schauen Sie sich die Demoseite an, um zu sehen, wie sie aussieht, und fügen Sie ein bisschen mehr Markup und Styling hinzu. Dies ist eine sehr grundlegende Implementierung der Flickr-API. Es kratzt nur an der Oberfläche Ihrer Möglichkeiten, bietet jedoch eine schöne Fotogalerie für Ihre Website/Ihr Blog, die Sie einfach über Flickr aktualisieren und pflegen können.

ANMERKUNGEN UND ZUSÄTZLICH

In diesem Tutorial rufen wir die öffentlichen Fotos eines Benutzers ab. In photo.php verweisen wir in diesem Tutorial auf $owner. An dieser Stelle stellen wir sicher, dass das angezeigte Foto dem Besitzer des Fotos gehört. Wenn wir dies weglassen, kann Ihre Fotoseite das öffentliche Foto eines Benutzers einlesen, und das ist offensichtlich nicht das, was wir wollen. Dies geht auf die Ratschläge zurück, die Flickr in seinen Richtlinien gibt.

Sie sollten die API verwenden, um nur auf Ihre eigenen Bilder oder auf diejenigen zuzugreifen, zu deren Verwendung Sie berechtigt sind. Wenn Sie die Bilder einer anderen Person anzeigen, sollten Sie den Namen des Bildbesitzers und den Namen des Bildes angeben. Flickr sagt außerdem: "...Seiten auf anderen Websites, auf denen auf flickr.com gehostete Inhalte angezeigt werden, müssen von jedem Foto oder Video einen Link zurück zu seiner Seite auf Flickr enthalten."
Es gibt andere Möglichkeiten, Ihre Fotos mithilfe der Suchmethode in der API anzuzeigen. Dies ist jedoch etwas komplizierter und erfordert die Bereitstellung einer Authentifizierung. Mit anderen Worten, verwenden Sie die API, um sich anzumelden und Flickr mitzuteilen, dass Sie es wirklich sind Infos dazu finden Sie hier.
Diese Demo ist ein sehr einfaches Beispiel dafür, was Sie mit der Flickr-API tun können. Sie können noch viel weiter gehen und so ziemlich alles tun, was Flickr tut: Fotosets abrufen, Tags und Kommentare anzeigen, private Fotos anzeigen und sogar Bilder hochladen. Schauen Sie sich die API-Dokumentation hier an: http://www.flickr.com/services/api/ Sie können die Methoden mit der Datei phpFlickr.php vergleichen.
So wie wir unsere Fotos mit $photos = $f->people_getPublicPhotos($nsid, NULL, 21, $page); aufgerufen haben. Sie können dasselbe mit einem Set tun. Zum Beispiel $photos = $f->photosets_getPhotos("$set", $extras, $privacyfilter, 21, $page); ist eine Möglichkeit, 21 Fotos pro Seite aus einem Set zu erhalten, wobei $set= die Set-ID (etwa 72157594488289220) und dann foreach ($photos['photo'] als $photo) {... verwendet wird, um die Bilder usw. zu erhalten.
Wenn Sie sehen möchten, welchen Teil des Arrays Sie benötigen, können Sie mit print_r() das Array auflisten und sehen, wie Sie den gewünschten Wert finden. Umgeben Sie es mit <pre>-Tags, um die Ausgabe lesbar zu machen.
Die Dateipfade in dieser Demo funktionieren alle unter der Annahme, dass sich alles im selben Ordner (oder alle im Stammverzeichnis) befindet. Sie können die Inhalte auch verschieben, aber die Pfade unbedingt ändern
Vielen Dank an Dan Coulter für das Schreiben des exzellenten phpFlickr. Schauen Sie sich unbedingt in der phpFlickr-Dokumentation um: http://phpflickr.com/docs/, um weitere Tipps und Ratschläge zu erhalten

Viel Spaß und zeigen Sie uns, was Ihnen einfällt!

Folgen Sie uns auf Twitter oder abonnieren Sie den Nettuts+ RSS-Feed, um die besten Webentwicklungs-Tutorials im Web zu erhalten.