Session: Rapid Prototyping – Layoutentwicklung im Browser

CSS Frameworks haben die Art und Weise, wie wir Layouts erstellen, grundlegend verändert. Layouts sind modularer geworden, die Browser gönnen sich kaum noch Schwächen beim Rendering (Stichwort: CSS Bugs). Was sich in den letzten Jahren fast gar nicht verändert hat, ist das Handwerkzeug, mit dem diese Layouts entstehen, denn nach wie vor geschieht die meiste Arbeit im Texteditor.

Die WordPress-Community ist eine der wenigen Communities im CMS-Dschungel, in denen sich im Verlauf der letzten zwei Jahre einige Premium-Themes entwickelt haben, die ein Live-Editing von Themes direkt im Frontend ermöglichen. Der darin gebotene Freiheitsgrad ist jedoch vergleichsweise gering, denn die Bedienung muss für normale User möglich sein. Der Anspruch, den professionelle Frontendentwickler an die Beeinflussung des Quellcodes legen, kann damit nicht erfüllt werden.

Ich werde im Rahmen meiner Session den aktuellen Entwicklungsstand einer neuen Web-Applikation mit Namen „Thinkin’ Tags“ vorstellen, die es sich zur Aufgabe gemacht hat, professionellen Frontendentwickler eine visuell orientierte Entwicklungsumgebung zum schnellen Entwurf von Prototypen bis hin zur vollständigen Ausarbeitung komplexer CSS-Layouts gemacht hat. Das ganze dreht sich also nicht unmittelbar um WordPress, wird aber mit Sicherheit für Entwickler von WordPress-Themes von Interesse sein. „Thinkin’ Tags“ wird im Verlauf der nächsten 14 Tage in einer Public-Alpha veröffentlicht werden, sodass Ihr Euch sowohl vorab als auch im Nachgang des WPCamp auch gern selbst ein Bild von dem Projekt machen könnt.

Dirk Jesse

Ich bin Bauingenieur, betreue hauptberuflich als Chefredakteur eine wissenschaftliche Fachzeitschrift für das Bauingenieurwesen im Verlag Ernst & Sohn in Berlin und entwickle seit über 7 Jahren das CSS-Framework YAML. Über die Arbeit an diesem Projekt habe ich die Liebe zu JavaScript entdeckt und konzentriere mich in letzter Zeit maßgeblich auf die Entwicklung von Webapplikationen. Auf Highresolution.info blogge ich unregelmäßig zum Thema Frontendentwicklung (HTML / CSS / JavaScript).

2 Kommentare » Schreibe einen Kommentar

  1. Da man die Sessiontexte nach der Veröffentlichung leider nicht mehr ändern kann, poste ich die Ergänzung als Kommentar.

    Das Tool, von dem in dieser Session die Rede ist, ist seit letzten Mittwoch live. Ihr könnt Euch also ab sofort unter http://www.thinkintags.com/ selbst ein Bild davon verschaffen, worum sich die Session dreht. Natürlich wäre es auch schon im Vorfeld für mich interessant zu erfahren, wofür Ihr Euch interessiert: Was man mit dem Ding machen kann oder mehr zu den technischen Details im Hintergrund?

Hinterlasse eine Antwort

Pflichtfelder sind mit * markiert.


Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>