Die Webworker-Toolbox
Utilities, Online-Tools, Cheat-Sheets, Plugins, Generatoren, Datendienste - Arbeitshilfen im Webworker-Alltag
Allerdings weiss auch jeder, dass es eher nie aufhört, sich immer wieder neue neue Tools anzuschauen und auszuprobieren, ob diese dem eigenen Workflow noch etwas weiterhelfen könnten.
In diiesem Sinne ist auch die Webworker-Toolbox zu verstehhen. Im Lauf der Zeit kommen weitere Einträge und Rubriken oder Kategorien hinzu. So dass diese Seite immer wieder ihr Gesicht etwas veränder wird, wenn es Updates gibt. Empfehlungen nehme ich selbstverständlich gerne entgegen.
Responsive Webdesign
-
Der Responsive Design Viewer
Beim Responsive Design Viewer braucht man lediglich noch die URL eingeben, Endgeräte auswählen und die Website wird so angezeigt, wie sie der Besucher in der Realität auch sehen würde.
http://www.active-value.de/responsive-design-viewer/ -
Am I Responsive?
Testet das Design auf verschiedenen Viewports (1600 x 992px; 1280 x 802px; 768 x 1024px; 320 x 480px).
http://ami.responsivedesign.is -
Designmodo
Mit Designmodo lässt sich das eigene Design schnell mit verschiedenen Bildschirmgrössen testen.
http://designmodo.com/responsive-test/ -
Responsinator
Der Responsinator testet Webseiten auf einem iPhone.
http://www.responsinator.com -
Responsive Design Testing
Dieser Tester simuliert verschiedene Viewports und zeigt die mittels CSS3 Media Queries optimierten Layouts parallel an.
http://mattkersley.com/responsive/ -
Pixeltuner
Hier brauchen Sie nur die URL noch eingeben und das Testen kann beginnen. Die angegebene Webseite wird in fünf Grössen, von 320 x 480 bis 1280 x 800 angezeigt.
http://responsive.pixeltuner.de
Ich selbst habe mir hierzu folgendes Buch gekauft, das ich nur wärmstens empfehlen kann:
[asa default_de]3446431187[/asa]
Generatoren für verschiedene Anwendungen
-
GenerateWP
Der einfachste und schnellste Weg, um kundenspezifische und qualitativ hochwertigen Code für Ihre WordPress-Projekte mit der neuesten WordPress-Coding-Standards und APIs zu erstellen. Darunter sind z. B. Taxonomy Generator, Post Type Generator, Menu Generator, Shortcodes Generator und noch viele andere mehr.
http://generatewp.com/ -
Ultimate CSS Gradient Generator
Ein äußerst leistungsfähiger Photoshop- wie CSS-Gradient Editor von ColorZilla. Es lassen sich damit ganz einfach vielfältigste Verläufe erstellen.
http://www.colorzilla.com/gradient-editor/
Den RSS-Feed unserer Links der Woche abonnieren
Weitere Tipps und Aktuelle News