3 kostenlose Tools für Web-Designer und -Entwickler
Kommentare

Heute haben wir für die Designer und Entwickler unter Euch ein Visual Tool, einen Konverter und einen Rich-Content-Editor aufgespürt. Alle drei sind kostenlos nutzbar und direkt online verfügbar. Typecast ist darüber hinaus als kostenpflichtige Version mit breiterem Feature-Set zu haben.

1. Sir Trevor

Die Designer von „Made by Many“ haben mit Sir Trevor einen Rich-Content-Editor fürs Web vorgestellt, der Eurem Blog eine Usability verleiht, die dem einen oder anderen Tränen in die Augen treiben könnte. In ihrer frühen Daseinsform beherrscht die JavaScript-Bibliothek bereits die wichtigsten Features für einen peppigen Post: Text, Bilder, Zitate, Listen, Tweets und Videos lassen sich in einzelnen Blöcken untereinander arrangieren. Nach und vor jedem Element signalisiert ein Plus-Symbol, dass sich zwischen die Blöcke stets ein weiterer einfügen lässt. Und jeses Mal poppt dann das Menü auf, das einen mit den Optionen zu den einzelnen Inhalts-Elementen versorgt. Wer mit der Auswahl nicht zufrieden ist, für den sei es „trivial“, eigenen Block-Typen nachzurüsten. Die Dokumentation bringt einem alles bei, was man dafür wissen muss.

Nach dem Editieren speichert man das Produkt unter der Haube im Markdown-Format ab. Damit erhält man eine zusätzliche Abstraktionsschicht zwischen Trevor und HTML. Euer Renderer entscheidet dann, wie er das Markup für die Zielgeräte anpasst. Sir Trevor ist ein kampferprobter Ritter und wird derzeit produktiv beim Online-Broadcasting-Dienstleister itv eingesetzt. Das Tool wird unter MIT-Lizenz auf GitHub vertrieben und kann nach Belieben geforkt und manipuliert werden.

http://madebymany.github.io/sir-trevor-js/

Screenshot: http://madebymany.github.io/sir-trevor-js/

2. AMDClean

AMDClean ist ein einfacher Web-Konverter, der AMD- in Standard JavaScript-Code umwandelt. Bei AMD handelt es sich um das sogenannte Asynchronous Module Definition API, einer JavaScript-Programmierschnittstelle, mit deren Hilfe Module und ihre Abhängigkeiten asynchron geladen werden können.

Der Use-Case: Viele Entwickler benutzen gerne das AMD API, um modulares JavaScript zu schreiben, möchten aber aus Gründen von Dateigröße oder Quellcode-Lesbarkeit keinen kompletten AMD Loader (z.B. require.js) oder AMD Shim (z.B. almond.js) einsetzen. Mit AMDClean.js benötigt man weder require.js, noch almond.js. 

http://gregfranko.com/amdclean/

Screenshot: http://gregfranko.com/amdclean/

3. Typecast für Google Fonts

Die Typecast-App eignet sich ideal zum Experimentieren mit Google Fonts. Hier können direkt auf dem Screen alle verfügbaren Schriftarten zusammen mit der gewünschten Formatierung ausprobiert werden. Eine kostenpflichtige Version des Tools ermöglicht es, mehrere Projekte zu speichern und als Preview mit anderen zu teilen. Nach einer kostenlosen 14-tägigen Probezeit für die Pro-Version fallen anschließend 14,50 US-Dollar im Monat an. Tarife für multiple Accounts kosten zwischen 29,50 und 99,50 US-Dollar monatlich.

http://typecast.com/preview/google

Screenshot: http://typecast.com/preview/google

Aufmacherbild: Workplace of designer close-up von Shutterstock / Urheberrecht: Africa Studio

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -