50 Angebote für alle Stationen des Webdesigns von der Skizze bis zum Test haben Denise Jacobs and Peter Gasston auf netmagazine.com gesammelt. Dabei sind viele Komplettpakete, die vor allem für Einsteiger interessant sind, weil sie mehrere Werkzeuge zusammenfassen. Sie enthalten CSS- und JavaScript-Vorlagen, um Bilder und Texte zu skalieren oder anzuordnen. Aber auch einfache, kleine Hilfestellungen füllen die Liste, wie pdf-Dokumente, auf denen die verschiedenen Ausgabebildschirme zum Skizzieren der Seite vorgezeichnet sind, oder schlichte Rechenassistenten wie der Responsive Calculator. Dieses Onlineformular errechnet aus den Pixelbreiten der Elemente und der Ränder („Padding“ und „Margin“) CSS-Fragmente in Prozent. Die Texte können, so wie sie sind, in das Stylesheet eingefügt werden.
Ein anderes Werkzeug, Adaptive Images, sorgt dafür, dass sich die Größe der Bilder anpasst. Das Skript erkennt, wie groß die Bildschirme der Ausgabegeräte sind, und erstellt automatisch passende, kleinere Versionen, die es auch selbst verwaltet. Ein Beispiel für ein Vorlagenpaket ist Skeleton. Die Sammlung enthält Stylesheets und JavaScripte, vervollständigt von einer Textdatei für Suchmaschinen, einer Startseite und der wohlbekannten 404-Fehlermeldung als Füllmaterial für Seiten im Aufbau.
Um zu testen, wie die Seite auf den verschiedenen Ausgabemedien erscheint, gibt es viele Angebote. Eine besonders schönes trägt den martialischen Namen Responsinator und wurde von Tama Pugsley und Andy Hovey gebaut. Gibt man den Link der eigenen Homepage ein, zeigt die Seite an, wie das Design auf unterschiedlichen Geräten ungefähr aussieht.
Weiterführende Links:
- 50 fantastic tools for responsive web design netmagazine.com
Article source: http://t3n.de/news/50-kostenlose-einsteigertools-384829/