Skip to main content

Mit einem Klick mehr über uns erfahren

Tipps & Tools im Pagemachine Blog

5 neue Tools (nicht nur) für Webdesigner und Entwickler

Hilfreiche Tools und Tipps von @pagemachineag
Browser-Plugins, Photoshop-Plugins oder Websites mit hilfreichen Funktionen. Diese kleinen Helfer erleichtern uns (und euch) die Arbeit. Wir wollen die besten, die wir in letzter Zeit gefunden haben, wie immer mit euch teilen. Wenn ihr unsere Tipps nicht verpassen wollt, könnt ihr uns auch auf Twitter folgen.


Was gibt es dieses Mal?

Browser-Plugins, um einer Website Lineale hinzuzufügen, bessere Ausdrucke zu machen oder Text einfach ohne jede Formatierung von einer Website zu kopieren. Photoshop-Plugins, um Speichervorgänge zu automatisieren, mehrere Elemente gleichzeitig zu transformieren. Viel Spaß beim Lesen und Ausprobieren.

Einfach Hilfslinien im Browser

Browser-Plugin: RulersGuides.js

Als Designer oder Entwickler wünscht man sich das oft. Einfach ein paar Hilfslinien in die Seiten ziehen und dann die Maße ablesen…

RulersGuides.js…Rulers&Guides ist ein Bookmarklet, das mit einem Klick jeder Website Lineale hinzufügt, aus denen man wie von Photoshop gewohnt die Hilfslinien herauszieht. Von anderen Bookmarklets mit ähnlicher Funktion unterscheidet es sich durch einige zusätzliche Funktionen. Hilfslinien können abgespeichert werden oder haften automatisch an DOM Elementen.

Entwickler: Mark Rolich (https://github.com/mark-rolich/)
Download & Infos: http://mark-rolich.github.io/RulersGuides.js/

Drucken oder nicht drucken, das ist hier die Frage…

Browser-Plugin: The-Printliminator
Ein Bookmarklet, also ein kleines Javascript, das bei Bedarf aufgerufen wird und Funktionen im Browser ergänzt. Bei The-Printliminator geht es darum, dass Websites so formatiert werden, dass sie sich ohne Schnickschnack ausdrucken lassen.

The-Printliminator-01 The-Printliminator-02

The-Printliminator öffnet eine kleine Box mit Buttons für die wichtigsten Befehle. Besonders hilfreich ist die Möglichkeit, jedes Element der Website per Klick auszublenden, um nur das zu drucken, was man braucht.

Entwickler: CSS-Tricks https://css-tricks.com/
Download & Infos: https://css-tricks.github.io/The-Printliminator/

Schneller Speichern mit Photoshop

PSD-Plugin: Save Panel
Ein nettes kleines Photoshop Plugin, das immer wiederkehrende Speichervorgänge vereinfacht.

Save_Panel

Eine bestimmte Ansicht eines Entwurfs zu speichern, bedeutet meist, den Entwurf zuzuschneiden und dann genau im richtigen Ordner abzulegen,  und das kostet jedesmal Zeit. Wer das kennt, sollte sich Save Panel ansehen. Save Panel erledigt solche Aufgaben per Knopfdruck. Die Buttons sind übersichtlich in einem Tab geordnet und einfach konfigurierbar.

Entwickler: LUMENS BRÖLLOPSFOTOGRAFI, Schweden http://lumens.se/
Download & Infos: http://lumens.se/tools/savepanel/
(Die Website kann leider nicht mehr aufgerufen werden/Stand Januar 2017)

Transformer 😉

PSD-Plugin: Transform Each

Transformer-01 Transformer-02

Transform Each transformiert mehrere Elemente gleichzeitig. Und zwar ohne die Positionen der einzelnen Elemente zu verändern. Kamil Khadeyev bietet bereits die Version 2.1 seines Plugins an. Und das merkt man. Das Bedienungspanel ist effektiv und einfach und auf das Wesentlich reduziert. Dieses Plugin ist ein Muss für alle, die Photoshop professionell nutzen…

Entwickler: Kamil Khadeyev (captain awesome) http://blog.kam88.com/
Download & Infos: http://blog.kam88.com/en/transform-each-21-update.html
Browser-Plugin: Copy without formatting

Text kopieren. Und nur Text…

Nicht jedes Programm erlaubt es, Text einfach ohne Formatierungen einzufügen. Copy without formatting schafft Abhilfe. Ausgewählter Text auf einer Website wird auf Knopfdruck ganz ohne Bilder, Links und Styles in die Zwischenablage eingefügt.

Entwickler: Jing Jin https://github.com/jinjingforever
Download & Infos: https://chrome.google.com/webstore/detail/copy-without-formatting/cekbgkmeapobkbadclnkjfjdbpbcaobd

Mehr Tools gefällig?

Hier geht es übrigens zu den Tipps, die wir früher schon veröffentlicht haben:
https://www.pagemachine.de/blog/5-tools-fur-webdesigner-und-entwickler-so-einfach-wie-nutzlich/
https://www.pagemachine.de/blog/wieder-5-neue-tools-fur-webdesigner-und-entwickler-einfach-und-nutzlich/

Feedback? Sehr gerne!

Wir wollen hier nicht behaupten, dass die oben genannten Werkzeuge die besten oder gar unverzichtbar sind. Wir freuen uns aber, wenn einer oder mehrere unserer Vorschläge euch ein bisschen Arbeit abnehmen. Wenn ihr andere hilfreiche Funktionen kennt oder bessere Lösungen für die gleichen Probleme, freuen wir uns über einen Kommentar. Wenn ihr unsere Tipps hilfreich findet, teilt unseren Beitrag. Vielen Dank dafür.
Die üblichen Links zum Verteilen und Folgen…

4 Gedanken zu „5 neue Tools (nicht nur) für Webdesigner und Entwickler

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.