Tag: software
WebStorm: Intelligente JavaScript-IDE für alle Zwecke
In einem Satz lässt sich die JavaScript-Entwicklungsumgebung WebStorm von JetBrains nur schwer zusammenfassen: Die IDE bietet schlichtweg alles, was das JavaScript-Herz begehrt. Eine integrierte Code-Überprüfung mit Verbesserungsvorschlägen (auch hinsichtlich der Code-Qualität) ist ein sehr interessantes Feature, ebenso wie die völlige Anpassbarkeit des Editors oder die Tools für Refactoring (z.B. TODOs) und Unit Testing (JsTestDriver). Weiterhin bietet WebStorm Support für Node.js, CoffeeScript, TypeScript, Dart, JSLint/JSHint, WebGL, LESS, SASS oder gar ECMAScript Harmony. Zudem wird Zen Coding durch das integrierte Emmet ermöglicht, so dass auch HTML-Code schnell geschrieben ist. Versionierungskontrolle ist natürlich auch möglich, da unter Anderem SVN, CVS und Git unterstützt werden.
Alle Features auf einen Blick finden sich hier. Die IDE sollte wirklich keine Wünsche offen lassen, zumal sie sich in allen Belangen sehr granular anpassen lässt, aber dennoch viele Dinge automatisiert erledigt. Das alles kommt natürlich nicht von ungefähr: Wer mit Visual Studio arbeitet, wird die Erweiterung ReSharper zu schätzen wissen, die ebenfalls von JetBrains stammt und zum unverzichtbaren Werkzeug geworden ist, wenn es um die Entwicklung von On- und Offline-Anwendungen geht.
Interessant ist nun, dass die "Personal License" von WebStorm im Rahmen des Earth Days noch bis zum 22. April 2013 für 26 EUR (zzgl. MwSt.) zu haben ist: Die Verkäufe, die in diesem Zeitraum stattfinden, werden dazu genutzt, den gefährdeten atlantischen Regenwald in Brasilien wiederaufzubauen. Mehr zu der Aktion findet sich im Blog-Eintrag.
Mozilla: Unreal Engine 3 nativ im Webbrowser nutzbar
Wer den Mozilla-Blog verfolgt, wird wahrscheinlich schon die Meldung über die Unreal Engine 3 gelesen haben: Mozilla und Epic haben es in einer ersten Demo geschafft, die 3D-Engine in den Browser zu portieren. Das Ganze ist ohne Plugin möglich und basiert auf dem Javascript-Subset asm.js sowie der JavaScript-Engine-Anpassung "Odinmonkey" (Firefox Nightly), welche das Ausführen von JavaScript-Anwendungen beschleunigt – JavaScript-Code kann dadurch halb so schnell wie nativer Code, also in der Geschwindigkeit von Java oder C# ausgeführt werden. Durch asm.js werden strikte Typen für Float- und Integer-Werte und ein virtueller Heap-Speicherbereich eingeführt, der mit einem typisierten Array realisiert wird. Etwas Ähnliches gab es kürzlich schon mit dem Mozilla-Compiler LLJS, der zudem Pointer oder Structs bietet.
Die Portierung der Unreal Engine 3 (über 1 Million Zeilen Code) basierte auf der Verwendung von Emscripten, einem LLVM-zu-JavaScript-Compiler. In dem Blog-Eintrag findet sich momentan nur ein Video der Demonstration und der Hinweis, dass man bei Mozilla derzeit mit Disney, EA und ZeptoLab zusammenarbeitet, um die Performance-Verbesserungen in modernen Browser-Spielen unterzubringen. Wer die GDC 2013 besucht, kann die Demo in Firefox am nVidia-Stand testen.
Das Portieren einer renommierten 3D-Engine in den Browser war eigentlich nur eine Frage der Zeit, denn erst im Januar wurde bereits mit BananaBread ein Ego-Shooter gezeigt, der auf WebGL und JavaScript basiert. Die Demo aus dem Video zeigt übrigens die Epic Citadel, die auch schon für die Flash-Version der Engine (Stage 3D) genutzt wird.
Webdesign: Expression Web und Design kostenlos
Etwa 5 Jahre nach der Einführung leitet Microsoft nun das Ende für seine Marke "Expression" ein: Das Paket wird eingestellt und die einzelnen Produkte werden in unterschiedlicher Form weiter existieren. Interessant für Webdesigner dürften die Windows-Anwendungen Expression Design 4 und Expression Web 4 sein, die ab sofort kostenlos zum Download bereitstehen: Während Expression Web eine direkte Alternative zu Adobes Dreamweaver darstellt, handelt es sich bei Expression Design um ein vollwertiges vektorbasiertes Zeichenprogramm, das ähnlich wie Adobe Illustrator arbeitet.
Die Expression Design-Software bietet eine moderne Benutzeroberfläche und zudem interessante Features wie etwa B-Splines: Dabei können Vektorformen auf eine alternative Weise erstellt werden, die auf Eckpunkten basiert und damit leichter zu handhaben ist. Die beiden Expression-Tools werden nicht weiterentwickelt, aber dennoch handelt es sich um moderne Web-Werkzeuge, die durchaus solide Alternativen zu gängigen Tools darstellen.
Microsoft Expression Blend, ein Interface-Design-Tool (ähnlich wie Adobe Flash), ist hingegen in Visual Studio 2012 integriert und kann weiterhin zum Erstellen von Windows 8- oder Windows Phone-Apps (WPF) verwendet werden.
CrossOver: Windows-Anwendungen unter Mac OS X
Wer unter Mac OS X arbeitet, wird in der Regel für alle Zwecke ein entsprechendes Programm finden. In bestimmten Fällen besteht allerdings dennoch die Notwendigkeit für Windows-Anwendungen: Hier bieten sich verschiedene Möglichkeiten an, wie etwa ein Dual-Boot mit Bootcamp oder die Verwendung einer virtuellen Maschine durch Parallels. Die dritte Möglichkeit besteht in der nativen Ausführung von Windows-Programmen durch einen Emulator wie Wine. Hierbei wird unter Anderem die Win32-API simuliert, ohne dass dabei das ein installiertes Betriebssystem erforderlich ist. Eine etwas optimierte und benutzerfreundliche Variante von Wine stellt die Anwendung CrossOver dar, welche die einfache Verwendung von Windows-Anwendungen unter Mac OS X ermöglicht.
CrossOver ist im Gegensatz zu Wine eine kommerzielle Software, die für etwa 50 EUR zu haben ist. Die Unterschiede zu Wine finden sich untere Anderem hier. Bis zum Ende dieses Tages (31. Oktober) steht CrossOver im Rahmen einer Aktion noch kostenlos zum Download bereit. Auf dieser Seite müssen lediglich Name und E-Mail-Adresse eingetragen werden, um anschließend den Download-Link für die Anwendung zu erhalten.
Adobe Edge Animate: Version 1.0 in der Creative Cloud
Wie im Blog des Adobe Edge-Teams zu lesen ist, steht das CSS3-Animationswerkzeug "Adobe Edge Animate" ab sofort in finaler Fassung bereit. Die letzte Preview-Version (Version 7) des Tools trug bereits den neuen Namen "Edge Animate" und war noch als Testversion für 31 Tage als Download erhältlich. Mit der Veröffentlichung von Version 1.0 hat Adobe nun auch eine Überraschung verkündet: Edge Animate ist nur über die Creative Cloud erhältlich, was mit einer Adobe-Mitgliedschaft und der Installation des "Adobe Application Managers" verbunden ist. Dafür kann die Software momentan kostenlos heruntergeladen werden und ist in der Einführungsphase frei erhältlich.
Weiterhin ist dem Blog-Eintrag zu entnehmen, dass es keine größeren Neuerungen mehr zwischen dem Preview 7 und Version 1 gibt: Zuletzt wurden größenveränderliche Layouts, Schatteneffekte und das Zeichnen von Ellipsen eingeführt. Edge Animate hat sich mittlerweile zu einem ausgereiften und interessanten Werkzeug für CSS3-Animationen gemausert und wird sicherlich durch weitere Features ergänzt werden. Noch ein Detail zum Schluss: In der Creative Cloud lässt sich auch eine Preview-Version von "Edge Code" herunterladen. Dabei handelt es sich um eine frühe Version eines HTML/CSS/JS-Editors, der zuvor als Brackets veröffentlicht wurde.
Compilr: Online-IDE für C, C#, C++, Java, PHP, Ruby
Mit Ideone steht schon seit geraumer Zeit ein Online-Compiler und -Debugging-Tool für fast jede Programmiersprache zur Verfügung. Damit wird der eingegebene Code also in einer virtualisierten Umgebung kompiliert und ausgeführt. Eventuelle Ausgaben werden anschließend zurückgegeben und im Browser dargestellt. Ähnlich versteht sich auch die Plattform Compilr, die etwas mehr auf das Erlernen von Programmiersprachen ausgelegt ist. Unterstützt werden die Sprachen C, C#, C++, Java, PHP, Ruby, VB.NET sowie die XNA-Plattform.
Auch hier geht es nicht um multimediale Darstellungen im Browser, sondern um die Ausgabe in einer Konsole, die je nach verwendeter Sprache unterschiedlich genutzt werden kann. Compilr gliedert sich in unterschiedliche Bereiche und neben einem Forum sind in erster Linie die bestehenden Projekte interessant, auf die jeder Benutzer (auch ohne Registrierung) zugreifen kann. Der Quellcode der Projekte kann eingesehen und auch kompiliert werden. Für das Erlernen neuer Programmiersprachen ist eine webbasierte Lösung wie Compilr sicher interessant.
TideSDK: Plattformunabhängige Desktop-Apps
Vielen Webentwicklern dürfte die Titanium-Plattform von Appcelerator bekannt sein, mit der sich in erster Linie native iOS- oder Android-Applikationen durch JavaScript entwickeln lassen. Auch hybride Anwendungen sind mit dem Framework möglich. Interessant an der Titanium-Plattform war auch die Möglichkeit, Desktop-Anwendungen mit HTML, JS und CSS zu entwickeln. Allerdings wurde es um diesen Bereich etwas still, was sich aber jetzt wieder ändert: Mit dem TideSDK erscheint das Titanium-Desktop-Framework in neuem Licht und steht nun auch endlich zum Download bereit.
Im Endeffekt ermöglicht das TideSDK das Gleiche, was mit den Tools und SDKs von Mozilla oder Adobe machbar ist: Plattformunabhängige Desktop-Apps (Windows 7/8, Mac OS X, Linux), die durch eine einfache Skriptsprache entwickelt werden können. Im Gegensatz zu Adobes AIR entstehen bei TideSDK allerdings native Anwendungen, die Gebrauch von den betriebssystemspezifischen Funktionen machen können. Zudem lassen sich Titanium-Anwendungen durch weitere Sprachen erweitern: So können neben HTML, JavaScript oder CSS auch Python, Ruby und PHP eingesetzt werden. Weitere Informationen sowie eine Anleitung finden sich hier.
A5 HTML5 Animator: Tool für Web-Animationen
Mit den Fähigkeiten von HTML5 und CSS3 werden komplexe Animationen im Web künftig auch durch Webstandards möglich. Grundsätzlich gibt es die Unterscheidung zwischen HTML5-Canvas-Animationen und CSS3-Transformationen, die auf DOM-Elemente angewendet werden. Für echte Canvas-Animationen gibt es derzeit nur das Mac OS X-Tool Radi, das erweiterte Möglichkeiten wie Vektor-Animationen oder Grafikprogrammierung bietet. Im Bereich der CSS3-Animationen gibt es mehrere Tools wie Adobe Edge, den Sencha Animator oder Hype (Mac OS X).
Nun befindet sich eine neue Anwendung aus diesem Sektor im öffentlichen Beta-Test: Der A5 HTML5 Animator von Data Becker kommt mit einer aufgeräumten Oberfläche und bietet moderne Möglichkeiten für die Animation von DOM-Elementen.
Die Software kommt mit einem ausgereiften Toolset, zu dem eine Timelime, Keyframe-Animationen, Szenen und ein JavaScript-Editor mit Syntaxhervorhebung gehören. Durch die Szenen können also auch umfangreichere Animationen mit verschiedenen Timelines erstellt werden. Die Elemente auf der Bühne können über eine Palette in ihrer Darstellung angepasst und animiert werden (Farbe, Eckenradius, Transparenz, Drehung, Neigung, Schatten, Reflexion, etc.), was komplexere Animationen auch ohne das Schreiben von CSS3-/JavaScript-Code ermöglicht. Interessant sind zudem die "Live-Animationen", bei denen es sich um Effekt-Templates handelt, die beliebig auf Elemente angewendet werden können.
Der A5 HTML5 Animator befindet sich wie gesagt in einer öffentlichen Beta-Phase und kann daher schon heruntergeladen und getestet werden. Die Windows-Anwendung wird in ca. 2 Monaten veröffentlicht werden und ist dann für 117,80 EUR zu haben.