Dienstag,
26. April 2011

Ostern ist gerade vorbei, doch ich habe noch eine kleine Überraschung. Seit der Veröffentlichung des YAML Builders 1.0 im Februar 2008 war mir klar, dass dies die Richtung ist, in die ich mit meinen zukünftigen Projekten verfolgen wollte. Zum einen bin ich selbst ein eher visuell orientierter Mensch, zum anderen wollte ich schon damals nicht akzeptieren, dass die Community zwar täglich Webapplikationen wie Google Mail & Docs sowie die Vorzüge von HTML5 hypt, der normale Webentwickler aber seine CSS-Layouts in der Regel auch heute noch im Texteditor schreibt und immer wieder den Browser anklickt, F5 drückt, um sein Getipptes alle paar Minuten auf Fehlerfreiheit zu überprüfen. Das kann nicht die Zukunft sein.

Also habe ich angefangen, darüber nachzudenken, wie sich das Konzept hinter dem YAML-Builder sinnvoll aufbohren lässt. Nach zahlreichen Diskussionen, Tests und JavaScript-Lernerei habe ich angefangen. Dieser Beginn meines neuen Projektes »Thinkin’ Tags« liegt nun ca. 2 Jahre zurück und es ist Zeit, die ersten Ergebnisse der Programmierarbeit der letzten zwei Jahre vorzustellen.

Das Projekt »Thinkin’ Tags«

»Thinkin’ Tags« ist eine völlig neuartige, browserbasierte Entwicklungsumgebung für das schnelle Erstellen von Layout-/Webseiten-Prototypen mit bisher einzigartigen Features. »Thinkin’ Tags« ist als webbasierter Dienst konzipiert, der nach erfolgreicher Betaphase neben einem kostenfreien Zugang auch kostenpflichtige Premiumfeatures anbieten wird (allerdings wird bis dahin noch etwas Zeit vergehen). Die Layout-Prototypen können entweder von Grund auf mit einfachem HTML & CSS erstellt werden oder optional auf Basis verschiedener CSS-Frameworks. Dabei steht selbstverständlich YAML (aktuell in der Version 4 alpha3) zur Verfügung aber auch Grid-Frameworks wie Blueprint CSS (bereits experimentell implementiert) sowie zukünftig auch 960.gs sind angedacht.

Der große Vorteil des browserbasierten Prototypings in Verbindung mit einem CSS-Framework ist, dass der auf diese Weise entstehende Code in großen Teilen weiter- bzw. wiederverwendbar ist für die finale Umsetzung des Layouts für den Produktivbetrieb. Einerseits erlaubt der visuelle Ansatz, CSS-Layouts im Browser zu »entwerfen«, denn dank der mittlerweile hervorragenden Performance aktueller Browser und den visuellen Gestaltungsmöglichkeiten mit CSS2 und CSS3 ist das Vorzeichnen in Grafikprogrammen wie Photoshop in vielen Fällen unnötig. Andererseits sichert die professionelle Codebasis und die Ausrichtung von »Thinkin’ Tags« als Werkzeug für erfahrene Frontendentwickler eine Codequalität, die ein eine annähernd vollständige Übernahme des Prototypen in die nachfolgenden Enwicklungsschritte ermöglicht. Und auch wenn in der Vergangenheit zahlreiche desktopbasierte WYSIWYG-Editoren (Dreamweaver, GoLive, ExpressionWeb) nicht das erreicht haben, was ihre Werbung verspricht, ist dieser Ansatz innerhalb eines Browsers ausgesprochen reizvoll.

Das folgende Video basiert auf einem etwas älteren Entwicklungsstand (Januar 2011), es gibt jedoch einen recht guten Überblick darüber, wie die Applikation bedient wird und was in technischer Hinsicht momentan möglich ist.

Einige Features ...

  • Vollständig browserbasierte Erstellung von Layout-Prototypen (in Firefox, Chrome, Safari und Opera)
  • Unterstützung für CSS-Frameworks YAML und Blueprint CSS (960.gs in Vorbereitung)
  • Der Anwender hat nahezu vollständige Kontrolle über Markup und CSS
  • CSS-Parser zeigt CSS-Eigenschaften einschließlich Vererbung an
  • Jegliche CSS-Änderungen werden unmittelbar sichtbar
  • Verschiedene Darstellungsmodi zur Erstellung des Markups, sowie des Screen- und Print-Layouts
  • Projektexport und Download als ZIP-File

 

Video & Screenshots

Die nachfolgenden Screenshots aus dem aktuellen Entwicklungsstand des Projekts zeigen zentrale Funktionen der Applikation. Ein Klick auf die Bilder öffnet die Großdarstellung.




30 Testpiloten gesucht

Vor dem Start der Betaphase ist es mir wichtig, die bisher implementierte Funktionalität ausgiebig zu testen und deren Grenzen auszuloten. Ich suche daher max. 30 Testuser, die in den kommenden Wochen die Applikation ausgiebig testen und dabei Bugtracker, Feature-Wunschliste und das Nutzerforum mit möglichst ebenso ausführlichem Feedback befüllen.

Wer darf mitmachen?

Wer sich also um einen Testaccount bewerben möchte, sollte folgende Voraussetzungen mitbringen:

  • Umfassende Kenntnisse im Umgang mit YAML (Projekterfahrung sollte über 2-3 Referenzen nachgewiesen werden)
  • Gute Kenntnisse im Umgang mit dem aktuellen YAML Builder
  • Interesse/Begeisterung an visuellen Arbeitsmethoden zur Layouterstellung
  • Ausdauer und Erkundungswillen eines “unfertigen Produktes”, denn eine Dokumentation gibt es nicht - aber vieles zu entdecken
  • Verlässlichkeit in Bezug auf ehrliches, ausgiebiges Testen und die Bereitschaft, ebenso ausführlich Feedback über Schwächen und Stärken der Applikation weiterzugeben.
  • Eure Monitorauflösung sollte deutlich oberhalb von 1280 Pixeln Breite liegen
  • Die englische Sprache sollte für Euch kein Hindernis sein
  • Die Testtätigkeit an die Akzeptanz einer Vertaulichkeitserklärung gebunden

Bewerbung für den Testzugang

Bewerbungen sendet Ihr bitte per Email an office[at]highresolution.info mit dem Betreff “TT-Alpha”.  Die Testaccounts werden dann ab nächster Woche verteilt.

Da vermutlich nicht jeder, der sich auf diesen Aufruf meldet mit einem Testaccount versorgt werden kann: bitte nicht böse sein. Ihr werdet zu einem etwas späteren Zeitpunkt mit einem Beta-Account versorgt werden - versprochen.


Du kannst die Kommentare zu diesen Eintrag durch den RSS 2.0 Feed verfolgen. Du kannst einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten.

Dieser Eintrag kann nicht mehr kommentiert werden.