SlideShare a Scribd company logo
Construct Template Development Framework
Another framework?Evolving since January, 2009
Rapid development of unique templatesWhy use Construct? Foundation For Creating Custom Templates
 Maximize Flexibility, Control And Customization
 Minimize Duplication And ComplexityAll core CSS, positioning, logic taken care ofHow does it work? No WYSIWYGs or custom interfaces Requires writing minimal code to use Simplest implementation: one custom style sheet
Construct Template Development Framework
Construct Template Development Framework
Construct Template Development Framework
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 setGeneral features Traditional template structure Error, offline, mobile views Theme capability 48 module positions
 Semantic position names
 5 content area columnshttp://github.com/betweenbrainAvailable 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 customizationExtended Template Overrides Override layout, dynamically add style sheets Global, view, section, category, component, item, article Cascade layouts / style sheets with nested categories
Construct Template Development Framework
General Parameters Designer tools and aides  Custom Style Sheet Enable layout, style inheritance
Construct Template Development Framework
IE Support Targeted IE6 PNG transparency fix IE6-8 CSS3 Support
Construct Template Development Framework
Deploy as is or make it your ownMobile / Tablet Support Responsive layout for various device sizes Assignable navigation position Layout can be overridden
Mobile / Tablet Support Base CSS mobile template Enhanced with jQuery Mobile (HTML5, CSS3) Comprehensive detection by The MobileESP ProjectResponsive, gracefully degradable
Construct Template Development Framework
Construct Template Development Framework
Construct Template Development Framework
Construct Template Development Framework
Construct Template Development Framework
Typography Built-in, web safe font-family classes 3 freely assigned Google Web Fonts Relatively sized, body {font-size: 76%;}target(px) ÷ container (px) = result (em)
Construct Template Development Framework

More Related Content

PPTX
Molajo - J and Beyond 2011
PDF
Template frameworks
PPTX
Drupal: Organizing Content for Multiple Audiences
PPTX
WordPress Themes and Plugins
PDF
Mobile app development
PDF
Creating Landing Pages for Drupal 8
PDF
Drupal 8 theming principles
PPTX
Online Drupal Training Syllabus
Molajo - J and Beyond 2011
Template frameworks
Drupal: Organizing Content for Multiple Audiences
WordPress Themes and Plugins
Mobile app development
Creating Landing Pages for Drupal 8
Drupal 8 theming principles
Online Drupal Training Syllabus

Similar to Construct Template Development Framework (20)

PPTX
Ui development frameworks html-bootstrap by awa
KEY
CSS Frameworks
PPTX
Using Foundation with Drupal
PPT
Top 10 HTML5 frameworks for effective development in 2016
PPTX
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
PDF
Analyzing bootsrap and foundation font-end frameworks : a comparative study
PDF
Responsive web design with various grids and frameworks comparison
PPT
Single sourcing to the max
PPT
Drupal8 Introduction
PDF
Best 5 CSS Frameworks You Should Know To Design Attractive Websites .pdf
PPTX
RWD - Bootstrap
PPTX
Front end frameworks
PPTX
XPages Workshop: Customizing OneUI
PPT
Sustainable Drupal Theming with Fusion
PDF
Top Front-End Frameworks For Your Web Development Projects.pdf
PPTX
SageFrame Templating
PDF
blogger html & css.pdf
PPT
Comparison ppt
PPTX
Building A Platform From Open Source At Yahoo
PDF
Web Design and Development, SEO In India.pdf
Ui development frameworks html-bootstrap by awa
CSS Frameworks
Using Foundation with Drupal
Top 10 HTML5 frameworks for effective development in 2016
TERMINALFOUR t44u 2009 - University of St Andrews Case Study
Analyzing bootsrap and foundation font-end frameworks : a comparative study
Responsive web design with various grids and frameworks comparison
Single sourcing to the max
Drupal8 Introduction
Best 5 CSS Frameworks You Should Know To Design Attractive Websites .pdf
RWD - Bootstrap
Front end frameworks
XPages Workshop: Customizing OneUI
Sustainable Drupal Theming with Fusion
Top Front-End Frameworks For Your Web Development Projects.pdf
SageFrame Templating
blogger html & css.pdf
Comparison ppt
Building A Platform From Open Source At Yahoo
Web Design and Development, SEO In India.pdf
Ad

Recently uploaded (20)

PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PPTX
Digital-Transformation-Roadmap-for-Companies.pptx
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Electronic commerce courselecture one. Pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
PPTX
Machine Learning_overview_presentation.pptx
PDF
Encapsulation_ Review paper, used for researhc scholars
PPT
Teaching material agriculture food technology
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Approach and Philosophy of On baking technology
PDF
Encapsulation theory and applications.pdf
PDF
Machine learning based COVID-19 study performance prediction
PDF
The Rise and Fall of 3GPP – Time for a Sabbatical?
PDF
cuic standard and advanced reporting.pdf
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
Digital-Transformation-Roadmap-for-Companies.pptx
Building Integrated photovoltaic BIPV_UPV.pdf
20250228 LYD VKU AI Blended-Learning.pptx
Electronic commerce courselecture one. Pdf
The AUB Centre for AI in Media Proposal.docx
Machine Learning_overview_presentation.pptx
Encapsulation_ Review paper, used for researhc scholars
Teaching material agriculture food technology
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Approach and Philosophy of On baking technology
Encapsulation theory and applications.pdf
Machine learning based COVID-19 study performance prediction
The Rise and Fall of 3GPP – Time for a Sabbatical?
cuic standard and advanced reporting.pdf
Reach Out and Touch Someone: Haptics and Empathic Computing
Mobile App Security Testing_ A Comprehensive Guide.pdf
Ad

Construct Template Development Framework

  • 3. Rapid development of unique templatesWhy use Construct? Foundation For Creating Custom Templates
  • 4. Maximize Flexibility, Control And Customization
  • 5. Minimize Duplication And ComplexityAll core CSS, positioning, logic taken care ofHow does it work? No WYSIWYGs or custom interfaces Requires writing minimal code to use Simplest implementation: one custom style sheet
  • 9. 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
  • 10. Community driven feature setGeneral features Traditional template structure Error, offline, mobile views Theme capability 48 module positions
  • 12. 5 content area columnshttp://github.com/betweenbrainAvailable 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
  • 13. Allows fine grain, dynamic customizationExtended Template Overrides Override layout, dynamically add style sheets Global, view, section, category, component, item, article Cascade layouts / style sheets with nested categories
  • 15. General Parameters Designer tools and aides Custom Style Sheet Enable layout, style inheritance
  • 17. IE Support Targeted IE6 PNG transparency fix IE6-8 CSS3 Support
  • 19. Deploy as is or make it your ownMobile / Tablet Support Responsive layout for various device sizes Assignable navigation position Layout can be overridden
  • 20. Mobile / Tablet Support Base CSS mobile template Enhanced with jQuery Mobile (HTML5, CSS3) Comprehensive detection by The MobileESP ProjectResponsive, gracefully degradable
  • 26. Typography Built-in, web safe font-family classes 3 freely assigned Google Web Fonts Relatively sized, body {font-size: 76%;}target(px) ÷ container (px) = result (em)
  • 28. Future Plans “Akeeba” style support manual Drop in HTML5 support You tell me…Community driven feature set
  • 29. Construct Template Development FrameworkThank you!

Editor's Notes

  • #10: Each module “row” is now 6 across.
  • #11: I could have used Construct Community for 90-95% of my client templates.2 versions each of Construct Community and Pro.
  • #12: 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.