B2evo Dev Blog Personal World Issues

Developer Blog

My rambles, thoughts, and developments, for everything to do with web development

Templating System Concepts (the evolution)

Saturday, Feb 16th, 2008

PermalinkCategories: Projects, Ramble, Open   English (AU)

Templating System Concepts (the evolution)

249 words, 1276 views, 02:52:19 am. 
 

Templating Systems are extremely important in web development. They allow us to manage our designs to make them more usable for the user, and more efficient for developers and designers to work with.

Recent developments such as Jaxer (AJAX Server) will allow us to take this to the next evolutionary step. Refer to my previous post Jaxer, the silver bullet for more information on Jaxer and Templating.

I have published a “report” that I have been working on the past few weeks, that details and provides examples of the evolutionary steps of templating systems.

Here are the levels that are included in the report:
Level 0 - Static
Level 1 - Includes
Level 1 - Conditional
Level 2 - Shortcuts
Level 3 - Population
Level 4.0 - Separation
Level 4.1 - Separation (Defaults)
Level 4.2 - Separation (Mixture)
Level 5 - Dedicated Solutions (Templating Engine)
Level 6 - Client Side Templating (Not Fully Functional)
Level 7 - Dual Side Templating (Separate Installations) (Not Fully Functional)
Level 8 - Dual Side Templating (Single Installation) (Not Fully Functional)

Templating Engines Used:
Smarty and JSmarty.

To view and download the report visit here:
http://www.balupton.com/sandbox/templates/

Thanks.

Note (16/02/2008):
Unfortunately, JSmarty is still not in a position to be usable, hence the “Not Fully Functional” notices. Hopefully this project will gain more attention and reach that stage. But for the purpose of showing a concept, it still works well.

Update (17/02/2008):
I decided to make my own javascript smarty template engine, you can check it out it’s progress here:
Balupton’s jQuery Smarty Plugin

Leave a comment • Trackback (0) • Permalink
Emailbalupton

Trackback address for this post:

balupton
Trackback address:
http://www.balupton.com/blogs/htsrv/trackback.php?tb_id=154

Comments, Trackbacks, Pingbacks:

balupton
Comments/Trackbacks/Pingbacks:
No Comments/Trackbacks/Pingbacks for this post yet...

This post has 2 feedbacks awaiting moderation...

Leave a comment:

Your email address will not be displayed on this site.
Your URL will be displayed.

Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>
(Line breaks become <br />)
(Set cookies for name, email and url)
(Allow users to contact you through a message form (your email will NOT be displayed.))

Developer Blog

Developer Blog

Here you can find information on projects that I have worked on, complexities and solutions to problems I have faced, beneficial information like tips n' tricks that I find fit, and anything else that is remotely related.

For anything b2evo related, check here.

September 2010
Mon Tue Wed Thu Fri Sat Sun
 << <   > >>
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      

Search




Categories

Archives

Choose skin

Linkblog

General

Blogs

  • Permalink37Signals Blog

    Brilliant blog that provides professional posts about the industry and things to help you improve.

  • PermalinkAjaxian

    DHTML for the 21st century, Driving up web developer wages world-wide, The Web Renaissance is here, Because you need to have the coolest rounded corners.

  • PermalinkJohn Resig

    John Resig is a JavaScript Evangelist for the Mozilla Corporation and the author of the book ‘Pro Javascript Techniques.’ He’s also the creator and lead developer of the jQuery JavaScript library. He’s currently located in Boston, MA.

  • PermalinkNeowin (Tech Journalism)

    The main site I use to get all my tech news. It also has a great forum.

Services / Products

  • PermalinkAptana Studio

    Why? Aptana Studio offers unparalleled tooling for Ajax including HTML, CSS, DOM, and JavaScript editing and debugging, plus support via additional free plugins for PHP, Ruby on Rails, Adobe AIR, Apple iPhone development.

  • PermalinkFacebook

    The next big thing on the web. A Social Networking Revolution. It has a great dev api allowing you to build applications for it.

  • PermalinkFirefox Extension: Adblock Plus

    Blocks all adverts.

  • PermalinkFirefox Extension: Edit Cookies

    Lets you view, create, and edit cookies.

  • PermalinkFirefox Extension: Firebug

    Lets me debug my javascript work, and inspect the DOM of a website easily.

  • PermalinkFirefox Extension: Greasemonkey

    Lets you make (or install other) javascript scripts that are attached to specified pages. Mainly used to change the display of a page to your liking “permanently".

  • PermalinkFirefox Extension: Html Validator

    When viewing the html source of the page, it highlights the code, displays validation information (and suggested fixes) for lines with problems, as well as a “cleanup” button that fixes everything.

  • PermalinkFirefox Extension: Quick Java

    Provides two little buttons in the status bar which you can click to turn on or off java and javascript.

  • PermalinkFirefox Extension: Tab Mix Plus

    Allows me to make tabs behave and display exactly the way I want them to.

  • PermalinkFirefox Extension: Tamper Data

    Lets you easily modify and view data within page request headers as they are happening. You can also allow or deny requests. Great for hacking.

  • PermalinkFirefox Extension: User Agent Switcher

    Lets you easily switch your user agent to another inside firefox. You can also create your own user agent headers.

  • PermalinkFirefox Extension: Web Developer

    Provides a lot of functions and things that you can use to help with the website development process.

  • PermalinkGoogle Personalized Home

    Keeps me up to date with all I care about in my chosen theme.

  • PermalinkjQuery (Javascript Library)

    jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

  • PermalinkMicrosoft Windows Live Messenger

    How I chat with my peers.

Misc

XML Feeds

What is RSS?