Full Site Templating using XHTML/HTML & CSS

If you're a web designer, you're probably sick of messing around with templates, having to drag and drop CSS files or manually upload them either by FTP (file transfer protocol) or using a file upload button on the admin panel.

We weren't happy with that. The life of a designer should be about design and implementation, not about file systems and programs.

So we decided to make stylesheet editing part of the admin panel - you don't have to leave the site you're on.

We added syntax highlighting to the CSS editor, replicating the colour palette found in Visual Studio (Dreamweaver and Coda are to follow). We added support for Damien Guard's Envy Code R and Microsoft's Consolas fonts (in that order), so if you have a one of these fonts installed locally for coding, it'll pick up on that - making your coding experience even more familiar without compromising any licensing terms.

We then file uploader and file tree view to the right hand pane of the stylesheet editor, with the same 'treeview' structure you'll find in Dreamweaver, Expression Web/Blend and Visual Studio, allowing you to always have a path reference to hand for images, fonts and other assets used in your site design.

Then we exposed the master ASP.NET template - containing very little but clean and orderly XHTML syntax code by default, this allows you to change the document type (doctype) and header tags, insert scripts into the header and footer if required, or make any other changes you need.

Typically you may want to customise the layout and conventions of the CMS template by using your in-house syntax - if we use #Wrapper you might prefer #content-wrapper, for instance, or add a permanent sidebar etc.

Every time you update using the save button, the server cache is automatically flushed and the site updates in real-time, perfect for building on a custom domain before putting a newly developed site live.