Construct Template Development Framework

Construct Template

Development Framework

Another framework?

Evolving since January, 2009

Rapid development of unique templates

Why use Construct?

• Foundation For Creating Custom Templates

• Maximize Flexibility, Control And Customization

• Minimize Duplication And Complexity

All core CSS, positioning, logic taken care of

How does it work?

• No WYSIWYGs or custom interfaces

• Requires writing minimal code to use

• Simplest implementation: one custom style sheet

Template layout and styling fully customizable

How does it work?

• Core, offline, error, mobile, mobile offline views

• Layouts and CSS can be overridden and customized

Community driven feature set

General features

• Traditional template structure

• Error, offline, mobile views

• Theme capability

• 48 module positions

• Semantic position names

• 5 content area columns

http://github.com/betweenbrain

Available Versions

• Construct Community (free) – core features, on Github

• Construct Pro (membership) – mobile, extended overrides

• Construct Unified (membership) – unified installer, mobile,

extended overrides, 1.6 XHTML core output for 1.5

Allows fine grain, dynamic customization

Extended Template Overrides

• Override layout, dynamically add style sheets

• Global, view, section, category, component, item, article

• Cascade layouts / style sheets with nested categories

General Parameters

• Designer tools and aides

• Custom Style Sheet

• Enable layout, style inheritance

IE Support

• Targeted IE6 PNG transparency fix

• IE6-8 CSS3 Support

Deploy as is or make it your own

Mobile / Tablet Support

• Responsive layout for various device sizes

• Assignable navigation position

• Layout can be overridden

Responsive, gracefully degradable

Mobile / Tablet Support

• Base CSS mobile template

• Enhanced with jQuery Mobile (HTML5, CSS3)

• Comprehensive detection by The MobileESP Project

target(px) ÷ container (px) = result (em)

Typography

• Built-in, web safe font-family classes

• 3 freely assigned Google Web Fonts

• Relatively sized, body {font-size: 76%;}

Future Plans

• “Akeeba” style support manual

• Drop in HTML5 support

• You tell me…

Community driven feature set

Construct Template

Development Framework

Thank you!