Drücke die Tasten ◄ ► für weitere Artikel  

Nützliche JavaScript Libraries und Coding Tools

Tools, die Arbeitsprozesse für Webdesigner- und Entwickler verbessern und optimieren sollen, gibt es viele. JavaScript-Bibliotheken gibt es schon fast so oft wie den berühmten Sand am Meer. Damit wir darüber den Überblick behalten, hat Smashing Magazine eine nützliche Übersicht erstellt.

Nützliche JavaScript Libraries und Coding Tools

Es wäre nicht sehr sinnvoll, wenn ich hier die Liste des Smashing Magazine einfach wiederhole, daher werde ich euch im Kurzen einfach meine Lieblingstools aus dieser Liste vorstellen, auch wenn ich euch empfehlen würde, dass ihr euch einfach mal einen freien Tag nehmt und diese Tools und Libraries durchtestet. Es sind einige auf der Liste bei denen man einen „Aha“-Effekt hat in der Art: „Das habe ich ja schon ewig gesucht.“

LiveReload 2

Live Reload 2
Live Reload 2

Mittlerweile gibt es zwar Web-Developer-Tools in fast allen Browsern. Doch fehlen diesen oft bestimmte Möglichkeiten, die eine IDE im Moment zum Entwickeln von Internetseiten unersetzbar machen. Um bei Änderungen in der IDE das Browserfenster nicht immer neu laden zu müssen, gibt es LiveReload. LiveReload überwacht bestimmte Ordner und sobald ihre diese Dateien bearbeitet, speichert und im Browser geöffnet habt, macht ReloadLive einen Refresh der aktuellen Seite im Browser für euch. Dasselbe gilt für CSS-Dateien oder Bilder.

Bootstrap von Twitter

Bootstrap
Bootstrap

Besonders Webentwickler haben immer wieder das Problem beim Start eines neuen Projektes, dass sie zur ersten Präsentation eine ansehnliche Oberfläche brauchen. Man kann sich nun also ein fertiges Template kaufen oder sich ein Dummy-Template selbst anfertigen. Doch das kostet Zeit und damit auch Geld. Abhilfe schafft da Bootstrap, ein Toolkit, das bereits alles Nötige für den Start bereithält und dabei sehr flexibel bleibt. Mit Hilfe von Bootstrap müsst ihr euch erst einmal nicht mehr mit Typographie, Navigationen und Formularen rumschlagen. Bootstrap hat bereits alles Nötige integriert.

The Colour Bookmark

The Colour Bookmark
The Colour Bookmark

Wenn ihr, so wie ich, Probleme mit der farblichen Umsetzung eurer Projekte habt, solltet ihr euch The Colour Bookmark ansehen. Ein sehr nettes Tool, das euch die Farben von anderen Seiten analysiert und ausgibt. Für mich eine unerlässliche Inspirationsquelle.

Weinre & Aardwolf

Weinre
Weinre

Viele stehen vor dem Problem, dass es schwer ist, seine Entwürfe auf verschiedenen Geräten zu testen und zu debuggen. Weinre von den Entwicklern von Phonegap bietet hier eine Lösung an, HTML und CSS zu bearbeiten und per Remote synchron auf einem anderen Gerät anzeigen zu lassen. Aardwolf dagegen ist für das Debugging von konzipiert und auf den meisten Geräten lauffähig.

Comparison Table Generator

Ich bin selber überrascht, dass ich dieses Tool zum Entwerfen von Tabellen in der Art von Checklisten so oft nutze. Aber um übersichtliche Vergleichslisten schnell und schick entwerfen zu können, ist dieses Tool für mich einfach unentbehrlich.

Was haltet ihr von den Tools und welche neuen Tools für Webworker fehlen auf der Liste ?

Weiterführende Links zum Thema:

22 Shares bis jetzt – Dankeschön!

Bewerten
VN:F [1.9.22_1171]
Eine Antwort
  1. von Sascha Mans am 22.12.2011 (09:01Uhr)

    Der Comparison Table Generator ist ne feine Sache. Danke für den Tipp!

Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema JavaScript
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]
t3n-Aktion: „Schrödinger lernt HTML5, CSS3 und JavaScript“ [+Verlosung]

Du willst in die Webentwicklung einsteigen und HTML5, CSS3 und JavaScript lernen? Das etwas andere Fachbuch „Schrödinger lernt HTML5, CSS3 und JavaScript“ vermittelt mit Witz die Theorie und... » weiterlesen

Warum auch Manager Programmieren lernen
Warum auch Manager Programmieren lernen

Immer mehr Menschen eignen sich Programmierkenntnisse an – viele schon als Kinder. Allerdings lernen auch Erwachsene eine Programmiersprache, entweder aus privatem Interesse, oder weil es vom... » weiterlesen

Hilfe für Einsteiger: JavaScript-Guides und Best-Practice-Code
Hilfe für Einsteiger: JavaScript-Guides und Best-Practice-Code

Du bist Anfänger und setzt keine oder kaum Coding-Conventions ein? Dann solltest du diesen Artikel lesen, denn darin lest ihr wie ihr die Qualität eures JavaScript-Codes verbessern könnt: mit... » weiterlesen

Kennst Du schon unser t3n Magazin?

t3n-Newsletter
Top-Themen der Woche für Web-Pioniere
Jetzt kostenlos
anmelden
Diesen Hinweis verbergen