Nachdem ich heute morgen den neusten Responsive Webdesign Newsletter von @justinavery gelesen habe, hatte ich ein kleines Aha-Erlebnis, da ich sein Site-Project Tool “Am I Responsive?” bisher noch nicht entdeckt hatte. Dabei ist das Screenshot-Tool wirklich genial und macht jede Menge Spaß, denn mit nur einem Klick kannst du dir deine responsive Website in einer schönen Präsentation auf verschiedenen Geräten anzeigen lassen.
Artikel der Kategorie ‘Link-Tipps’
Link-Tipps: Hilfreiche, kostenlose Online-Tutorials zum Lernen von HTML & CSS
Jeder der mehr über HTML und CSS erfahren möchte, sollte diese zwei wunderschönen Online-Tutorials (nur in englischer Sprache) auf keinen Fall verpassen. Auf der Webseite “Learn CSS Layout” kannst du dich Klick für Klick durch einen praktischen Guide mit vielen modernen CSS-Tipps (auch zur Entwicklung von mobile-ready Websites) durcharbeiten. Die Webseite richtet sich an Anfänger, doch auch geübtere CSS-Fans können auf der übersichtlich gestalteten Seite bestimmt noch so einiges mitnehmen.
Sneak Peek: Erste Screenshots unseres neuesten Premium Themes Tatami
Hier sind die ersten Screenshots unseres neuesten Themes Tatami, an dem wir die letzten Wochen gearbeitet haben. Das Theme ist natürlich wieder responsive und mit einem Off-Canvas Layout ausgestattet. Wir hoffen dir gefallen die ersten Vorschaubilder.
Link-Tipp: Ausführliches WordPress-Theme Tutorial bei Themeshaper
Auf Themeshaper (dem Blog des Theme-Teams von Automattic) läuft derzeit ein spannendes und sehr ausführlich erklärtes Tutorial zur Erstellung eines eigenen WordPress-Themes. Wer lernen möchte, wie ein WordPress-Theme von Grund auf aufbaut wird, sollte also unbedingt in die 17-teilige Artikel-Serie reinschauen.
Link-Tipp: Der Frager im Interview mit Theme-Entwicklerin Ellen Bauer
Der Frager hat mir ein paar Fragen übers Freelancing, den Elmastudio-Blog und die WordPress Theme-Entwicklung gestellt.
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.
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.
Ellens Artikel auf Smashing Magazine: Create A Responsive, Mobile-First WordPress Theme
Heute wurde ein Artikel von mir auf Smashing Magazine zum Thema “Responsive WordPress Themes” veröffentlicht. Schau doch auf jeden Fall einmal rein, ich freue mich schon auf dein Feedback zum Artikel!
English
Deutsch