Hi php lovers.

I will introduce you my new template engine developed after a long suffering with smarty engine and many small classes used for this purpose.

The idea to use template engine came to seperate view (user interface, your html, css, js files ... etc) from your server coding (php, database, logic layer ... etc). in the same time make integration easy to :

• Modify the view within one place only, without any effect on your server coding.
• Modify the coding without need to update many files in the views.

That seperation makes your web site or application very organized, easy to read, easy to maintain, easy to update.

To make it so easy we will build a tiny web site step by step.
Our web site is a corporate web site, having thes pages:

• Home page
• About page
• Products page
• Contact page

just that simple, we will create this web site in two files only:

• template.html : which is the html template page, contain the design of the header and footer of the web site and all contents of all the 5 pages in it.
• index.php which is our default page, views only the home page, when accessed this way index.php?about then it will return only the header, footer and the about page content, if you used index.php?products then it returns products part ... etc

Step 1

our template.html will look like this:
...... Home page contents here .... About page contents here .... Products page contents here .... contac page contents here ....

Step 2

Now we need to spare every section alone, so the engine later can read each section as a whole unit. we will call each section a name, like header, footer, home, about, products and contact. then we will use this syntax to define section: ...... section html content here ...... now we will reformat out template file to be converted into sections: ...... Home page contents here About page contents here Products page contents here contac page contents here
Now the engine should understand easily each section.

TO BE CONTINUED .. Follow up

I love to review good designed CSS based sites, the next are some very well designed web sites, i hope you find more design ideas and enjoy experiencing these designs

SteveLeggat.com

Emotionslive.co.uk

Dinis91.com

Joyent.com

Haveamint.com

Hellp all developers. This is my 1st post in my blog, wow that looks exciting after finishing my web site i dreamed of it long time ago.

I love to introduce you a very very professional javascript framework called ExtJS.
From many frameworks i have seen i think this is the most complete one u could find, since it is full of components. almost any component you have seen before in windows desktop applications you could find a similar component in this framework. like button, label, text, combo box, list box, tree, grid, menu, toolbar, message box.... etc.

Also it contains a very exciting grid, you can use it with data sources also.
Using the component is simple, and allow you to build complete GUIs like real windows applications online.

With such framework, you could rebuild all your old windows apps again for the web, applications like ERPs, Database apps, CRMs, Project Management, Financial apps ... etc. And your customers will have even better look and feel than regular windows apps.

ExtJS examples

Feed Viewer 2.0

RSS 2.0 feed reader sample application that features a swappable reader panel layout. View Demo

Web Desktop

Demonstrates how one could build a desktop in the browser using Ext components including a module plugin system. View Demo

Editable Grid

An editable grid loaded from XML that shows multiple types of grid ediors as well as defining custom data records View Demo

Grid Filtering

New! Grid plugins providing custom data filtering menus that support various data types. View Demo

Advanced Tabs

Advanced tab features including tab scrolling, adding tabs programmatically and a context menu plugin. View Demo

Layout Browser

Includes examples for each standard Ext layout, several custom layouts and combination examples. View Demo

Portal Demo

A page layout using several custom extensions to provide a web portal interface. View Demo

Advanced Validation

Relational form field validation using custom vtypes. View Demo

DataView (advanced)

A more customized DataView supporting sorting and filtering with multiple templates. View Demo

Slider

A slider component that supports vertical mode, snapping, tooltips, customized styles and more. View Demo

Progress Bar

A basic progress bar component shown in various configurations and with custom styles. View Demo

There is 10s of more components, also the framework is extendable, so you will find more third party components to use.
For me i will start learning this framework as soon as possible, what a new world of online applications could be created now easily !!

Home Page : www.extjs.com

c ya ;)