7 Tools für Web-Designer und Blog-Künstler
Kommentare

Viele Blogger schrecken davor zurück, Code zu verwenden. Dabei lassen sich ohne größeren Aufwand kleinere Programme in Websites und Blogs einfügen und auf diese Weise aufwerten. Bereits letzte Woche haben wir Euch einige Tools und Web-basierte Apps für Webdesigner vorgestellt. Hier folgt nun eine Fortsetzung der praktischen Liste, bei der sowohl für Profis als auch für Anfänger etwas dabei ist.

Typecast

Typecast erlaubt es, mit Web Fonts herumzuexperimentieren. Die beliebtesten Web Fonts können zentral verwaltet werden, Größen geändert und sogar direkt verglichen werden. Die ersten 14 Tage ist das Programm kostenlos, danach kostet es 29 Dollar pro Monat.

Dabei kann man sich gänzlich auf das Design konzentrieren, denn das Programm sorgt dafür, dass die Semantik erhalten bleibt und der Code angepasst wird. Weitere Informationen gibt es auch auf dem Typecast Blog. Beispiele für Designs mit Typecast findet Ihr hier.

Shiny Demos

Shiny Demos wurden von den Opera Entwicklern zusammengestellt und entsprechen immer den neuesten Open Web Standards. Aus den Bereichen Audio & Video, Canvas, SVG, WEBGL, Touch, CSS 3 und Get User Media bietet die Seite viele Demos und Beispiele, die das eigene Programmieren erleichtern und inspirieren sollen. Wie wäre es zum Beispiel mit einem Hixie-Keyboard?

Bildquelle: http://shinydemos.com/

TimelineJS

Mit Timeline lassen sich unkompliziert und intuitiv Zeitleisten erstellen, in die Inhalte zum Beispiel aus Twitter, YouTube, Flickr, Vimeo, Google Maps und SoundCloud importiert werden können. Je nach Bedürfnis kann das Erstellen einer Timeline so einfach wie das Erstellen eines Google Spreadsheets oder so detailliert wie mit JSON sein.

Bildquelle: http://timeline.verite.co/

Eine Anleitung sowie ein FAQ gibt es auf der Website von Timeline.

JavaScript Console

Mit JavaScript Console lassen sich einfach Bugs aus JavaScript und mobilen Web Apps entfernen und so sollte das Tool der erste Anlaufpunkt beim Testen von Scripten im Browser sein. JavaScript Console liefert nach der Überprüfung des Scripts eine Fehlermeldung, die aus Zeilennummer, Fehlerbeschreibung und Script-Adresse besteht.

Bildquelle: http://jsconsole.com/?%3Ahelp

Tag My Doc

Tag my Doc ist ein Cloud-Speicher, über den man Dokumente, Reports und vieles mehr mit QR-Codes versehen und so Online verfügbar machen kann. Hält man zum Beispiel einen Vortrag, kann das Dokument so problemlos mit den Zuhörern geteilt und in digitaler Form verfügbar gemacht werden. Ändert man das Dokument oder die Präsentation nachträglich, kann dies kann dies ebenfalls online verfügbar gemacht werden, ohne dass sich der QR Code ändert. Wenn die Zuhörer ohnehin mobile Geräte benutzen, kann so auch gänzlich auf das Ausdrucken von Hand-Outs verzichtet werden.

Mit dem Programm lassen sich Dokumente sogar über das Smartphone mit einem QR Code versehen. Außerdem können die Dokumente direkt über die Website mit einem Zugangscode heruntergeladen werden.

Die Basisversion  mit einem Limit von 2 MB pro Datei und 50 Dateien insgesamt sowie einigen weiteren Einschränkungen ist kostenlos, de Premium-Version kostet 5 Dollar pro Monat, die Premium Plus Version 9 Dollar pro Monat. Die App gibt es für Windows, iOS, Android und Blackberry zum kostenlosen Download.

Dabblet

Mit Dabblet lassen sich interaktiv und schnell CSS und HTML Codes ausprobieren und testen. Da es ohne Prefixes auskommt, erleichtert dies die Arbeit enorm.

Bildquelle: http://dabblet.com/

Dirty Markup

Dirty Markup ist eine Webapp, die Features von HTML Tidy, CSS Tidy, JS Beautify und Ace Editor vereint, um den eigenen Code klar und sauber zu halten. Hierzu muss lediglich die Website aufgerufen und der Code in das rechte Fenster übertragen werden, das mit einem Ace Editor ausgestattet ist. Während der Code mit JS Beautifier einfach lesbarer wird, komprimieren CSS Tidy, Tidy und HTML beispielsweise lange Farbangaben und ersetzen sie durch Hex-Codes. Per Copy-Paste kann der gereinigte Code entnommen werden.

Bildquelle: http://www.dirtymarkup.com/

Unsere Redaktion empfiehlt:

Relevante Beiträge

Meinungen zu diesem Beitrag

X
- Gib Deinen Standort ein -
- or -