Ein eigenes WordPress-Theme zu entwickeln ist ein recht großes Projekt und oft ist es schwierig, bei so vielen verschiedenen Projektschritten den Überblick zu behalten. Und natürlich hat jedes Theme auch immer eigene Anforderungen. So muss man anfangs überlegen, ob das Theme ein individuelles Theme z.B. für ein Kundenprojekt werden soll ober ob man es später für andere zum Download anbieten möchte. Damit du den Projektablauf während der Entwicklung deines eigenen WordPress-Themes etwas besser planen und während der Arbeit im Überblick behalten kannst, habe ich eine Auflistung der wichtigsten Arbeitsschritte von der ersten Ideensammlung, über die Gestaltung, bis hin zum fertigen WordPress-Theme vorbereitet. Weiterlesen
Mit Screenfly Webseiten in verschiedenen Bildschirmformaten online testen →
Screenfly ist ein weiteres, schönes Online-Tool, um das responsive Design einer Webseite schnell in verschiedenen Screenauflösungen zu testen. Wenn du deine Programmierung auf einer Test-Domain online gestellt hast, kannst du so schnell Fehler in den Styles deiner CSS3 Media Queries finden.
Screen Resolution Worksheet für Webdesigner: EPS- und Photoshop-Arbeitsblatt mit den gängigsten Bildschirmgrößen downloaden
Besonders bei der Arbeit an einem neuen responsive Webdesign ist es hilfreich, wenn man sich das erste grobe Webdesign-Layout (einfache Blockelemente reichen da völlig) in verschiedenen Bildschirmgrößen anskizziert. Daher habe ich eine Dateivorlage erstellt, auf der die gängigsten Bildschirmformate bereits vorbereitet sind. Weiterlesen
Eine kleine Sammlung nützlicher WordPress-Widget Plugins für Foto-Fans
Wer viel fotografiert oder sogar über das Thema Fotografie bloggt, möchte bestimmt auch gerne die eigenen Fotos auf seinem Blog präsentieren. Neben der Option Bilder und Bildergalerien direkt in einem Artikeln zu veröffentlichen, ist ein Foto-Widget (in der Webseiten-Sidebar oder auch im Footer) eine weitere tolle Möglichkeit, um die eigenen Bilder auch von externen Plattformen wie Flickr, Picasa oder Instagram zu zeigen. Ich habe ein wenig recherchiert und eine Auswahl hilfreicher WordPress-Plugins mit Widget-Funktion zusammen gestellt. Weiterlesen
Unterstütze HTML5 mit dem HTML5-Logo Badge
Falls deine Webseite oder dein WordPress-Theme bereits mit HTML5 Elementen umgesetzt ist, kannst du das HTML5-Logo zum Beispiel im Footer oder in der Sidebar deiner Webseite integrieren. So kannst du die Verbreitung von HTML5 unterstützen und deinen Besuchern zeigen, dass deine Webseite bereits modern umgesetzt ist. Außerdem ist das Logo auch sehr hübsch gestaltet und ergibt einen kleinen Hingucker auf deiner Seite. 
Mit Hilfe des HTML5 Logo-Badge Builders ist die Integration ganz leicht, du kannst einfach dein Logo-Code kopieren und auf deiner Seite (bei WordPress z.B. in einem Standard-Textwidget) integrieren. Neben dem HTML5 Hauptelement, kannst du das Logo auch noch durch Icons z.B. für CSS3, Multimedia oder Semantics erweitern. Neben dem Badge Builder gibt es auf der HTML5 Logo-Seite von W3C übrigens auch noch verschiedene, schöne HTML5 Logos zum Downloaden.
Wie gefällt dir das HTML5-Logo und wie findest du die Idee, das Logo auf der eigenen Webseite zu integrieren?
10 praktische Tipps für die Entwicklung von responsive Webdesigns
Während der Arbeit an unseren responsive WordPress-Themes haben wir in den letzten Wochen jede Menge neue Erfahrungen dazu gewonnen, etliche Artikel zum Thema gelesen und natürlich auch das ein oder andere Script und Plugin zur Optimierung von responsive Webdesigns ausprobiert. Im folgenden Artikel habe ich daher 10 nützliche Tipps und Tricks zusammengestellt, die bei der Entwicklung von responsive Webdesigns hilfreich sein können. Weiterlesen