SlideShare a Scribd company logo
1 of 59
Construct
A template framework for developers
Babs Gösgens
Babs Gösgens

• Webdeveloper sinds 1995
Babs Gösgens

• Webdeveloper sinds 1995
• Automotive, Retail, Corporate
Babs Gösgens

• Webdeveloper sinds 1995
• Automotive, Retail, Corporate
• Joomla sinds 2006
Babs Gösgens

• Webdeveloper sinds 1995
• Automotive, Retail, Corporate
• Joomla sinds 2006
• Contributor Molajo en Nooku
Construct Unified
Construct Unified

• Template framework
Construct Unified

• Template framework
• Created by a webdeveloper like us
Construct Unified

• Template framework
• Created by a webdeveloper like us
• No restrictions
Construct Unified

• Template framework
• Created by a webdeveloper like us
• No restrictions
• Fully customizeable
Templating, the old way
Templating, the old way

• Have you ever customized 3rd party
  templates?
Templating, the old way

• Have you ever customized 3rd party
  templates?
• Have you ever created multiple layouts?
Templating, the old way

• Have you ever customized 3rd party
  templates?
• Have you ever created multiple layouts?
• What is your approach to keep your CSS
  organized?
Construct, the features
Construct, the features

• Mobile device detection
Construct, the features

• Mobile device detection
• Google web fonts
Construct, the features

• Mobile device detection
• Google web fonts
• IE6 Support (CSS3, transparent PNG)
Construct, the features

• Mobile device detection
• Google web fonts
• IE6 Support (CSS3, transparent PNG)
• JQuery (noconflict)
Construct, the features
Construct, the features

• Joomla 1.6 XHTML overrides
Construct, the features

• Joomla 1.6 XHTML overrides
• Advanced theming
Construct, the features

• Joomla 1.6 XHTML overrides
• Advanced theming
• Extended template overrides
Construct, the features

• Joomla 1.6 XHTML overrides
• Advanced theming
• Extended template overrides
• Follows Joomla templating structure
Dynamic layouts
Dynamic layouts

• Component
Dynamic layouts

• Component
• Category
Dynamic layouts

• Component
• Category
• Section
Dynamic layouts

• Component
• Category
• Section
• Article
Dynamic layouts

• Component
• Category
• Section
• Article
• Menu item
Advanced theming
Advanced theming


• Group sets of extended layout and style
  overrides
Advanced theming
Advanced theming

• Construct let’s you group overrides as an
  advanced theme based on a selected
  stylesheet:

  mytheme.css
  mytheme-com_content.php
Why Construct
Why Construct

• Dedicated CSS
Why Construct

• Dedicated CSS
• Less logic in template
Why Construct

• Dedicated CSS
• Less logic in template
• Full technical and creative freedom
Why Construct

• Dedicated CSS
• Less logic in template
• Full technical and creative freedom
• Easily extendible
Do you need this?
Yes.You probably do.
Let’s play...
Questions?
50% discount
http://joomlaengineering.com
Thank You.
Thank You.


• babs@crossinghippos.nl
Thank You.


• babs@crossinghippos.nl
• info@joomlaengineering.com

More Related Content

What's hot

Customizing the custom loop wordcamp 2012-jeff
Customizing the custom loop   wordcamp 2012-jeffCustomizing the custom loop   wordcamp 2012-jeff
Customizing the custom loop wordcamp 2012-jeff
Alexander Sapountzis
 
Course outline Website Design & Development
Course outline   Website Design & DevelopmentCourse outline   Website Design & Development
Course outline Website Design & Development
VOvais
 

What's hot (20)

WP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post TypesWP 101 - Custom Fields & Post Types
WP 101 - Custom Fields & Post Types
 
web design company salem
web design company salemweb design company salem
web design company salem
 
Mobilizing wordpress WordCamp Edmonton 2011
Mobilizing wordpress WordCamp Edmonton 2011Mobilizing wordpress WordCamp Edmonton 2011
Mobilizing wordpress WordCamp Edmonton 2011
 
WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1WordPress Theme Workshop: Part 1
WordPress Theme Workshop: Part 1
 
SUPER SIMPLE WORDPRESS SEO
SUPER SIMPLE WORDPRESS SEOSUPER SIMPLE WORDPRESS SEO
SUPER SIMPLE WORDPRESS SEO
 
WordCamp Kent 2019 - WP 101: Local Development - Themes and Plugins
WordCamp Kent 2019 - WP 101: Local Development - Themes and PluginsWordCamp Kent 2019 - WP 101: Local Development - Themes and Plugins
WordCamp Kent 2019 - WP 101: Local Development - Themes and Plugins
 
April 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child ThemesApril 2016 - Atlanta WordPress Users Group - Child Themes
April 2016 - Atlanta WordPress Users Group - Child Themes
 
Customizing the custom loop wordcamp 2012-jeff
Customizing the custom loop   wordcamp 2012-jeffCustomizing the custom loop   wordcamp 2012-jeff
Customizing the custom loop wordcamp 2012-jeff
 
Course outline Website Design & Development
Course outline   Website Design & DevelopmentCourse outline   Website Design & Development
Course outline Website Design & Development
 
Minimal responsive blog theme
Minimal responsive blog themeMinimal responsive blog theme
Minimal responsive blog theme
 
On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
On Images and Blogs - Summer 2014 Workshop at Highland Park Public LibraryOn Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
On Images and Blogs - Summer 2014 Workshop at Highland Park Public Library
 
Drupal 7: Theming with Omega
Drupal 7: Theming with OmegaDrupal 7: Theming with Omega
Drupal 7: Theming with Omega
 
How to use WordPress
How to use WordPressHow to use WordPress
How to use WordPress
 
WordPress Theme Workshop: Part 4
WordPress Theme Workshop: Part 4WordPress Theme Workshop: Part 4
WordPress Theme Workshop: Part 4
 
Cine scope
Cine scopeCine scope
Cine scope
 
Creating cross-platform mobile apps
Creating cross-platform mobile apps Creating cross-platform mobile apps
Creating cross-platform mobile apps
 
Mobilizing WordPress
Mobilizing WordPressMobilizing WordPress
Mobilizing WordPress
 
Introduction to SEO
Introduction to SEO Introduction to SEO
Introduction to SEO
 
New Web Revolution - html5 and css3
New Web Revolution - html5 and css3New Web Revolution - html5 and css3
New Web Revolution - html5 and css3
 
Nanocon Taiwan
Nanocon TaiwanNanocon Taiwan
Nanocon Taiwan
 

Viewers also liked (7)

Nooku for dummies
Nooku for dummiesNooku for dummies
Nooku for dummies
 
UC Vendor Overview
UC Vendor Overview UC Vendor Overview
UC Vendor Overview
 
ShowMeTheMoney
ShowMeTheMoneyShowMeTheMoney
ShowMeTheMoney
 
Molajo
MolajoMolajo
Molajo
 
AT&T Park, Giants and Dodgers, and ShoreTel
AT&T Park, Giants and Dodgers, and ShoreTelAT&T Park, Giants and Dodgers, and ShoreTel
AT&T Park, Giants and Dodgers, and ShoreTel
 
Uc summit michels pleasant parker vendor landscape review 29 april 14
Uc summit michels pleasant parker vendor landscape review 29 april 14Uc summit michels pleasant parker vendor landscape review 29 april 14
Uc summit michels pleasant parker vendor landscape review 29 april 14
 
UC Roundup 2013
UC Roundup 2013UC Roundup 2013
UC Roundup 2013
 

Similar to Construct Unified

Project Tools in Web Development
Project Tools in Web DevelopmentProject Tools in Web Development
Project Tools in Web Development
kmloomis
 
Joomla templates2011
Joomla templates2011Joomla templates2011
Joomla templates2011
Linda Coonen
 
Drag and-Drop WordPress Themes
Drag and-Drop WordPress ThemesDrag and-Drop WordPress Themes
Drag and-Drop WordPress Themes
East Bay WordPress Meetup
 

Similar to Construct Unified (20)

Joomla! theming
Joomla! themingJoomla! theming
Joomla! theming
 
Static Site Generation with Hugo and Markdown
Static Site Generation with Hugo and MarkdownStatic Site Generation with Hugo and Markdown
Static Site Generation with Hugo and Markdown
 
2010 11 pubcon_hendison_wordpress
2010 11 pubcon_hendison_wordpress2010 11 pubcon_hendison_wordpress
2010 11 pubcon_hendison_wordpress
 
Drupal: Mitigating Risk with Multiple Content Creators
Drupal: Mitigating Risk with Multiple Content CreatorsDrupal: Mitigating Risk with Multiple Content Creators
Drupal: Mitigating Risk with Multiple Content Creators
 
Project Tools in Web Development
Project Tools in Web DevelopmentProject Tools in Web Development
Project Tools in Web Development
 
Drag-and-drop WordPress Themes, featuring Themify Builder
Drag-and-drop WordPress Themes, featuring Themify BuilderDrag-and-drop WordPress Themes, featuring Themify Builder
Drag-and-drop WordPress Themes, featuring Themify Builder
 
Joomla templates2011
Joomla templates2011Joomla templates2011
Joomla templates2011
 
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 ThemeMinimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
Minimalist Theming: How to Build a Lean, Mean Drupal 8 Theme
 
WordPress vs Joomla Showdown
WordPress vs Joomla ShowdownWordPress vs Joomla Showdown
WordPress vs Joomla Showdown
 
Websites With Wordpress
Websites With WordpressWebsites With Wordpress
Websites With Wordpress
 
Getting started with dev tools (4/10/17 DC)
Getting started with dev tools (4/10/17 DC)Getting started with dev tools (4/10/17 DC)
Getting started with dev tools (4/10/17 DC)
 
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
 
Customizing WordPress Themes
Customizing WordPress ThemesCustomizing WordPress Themes
Customizing WordPress Themes
 
BITM3730 11-8.pptx
BITM3730 11-8.pptxBITM3730 11-8.pptx
BITM3730 11-8.pptx
 
BITM3730 11-7.pptx
BITM3730 11-7.pptxBITM3730 11-7.pptx
BITM3730 11-7.pptx
 
Creating a Reusable Drupal Website for Higher Education - at USG Tech Day
Creating a Reusable Drupal Website for Higher Education - at USG Tech DayCreating a Reusable Drupal Website for Higher Education - at USG Tech Day
Creating a Reusable Drupal Website for Higher Education - at USG Tech Day
 
Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.Keeping Your Themes and Plugins Organized.
Keeping Your Themes and Plugins Organized.
 
Drag and-Drop WordPress Themes
Drag and-Drop WordPress ThemesDrag and-Drop WordPress Themes
Drag and-Drop WordPress Themes
 
Things you can do to brand Office 365 now
Things you can do to brand Office 365 nowThings you can do to brand Office 365 now
Things you can do to brand Office 365 now
 
Wordpress intro
Wordpress introWordpress intro
Wordpress intro
 

Recently uploaded

Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
UXDXConf
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 

Recently uploaded (20)

Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Syngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdfSyngulon - Selection technology May 2024.pdf
Syngulon - Selection technology May 2024.pdf
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
Structuring Teams and Portfolios for Success
Structuring Teams and Portfolios for SuccessStructuring Teams and Portfolios for Success
Structuring Teams and Portfolios for Success
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 
What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024What's New in Teams Calling, Meetings and Devices April 2024
What's New in Teams Calling, Meetings and Devices April 2024
 
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on ThanabotsContinuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
Continuing Bonds Through AI: A Hermeneutic Reflection on Thanabots
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdfLinux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
Linux Foundation Edge _ Overview of FDO Software Components _ Randy at Intel.pdf
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024Extensible Python: Robustness through Addition - PyCon 2024
Extensible Python: Robustness through Addition - PyCon 2024
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
Microsoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - QuestionnaireMicrosoft CSP Briefing Pre-Engagement - Questionnaire
Microsoft CSP Briefing Pre-Engagement - Questionnaire
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptxBT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
BT & Neo4j _ How Knowledge Graphs help BT deliver Digital Transformation.pptx
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 

Construct Unified

Editor's Notes

  1. \n
  2. Uitgeverij, RAI Reclamebureau. Grote projekten als Dixons, Perry Sport, Amici, Bovag, Amsterdam Arena, Hugo Bosch, RAI Groep.\nSinds 2010 zelfstandig ondernemer, eigenaar Crossing Hippos.\n
  3. Uitgeverij, RAI Reclamebureau. Grote projekten als Dixons, Perry Sport, Amici, Bovag, Amsterdam Arena, Hugo Bosch, RAI Groep.\nSinds 2010 zelfstandig ondernemer, eigenaar Crossing Hippos.\n
  4. Uitgeverij, RAI Reclamebureau. Grote projekten als Dixons, Perry Sport, Amici, Bovag, Amsterdam Arena, Hugo Bosch, RAI Groep.\nSinds 2010 zelfstandig ondernemer, eigenaar Crossing Hippos.\n
  5. Uitgeverij, RAI Reclamebureau. Grote projekten als Dixons, Perry Sport, Amici, Bovag, Amsterdam Arena, Hugo Bosch, RAI Groep.\nSinds 2010 zelfstandig ondernemer, eigenaar Crossing Hippos.\n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. 1. Component level layout & css override\n2. Article CSS only override\n3. Section CSS only override\n3. Itemid Layout override\n4. Audience requests\n
  46. \n
  47. \n
  48. \n
  49. \n