0
Construct Template Development Framework<br />
Another framework?<br />Evolving since January, 2009<br />
Rapid development of unique templates<br />Why use Construct?<br /><ul><li> Foundation For Creating Custom Templates
 Maximize Flexibility, Control And Customization
 Minimize Duplication And Complexity</li></li></ul><li>All core CSS, positioning, logic taken care of<br />How does it wor...
Template layout and styling fully customizable <br />How does it work?<br /> Core, offline, error, mobile, mobile offline ...
Community driven feature set<br />General features<br /> Traditional template structure<br /> Error, offline, mobile views...
 Semantic position names
 5 content area columns</li></li></ul><li>http://github.com/betweenbrain<br />Available Versions<br /> Construct Community...
Allows fine grain, dynamic customization<br />Extended Template Overrides<br /> Override layout, dynamically add style she...
General Parameters<br /> Designer tools and aides <br /> Custom Style Sheet<br /> Enable layout, style inheritance<br />
IE Support<br /> Targeted IE6 PNG transparency fix<br /> IE6-8 CSS3 Support<br />
Deploy as is or make it your own<br />Mobile / Tablet Support<br /> Responsive layout for various device sizes<br /> Assig...
Mobile / Tablet Support<br /> Base CSS mobile template<br /> Enhanced with jQuery Mobile (HTML5, CSS3)<br /> Comprehensive...
Typography<br /> Built-in, web safe font-family classes<br /> 3 freely assigned Google Web Fonts<br /> Relatively sized, b...
Upcoming SlideShare
Loading in...5
×

Construct Template Development Framework

830

Published on

An overvview of the Construct Template development Framework from http://joomlaengineering.com

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
830
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
8
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Each module “row” is now 6 across.
  • I could have used Construct Community for 90-95% of my client templates.2 versions each of Construct Community and Pro.
  • Layout override is basically another version of index.phpChange head portion of document (i.e. include external PHP files)Address the issue of menu dependant module assignment.
  • Transcript of "Construct Template Development Framework"

    1. 1. Construct Template Development Framework<br />
    2. 2. Another framework?<br />Evolving since January, 2009<br />
    3. 3. Rapid development of unique templates<br />Why use Construct?<br /><ul><li> Foundation For Creating Custom Templates
    4. 4. Maximize Flexibility, Control And Customization
    5. 5. Minimize Duplication And Complexity</li></li></ul><li>All core CSS, positioning, logic taken care of<br />How does it work?<br /> No WYSIWYGs or custom interfaces<br /> Requires writing minimal code to use<br /> Simplest implementation: one custom style sheet<br />
    6. 6.
    7. 7.
    8. 8.
    9. 9. Template layout and styling fully customizable <br />How does it work?<br /> Core, offline, error, mobile, mobile offline views<br /> Layouts and CSS can be overridden and customized<br />
    10. 10. Community driven feature set<br />General features<br /> Traditional template structure<br /> Error, offline, mobile views<br /> Theme capability<br /><ul><li> 48 module positions
    11. 11. Semantic position names
    12. 12. 5 content area columns</li></li></ul><li>http://github.com/betweenbrain<br />Available Versions<br /> Construct Community (free) – core features, on Github<br /> Construct Pro (membership) – mobile, extended overrides<br /> Construct Unified (membership) – unified installer, mobile, extended overrides, 1.6 XHTML core output for 1.5<br />
    13. 13. Allows fine grain, dynamic customization<br />Extended Template Overrides<br /> Override layout, dynamically add style sheets<br /> Global, view, section, category, component, item, article<br /> Cascade layouts / style sheets with nested categories<br />
    14. 14.
    15. 15. General Parameters<br /> Designer tools and aides <br /> Custom Style Sheet<br /> Enable layout, style inheritance<br />
    16. 16.
    17. 17. IE Support<br /> Targeted IE6 PNG transparency fix<br /> IE6-8 CSS3 Support<br />
    18. 18.
    19. 19. Deploy as is or make it your own<br />Mobile / Tablet Support<br /> Responsive layout for various device sizes<br /> Assignable navigation position<br /> Layout can be overridden<br />
    20. 20. Mobile / Tablet Support<br /> Base CSS mobile template<br /> Enhanced with jQuery Mobile (HTML5, CSS3)<br /> Comprehensive detection by The MobileESP Project<br />Responsive, gracefully degradable <br />
    21. 21.
    22. 22.
    23. 23.
    24. 24.
    25. 25.
    26. 26. Typography<br /> Built-in, web safe font-family classes<br /> 3 freely assigned Google Web Fonts<br /> Relatively sized, body {font-size: 76%;}<br />target(px) ÷ container (px) = result (em)<br />
    27. 27.
    28. 28. Future Plans<br /> “Akeeba” style support manual<br /> Drop in HTML5 support<br /> You tell me…<br />Community driven feature set<br />
    29. 29. Construct Template Development Framework<br />Thank you!<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×