This Is Responsive: Jede Menge Tipps und Code-Snippets für responsive Webdesigns
Brad Frost hat mit “This Is Responsive” eine neue, umfangreiche Webseite mit Tipps, Ressourcen und Code-Snippets für responsive Webdesigns zusammengestellt.
This Is Responsive: Jede Menge Tipps und Code-Snippets für responsive Webdesigns
Brad Frost hat mit “This Is Responsive” eine neue, umfangreiche Webseite mit Tipps, Ressourcen und Code-Snippets für responsive Webdesigns zusammengestellt.

Das Video-Training Webdesign mit Photoshop und das Buch Photoshop CS6 – Die große Praxisreferenz.
Update: Die Verlosung ist beendet und die Gewinner wurden per Email benachrichtigt!
Photoshop-Fans aufgepasst! Möchtest du deine Photoshop-Kenntnisse verbessern oder mehr über die neuen Features der aktuellen CS6 Photoshop-Version lernen? Dann mach doch einfach bei unsere kleinen Verlosung mit und gewinne mit etwas Glück das brandaktuelles Video-Training “Webdesign mit Photoshop CS6″ von Jonas Hellwig (bei Galileo Design im Wert von 39,90 Euro) oder das umfangreiche Buch “Photoshop CS6 – Die große Praxisreferenz” aus dem DATA BECKER Verlag (im Wert von 49,95 Euro).
Um mitzumachen, schreibe einfach einen Kommentar hier im Artikel oder twittere diesen Artikel mit dem Hashtag #esverlosung und sage uns kurz, ob du lieber das Buch oder das Video-Training gewinnen möchtest und warum du das Photoshop-Lernmaterial unbedingt benötigst. Die Verlosung endet am Mittwoch, den 12.09. um 18 Uhr. Weiterlesen
Ein persönliches _s WordPress Blank-Theme mit Underscores.me
Auf der Webseite Underscores.me kannst du dir ein persönliches _s Blank-Theme erstellen. Da man praktischerweise gleich den eigenen Theme-Namen eintragen kann, spart man sich das Suchen und Ersetzen des Theme-Namens im Text-Editor. Eine Einleitung zur Nutzung des _s Blank-Themes von Automattic findest du in “A 1000-Hour Head Start: Introducing The _s Theme” auf dem Themeshaper-Blog.
Thinking mobile first forces you to only keep what matters in our sites. We have to think about usability & content because people on mobile have very little time and screen space.
from An Event Apart: Content First by Jeffrey Zeldman

Der Jetpack Carousel-Slider im iPad-Querformat.
Die responsive Carousel Bilder-Slideshow von Jetpack ist ein tolles, neues Feature, um WordPress-Bildergalerien in einer Slideshow-Detailansicht anzuzeigen. Sobald du das Jetpack-Plugin installiert hast, steht dir die neue Funktion zur Verfügung und wird (wenn aktiviert) automatisch für alle Bilder-Galerien eingesetzt. Weiterlesen
RWD Bookmarklet zum Testen von responsive Webdesigns
Mit dem RWD Bookmarklet kannst du die Media Queries-Einstellungen eines responsive Webdesigns direkt im Browser testen. Mit Hilfe einer praktischen Top-Leiste kannst du jede Webseite schnell in verschiedenen Bildschirmformaten (Smartphone, Tablet, Quer- und Hochformate) anzeigen. Natürlich ersetzt das Tool nicht das Live-Testen auf mobilen Geräten selbst, aber z.B. zur schnellen Überprüfung des eigenen Codes finde ich das RWD Bookmarklet sehr nützlich.
Wenn man kreativ arbeitet ist es hilfreich, ab und an nach neuen Inspirationen und Ideen zu suchen und sich die Arbeiten von anderen Kreativen anzusehen. Das Web bietet da natürlich eine endlose Fülle an Design-Inspirationen, so dass man sich oft schon überwältigt fühlt und die Inspirationen kaum mehr aufnehmen und verarbeiten kann.
Ich selbst habe mir daher angewöhnt, Design-Inspirationen nur “in kleinen Häppchen zu konsumieren”. Ab und zu gönne ich mir eine eingeplante Zeit, um auf Blogs zu schmöckern oder inspirierende Bilder und Projekte auf Pinterest oder Evernote zu sammeln. Mit einer heißen Tasse Tee kann man es sich so auch ein wenig gemütlich machen, denn das Sammeln von neuen Inspirationen soll ja schließlich entspannend sein und Spaß machen. Weiterlesen
Der Responsive Slider von DevPress (hier eine Slider-Demo) bietet eine einfache und optisch ansprechende Option, einen Bilder-Slider in ein responsive WordPress-Theme zu integrieren. Es können Bilder mit Bild-Überschriften und Links angelegt werden. Die Integration des Sliders erfolgt entweder direkt über einen PHP-Codeschnipsel in einer Template-Datei (z.B. header.php) oder per Shortcode auf einer Seite oder in einem Artikel. Weiterlesen