Web Design & Development Tools

the spacecake framework contains a set of browser tools, that help web -designers and  -developers to construct database-driven websites without programming serverside scripts and SQL queries.

• NodeLab

defines the sitemap structure and the content-elements of the pages in a tree view and the data-tables in an easy editor.

• TemplateEngine

all layout- views are built in this special editor. shortcuts to integrate data from the database and automatic generation of commonly used HTML fragments allow rapid construction of the website's views.

• DirectStyle

is a CSS editor, that automagically saves and applies all changes to the current website. this reduces the time needed to style a website dramatically and makes much fun.

NodeLab - Sitemap Builder

this browser interface makes it possible to create a database driven website, - like a content-management system -, without programming serverside scripts (in PHP, CGI, ..) and SQL commands.

all elements of a site are structured iin a treeview. so it is easy to create and change  pages and navigation without programming and HTML coding. the contents and the main-layouts of the site are also defined here.
elements and modules are placed inside the pages and can then be edited in the frontend.

Template Enigine - Layout Editor

the layout and style of all views in a site are arranged in this browser editor by coding XHTML plus a bunch of extra template variables.
these are shortcuts for common tasks that reduce the typing-work a lot. for example {BTN_EDIT} will automagically be replaced by an edit button that leads to the current data-view editor, if the user has appropriate permissions.

Direct Style - CSS Editor

all layouts and styles of the site are defined in CSS, - the well known  webstandard with endless possibilities.
combined with javascript (dojo library) you can even change styles and layouts dymamically and animate every kind of element.
this editor automatically updates the CSS directly in the website every second. so there is no need to save the CSS file, sritch to the browser, hit ctrl+r to reload hard everytime you want to see the changes. this "automagic-save" reduces the time needed to create a website style drarmatically and frinally makes fun.