CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of...
Transcript of CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of...
![Page 1: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/1.jpg)
CONTENTVS
CONFIGURATION
HTML5 in a CMS
http://www.jenlampton.com
Jennifer Lea Lampton
@jenlampton
Tuesday, October 16, 2012
![Page 2: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/2.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUND
Tuesday, October 16, 2012
![Page 3: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/3.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDOLDSKOOL
•Building websites since 1997
Tuesday, October 16, 2012
![Page 4: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/4.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
•Building websites since 1997•Before the days of CSS
BACKGROUNDOLDSKOOL
Tuesday, October 16, 2012
![Page 5: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/5.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
•Building websites since 1997•Before the days of CSS•Used tables for layouts ..ssh!
BACKGROUNDOLDSKOOL
Tuesday, October 16, 2012
![Page 6: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/6.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
•Building websites since 1997•Before the days of CSS•Used tables for layouts•Dreamweaver first “IDE”
BACKGROUNDOLDSKOOL
Tuesday, October 16, 2012
![Page 7: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/7.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
•Building websites since 1997•Before the days of CSS•Used tables for layouts ..ssh!•Dreamweaver first “IDE”•Might have used Geocities
BACKGROUNDOLDSKOOL
Tuesday, October 16, 2012
![Page 8: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/8.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDCODER
•studied CS in college
Tuesday, October 16, 2012
![Page 9: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/9.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDCODER
•studied CS in college•got a “real job” in web
Tuesday, October 16, 2012
![Page 10: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/10.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDCODER
•studied CS in college•got a “real job” in web•wrote my own template engine (kindof)
Tuesday, October 16, 2012
![Page 11: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/11.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDCODER
•Studied CS in college•got a real job in web•wrote my own template engine•wrote my own CMS
that’s really hard! :(
Tuesday, October 16, 2012
![Page 12: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/12.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDIN OPEN SOURCE
•Used lots of stuff
Tuesday, October 16, 2012
![Page 13: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/13.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDIN OPEN SOURCE
•Used lots of stuff•Evaluated even more stuff
Tuesday, October 16, 2012
![Page 14: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/14.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDIN OPEN SOURCE
•Used lots of stuff•Evaluated even more stuff•Discovered Drupal
Tuesday, October 16, 2012
![Page 15: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/15.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006
Tuesday, October 16, 2012
![Page 16: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/16.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007
Tuesday, October 16, 2012
![Page 17: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/17.jpg)
BAY AREA DRUPAL CAMPNov 1st - 4th, 2012
FREE!
http://2012.badcamp.net
Tuesday, October 16, 2012
![Page 18: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/18.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007•Module maintainer since 2008
Tuesday, October 16, 2012
![Page 19: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/19.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007•Module maintainer since 2008•DrupalCon SF organizer, 2010
Tuesday, October 16, 2012
![Page 20: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/20.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007•Module maintainer since 2008•DrupalCon SF organizer, 2010•Drupal Trainer since 2010
Tuesday, October 16, 2012
![Page 21: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/21.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007•Module maintainer since 2008•DrupalCon SF organizer, 2010•Drupal Trainer since 2010•Core contributor since 2011
Tuesday, October 16, 2012
![Page 22: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/22.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDDRUPAL DEVELOPER
•Using Drupal since 2006•BADCamp organizer since 2007•Module maintainer since 2008•DrupalCon SF organizer, 2010•Drupal Trainer since 2010•Core contributor since 2011•Core “initiative” leader since 2012
Tuesday, October 16, 2012
![Page 23: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/23.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDFRONT, WHAT?
•No HTML5 experience
Tuesday, October 16, 2012
![Page 24: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/24.jpg)
CONTENTVSCONFIGURATIONby Jen Lampton
BACKGROUNDFRONT, WHAT?
•No HTML5 experience•Here for your opinions
Tuesday, October 16, 2012
![Page 25: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/25.jpg)
DRUPALWho’s heard of Drupal?
Tuesday, October 16, 2012
![Page 26: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/26.jpg)
DRUPALWho’s heard of Drupal?
Who’s in the room?
Tuesday, October 16, 2012
![Page 27: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/27.jpg)
DRUPAL(drew-pull)
Tuesday, October 16, 2012
![Page 28: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/28.jpg)
DRUPAL(drew-pull)
Free.
Tuesday, October 16, 2012
![Page 29: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/29.jpg)
DRUPAL(drew-pull)
Free.Open Source.
Tuesday, October 16, 2012
![Page 30: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/30.jpg)
DRUPAL(drew-pull)
Free.Open Source.
Community supported.
Tuesday, October 16, 2012
![Page 31: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/31.jpg)
DRUPAL(drew-pull)
Free.Open Source.
Community supported.“Content Management System”
Tuesday, October 16, 2012
![Page 32: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/32.jpg)
DRUPAL“Content Management System”
Separation of ‘Editorial’ experience & ‘Administrative’ experience
Tuesday, October 16, 2012
![Page 33: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/33.jpg)
DRUPAL“Content Management System”
Separation of ‘Editorial’ experience & ‘Administrative’ experience(they are not developers)
Tuesday, October 16, 2012
![Page 34: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/34.jpg)
DRUPALwhat about developers?
Tuesday, October 16, 2012
![Page 35: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/35.jpg)
DRUPALDevelopers really <3 Drupal
Tuesday, October 16, 2012
![Page 36: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/36.jpg)
DRUPALDevelopers really <3 Drupal
“Content Management Framework” (CMF?!?)
Tuesday, October 16, 2012
![Page 37: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/37.jpg)
SITES USING DRUPAL
Tuesday, October 16, 2012
![Page 38: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/38.jpg)
SITES USING DRUPALThe Music Industry
Britney Spears The Grateful Deadhttp://www.drupalshowcase.com/site-industries/Entertainment
Tuesday, October 16, 2012
![Page 39: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/39.jpg)
SITES USING DRUPALNews Media
The Economist Al Akhbarhttp://groups.drupal.org/media-publishing-sites
Tuesday, October 16, 2012
![Page 40: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/40.jpg)
SITES USING DRUPALGovernments
The White House China - retired soldiers ntwkhttp://groups.drupal.org/government-sites
Tuesday, October 16, 2012
![Page 41: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/41.jpg)
SITES USING DRUPALEducational Institutions
Stanford University Harvard Universityhttp://groups.drupal.org/government-sites
Tuesday, October 16, 2012
![Page 42: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/42.jpg)
SITES USING DRUPALNon Profit Institutions
Kiva Habitat for Humanityhttp://www.drupalsites.net/categories/nonprofit
Tuesday, October 16, 2012
![Page 43: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/43.jpg)
SITES USING DRUPALE-Commerce sites
Zappos IKEAhttp://www.drupalshowcase.com/site-industries/Consumer%20Products
Tuesday, October 16, 2012
![Page 44: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/44.jpg)
ONE CMSVery different websites.
Tuesday, October 16, 2012
![Page 45: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/45.jpg)
(to rule them all)
ONE CMS
Tuesday, October 16, 2012
![Page 46: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/46.jpg)
Very Different websites.
When is it safe to assume which semantic markup should be used?
ONE CMS
Tuesday, October 16, 2012
![Page 47: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/47.jpg)
&
Tuesday, October 16, 2012
![Page 48: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/48.jpg)
DRUPAL & HTML5(Safe assumptions)
Tuesday, October 16, 2012
![Page 49: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/49.jpg)
DRUPAL & HTML5(Safe assumptions)
DOCTYPE
Tuesday, October 16, 2012
![Page 50: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/50.jpg)
DRUPAL & HTML5(Safe assumptions)
LAYOUTS
Tuesday, October 16, 2012
![Page 51: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/51.jpg)
DRUPAL & HTML5(Safe assumptions)
SEMANTICS
Tuesday, October 16, 2012
![Page 52: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/52.jpg)
DRUPAL & HTML5(Safe assumptions)
SEMANTICS
Tuesday, October 16, 2012
![Page 53: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/53.jpg)
DRUPAL & HTML5(Safe assumptions)
FORM ELEMENTS
Tuesday, October 16, 2012
![Page 54: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/54.jpg)
DRUPAL & HTML5(Safe assumptions)
FORM ATTRIBUTES
Tuesday, October 16, 2012
![Page 55: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/55.jpg)
DRUPAL & HTML5(Safe assumptions)
CSS3 RESIZE
Tuesday, October 16, 2012
![Page 56: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/56.jpg)
DRUPAL & HTML5wait...
WHAT ABOUT IE?
Tuesday, October 16, 2012
![Page 57: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/57.jpg)
DRUPAL & HTML5wait...
WHAT ABOUT IE?
Tuesday, October 16, 2012
![Page 58: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/58.jpg)
(UnSafe assumptions)
DRUPAL & HTML5
Tuesday, October 16, 2012
![Page 59: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/59.jpg)
(UnSafe assumptions)
•nav tag?•ul / ol tags?•just divs?
FIELDS
DRUPAL & HTML5
Tuesday, October 16, 2012
![Page 60: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/60.jpg)
(UnSafe assumptions)
•article tags?•just divs?
LIST ITEMS
DRUPAL & HTML5
Tuesday, October 16, 2012
![Page 61: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/61.jpg)
(UnSafe assumptions)
•asside tag?•nav tag?•just a div?
BLOCKS
DRUPAL & HTML5
Tuesday, October 16, 2012
![Page 62: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/62.jpg)
UNSAFE ASSUMPTIONS
Tuesday, October 16, 2012
![Page 63: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/63.jpg)
UNSAFE ASSUMPTIONS
•should these tags depend on the content within?(does an ad with an image get a figure tag?)
Tuesday, October 16, 2012
![Page 64: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/64.jpg)
UNSAFE ASSUMPTIONS
•should these tags depend on the content within?(does an ad with an image get a figure tag?)•are tags dependent on the context of the page?
(is an article in the sidebar actually an aside?)
Tuesday, October 16, 2012
![Page 65: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/65.jpg)
UNSAFE ASSUMPTIONS
•should these tags depend on the content within?(does an ad with an image get a figure tag?)•are tags dependent on the context of the page?
(is an article in the sidebar actually an aside?)•do different developers have different opinions?
Tuesday, October 16, 2012
![Page 66: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/66.jpg)
UNSAFE ASSUMPTIONS
•should these tags depend on the content within?(does an ad with an image get a figure tag?)•are tags dependent on the context of the page?
(is an article in the sidebar actually an aside?)•do different developers have different opinions?
WHERE DOES THIS CONTROL GO?
Tuesday, October 16, 2012
![Page 67: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/67.jpg)
I CAN HAS CONTROL?
THEME LAYER
Browser > PHP > DB > PHP > HTML + CSS + JS > browser
(for front-end developers only ??)
(code in version control ++)
(can’t be changed quickly / easily --)
(breaks admin interfaces --)
Tuesday, October 16, 2012
![Page 68: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/68.jpg)
I CAN HAS CONTROL?
Browser > PHP > DB > PHP > HTML + CSS + JS > browser
(for administrators ++)
(*code not in version control --)
(can be changed quickly / easily ++)
(does not break other user interfaces++)
ADMIN INTERFACES?
Tuesday, October 16, 2012
![Page 69: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/69.jpg)
I CAN HAS CONTROL?
ADMIN INTERFACES?
how do you do that?
Tuesday, October 16, 2012
![Page 70: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/70.jpg)
I CAN HAS CONTROL?
ADMIN INTERFACES?
how do you do that?
not very well :/
Tuesday, October 16, 2012
![Page 71: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/71.jpg)
Complex interfaces for simple problems
DRUPAL & HTML5
FIELDS - “FIELD UI”
* with fences module
Tuesday, October 16, 2012
![Page 72: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/72.jpg)
Complex interfaces for simple problems
DRUPAL & HTML5
LIST ITEMS - “VIEWS”
“views in core” initiative in D8
Tuesday, October 16, 2012
![Page 73: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/73.jpg)
Complex interfaces for simple problems
DRUPAL & HTML5
BLOCKS - “PANELS”
blocks & layouts initiative in D8
Tuesday, October 16, 2012
![Page 74: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/74.jpg)
DRUPAL & HTML5Complex interfaces for simple problems
HOW MUCH IS TOO MUCH?
Tuesday, October 16, 2012
![Page 75: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/75.jpg)
DRUPAL & HTML5Complex interfaces for simple problems
HOW MUCH IS TOO MUCH?
Drupal 8(eta, Fall 2013)
Tuesday, October 16, 2012
![Page 76: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/76.jpg)
(demo + discussion time?)
DRUPAL & HTML5Complex interfaces for simple problems
Tuesday, October 16, 2012
![Page 77: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/77.jpg)
CONTENTVS
CONFIGURATION
HTML5 in a CMS
http://www.jenlampton.com
Jennifer Lea Lampton
@jenlampton
Tuesday, October 16, 2012
![Page 78: CONTENTCONTENT VSCONFIGURATION by Jen Lampton •Building websites since 1997 •Before the days of CSS BACKGROUND OLDSKOOL Tuesday, October 16, 2012](https://reader033.fdocuments.net/reader033/viewer/2022042914/5f8e7486058866543f544550/html5/thumbnails/78.jpg)
photo credits:
high school: http://shrewsbury.net/?p=16272
html: http://www.tammyhartdesigns.com/about/html-css/
no css: http://www.asexuality.org/en/index.php?/topic/63070-conversation-but-no-typed-words-allowed-warning-big-pictures/page__st__300
tables for layouts: http://blog.silktide.com/2011/04/why-you-shouldnt-use-tables-for-layout-ever/
ethernet: http://www.etny.net/cabling
now hiring: http://www.bluedoorpublishing.com/job-opportunities/
template engine: http://deepak-keswani.blogspot.com/2011/09/freemarker-vs-velocity-ftl-vs-vm.html
admin login: http://simplecmsphp.com/help_simplecms.php
editor : http://www.fakechineserubberplant.com/2010/05/the-art-craft-of-editing/editor-2/
admin: http://varsityb.com/hall-of-fame/lyle-smith/
nerd: http://www.clipartguide.com/_pages/0511-1111-0813-0150.html
heart: http://www.hitrecord.org/records/214779
geocities: http://eisabainyo.net/weblog/2009/04/24/my-homepage-on-geocities-10-years-ago/
dreamweaver: http://www.pearsoned.co.uk/bookshop/detail.asp?item=100000000108189
os commerce: http://www.blog.pc-serveis.es/recursos-web/tienda-online-oscommerce-tutorial-manual-instalacion
sugar crm: http://insightoverflow.com/how-to-install-sugarcrm-community-edition-open-source/
phpfox : http://www.azureitsolutions.com/azure/services.html
mambo: http://www.preachingchat.com/lectionaryblog/
joomla: http://www.pittan.co.uk/blog/2010/06/10/is-there-an-easier-way-to-build-my-web-pages/joomla-logo-vert-color/
drupal : http://drupal.org/node/9068
pole: http://en.wikipedia.org/wiki/Amundsen's_South_Pole_expedition
money: http://aleheads.com/2012/06/28/beer-money/
open hood car : http://www.carexpose.com/2011/01/how-to-replace-a-hood/
one ring: http://omriz.deviantart.com/art/One-Ring-To-Rule-Them-All-5054321
html5: http://www.w3.org/html/logo/
sad panda: http://pandaaday.wordpress.com/2010/01/28/
speech bubble: http://media.photobucket.com/image/speech%20bubble/paravillintiniaypunk/Speech20Bubble.png?o=12
wft cat: http://www.wannasmile.com/2008/page/228/
Tuesday, October 16, 2012