SlideShare a Scribd company logo

HAXTHEWEB - Drupal 4 Gov webinar

•Download as PPTX, PDF•
•
B
btopro

Headless authoring experience talk on 07/19/2018

Education
1 of 74
Bryan Ollendyke @btopro / btopro@psu.edu Penn State, College of Arts & Architecture
Let’s do this…
#haxtheweb
Headless Authoring eXperience
What is Authoring Experience?
Contributors are users, too!
You love your contributors… don’t you?
Some Section header Second Line
Some Section header Second Line
We’re all toying with improving AX, but... Unpopular opinion alert
It fragments AX & sucks in newwer ways…
Why does Drupal care about my Design. I don’t know Drupal and I’m not able to contribute as a result of that. Michael Collins, Feb 2017 “ “
The CMS will learn your Design. The Design will not learn your CMS. btopro, right now “ “
Why can’t we all just play nice together?
Headless Authoring eXperience!
What is HAX?
<fake-hax-pitch>
HAX is the Drupal 6 authoring experience
No… not this again… It’s not April any more !
Some Section header Second Line
Some Section header Second Line
<real-hax-pitch> ?
We don’t need a framework! the web is the platform!!!
Wait, what is “the platform”?!
The web is the platform!
webcomponents.org
Why web components?
Design / component Uniformity
<div style=“color:blue;”> <a href=“link.com”>Name</a> </div>
<my-button link=“link.com”> Name </my-button>
Sustainability
Sustaina-whaaaaa?
Accessibility
Some Section header Second Line
So what about DX?
Some Section header Second Line
bower install --save LRNWebComponents/hax-body
SIMULTANEOUS Cross project dev!!!!!!!! 6 7 8
bower install --save LRNWebComponents/hax-body
HAXtheweb.org play now
</there’s-a-module-for- that>
</there’s-a-module-for- that> We’ve deleted 20+ modules
</there’s-a-module-for- that> We will continue to delete
</sass>
</sass> We’ve delete > 100,000 lines of Sass / CSS
</sass> We will delete more
All because... <there’s-a-web-component-for-that>
Let’s work together No matter what system we choose!
Drupal Everything should be your backend
</real-hax-pitch>
@btopro #haxtheweb haxtheweb.org elmsln.org

Recommended

The Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from ClojureThe Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from ClojureHsuan Fu Lien
 
Better. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC DesignBetter. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC Designjennifer gergen
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectationsFrancesco Improta
 
Atomic design
Atomic designAtomic design
Atomic designBryan Wengren
 
Font-End Hero
Font-End HeroFont-End Hero
Font-End HeroAlessandro Lima
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End DeveloperMike Wilcox
 
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Bryan Ollendyke
 
Respecting Semantics
Respecting SemanticsRespecting Semantics
Respecting SemanticsBrian Durkin
 

Recommended

The Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from ClojureThe Ideas of Clojure - Things I learn from Clojure
The Ideas of Clojure - Things I learn from ClojureHsuan Fu Lien
 
Better. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC DesignBetter. Faster. UXier. — AToMIC Design
Better. Faster. UXier. — AToMIC Designjennifer gergen
 
Atomic design, a problem of expectations
Atomic design, a problem of expectationsAtomic design, a problem of expectations
Atomic design, a problem of expectationsFrancesco Improta
 
Atomic design
Atomic designAtomic design
Atomic designBryan Wengren
 
Font-End Hero
Font-End HeroFont-End Hero
Font-End HeroAlessandro Lima
 
Why You Need a Front End Developer
Why You Need a Front End DeveloperWhy You Need a Front End Developer
Why You Need a Front End DeveloperMike Wilcox
 
Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Apereo 2018 - Webcomponents and building a unified authoring experience for a...
Apereo 2018 - Webcomponents and building a unified authoring experience for a...Bryan Ollendyke
 
Respecting Semantics
Respecting SemanticsRespecting Semantics
Respecting SemanticsBrian Durkin
 
Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceNicole Sullivan
 
Good, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our ProjectsGood, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our ProjectsJeremy Ward
 
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)Mykl Roventine
 
Frontend++
Frontend++Frontend++
Frontend++Alexander Roche
 
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker
 
Smarter Grids with Sass and Susy
Smarter Grids with Sass and SusySmarter Grids with Sass and Susy
Smarter Grids with Sass and SusyMichelle Barker
 
Elgg: Then, Now, and The Future
Elgg: Then, Now, and The FutureElgg: Then, Now, and The Future
Elgg: Then, Now, and The FutureBrett Profitt
 
Jonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 PresentationJonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 PresentationJonathan Alfonso
 
VK dribbble
VK dribbbleVK dribbble
VK dribbbleOleg Andrianov
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftwGiantJohnPepper
 
이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라NAVER Engineering
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.Cristiano Rastelli
 
RoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely SomethingRoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely Somethingkdmcclin
 
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly
 
Atomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris IndustriesAtomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris IndustriesAlfonso Moreno
 
ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0Aneta Kołosowska (Wiśniewska)
 
Design System & Atomic Design
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Designeggcellent
 
Nobody expects 3D
Nobody expects 3DNobody expects 3D
Nobody expects 3DMichael Senkow
 
Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sassnyccamp
 
SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014Cloud2
 
Midterm Pecha Kucha
Midterm Pecha KuchaMidterm Pecha Kucha
Midterm Pecha KuchaLaura Simpson
 

More Related Content

What's hot

Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceNicole Sullivan
 
Good, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our ProjectsGood, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our ProjectsJeremy Ward
 
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)Mykl Roventine
 
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!Michelle Barker
 
Smarter Grids with Sass and Susy
Smarter Grids with Sass and SusySmarter Grids with Sass and Susy
Smarter Grids with Sass and SusyMichelle Barker
 
Elgg: Then, Now, and The Future
Elgg: Then, Now, and The FutureElgg: Then, Now, and The Future
Elgg: Then, Now, and The FutureBrett Profitt
 
Jonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 PresentationJonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 PresentationJonathan Alfonso
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphiacanarymason
 
이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라NAVER Engineering
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.Cristiano Rastelli
 
RoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely SomethingRoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely Somethingkdmcclin
 
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly
 
Atomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris IndustriesAtomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris IndustriesAlfonso Moreno
 
Design System & Atomic Design
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Designeggcellent
 
Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sassnyccamp
 

What's hot (20)

Creating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve PerformanceCreating Living Style Guides to Improve Performance
Creating Living Style Guides to Improve Performance
 
Good, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our ProjectsGood, Fast, and Cheap: How Modular Design Improves Our Projects
Good, Fast, and Cheap: How Modular Design Improves Our Projects
 
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
The Non-Designers Guide to WordPress (Making Your Site Look Awesome)
 
Frontend++
Frontend++Frontend++
Frontend++
 
Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!Smarter Grids with Sass and Susy...and Wordpress!
Smarter Grids with Sass and Susy...and Wordpress!
 
Smarter Grids with Sass and Susy
Smarter Grids with Sass and SusySmarter Grids with Sass and Susy
Smarter Grids with Sass and Susy
 
Elgg: Then, Now, and The Future
Elgg: Then, Now, and The FutureElgg: Then, Now, and The Future
Elgg: Then, Now, and The Future
 
Jonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 PresentationJonathan Alfonso Project 1 Presentation
Jonathan Alfonso Project 1 Presentation
 
VK dribbble
VK dribbbleVK dribbble
VK dribbble
 
Designing in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, DrupaldelphiaDesigning in the Browser - Mason Wendell, Drupaldelphia
Designing in the Browser - Mason Wendell, Drupaldelphia
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw
 
이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라이번 생에 디자인 시스템은 처음이라
이번 생에 디자인 시스템은 처음이라
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.
 
RoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely SomethingRoR: What is it Good For?: Absolutely Something
RoR: What is it Good For?: Absolutely Something
 
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015Design and Development Techniques for Accessibility: WordCamp Tampa 2015
Design and Development Techniques for Accessibility: WordCamp Tampa 2015
 
Atomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris IndustriesAtomic Design Presentation for Polaris Industries
Atomic Design Presentation for Polaris Industries
 
ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0ITea&Coffee - Atomic design systems 2.0
ITea&Coffee - Atomic design systems 2.0
 
Design System & Atomic Design
Design System & Atomic DesignDesign System & Atomic Design
Design System & Atomic Design
 
Nobody expects 3D
Nobody expects 3DNobody expects 3D
Nobody expects 3D
 
Mobile and Responsive Design with Sass
Mobile and Responsive Design with SassMobile and Responsive Design with Sass
Mobile and Responsive Design with Sass
 

Similar to HAXTHEWEB - Drupal 4 Gov webinar

SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014Cloud2
 
An introduction to Sketch
An introduction to SketchAn introduction to Sketch
An introduction to SketchSachiko Suzuki
 
S&T Pair up suckaz 070417
S&T Pair up suckaz 070417S&T Pair up suckaz 070417
S&T Pair up suckaz 070417Dan Dineen
 
Purpose1. To identify how you view leadership2. To exp.docx
Purpose1. To identify how you view leadership2. To exp.docxPurpose1. To identify how you view leadership2. To exp.docx
Purpose1. To identify how you view leadership2. To exp.docxamrit47
 
Learning to think "The Designer Way"
Learning to think "The Designer Way"Learning to think "The Designer Way"
Learning to think "The Designer Way"Ben Hall
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Thinkful
 
CSS-in-JS in React: Why, current state, and bright future.
CSS-in-JS in React: Why, current state, and bright future.CSS-in-JS in React: Why, current state, and bright future.
CSS-in-JS in React: Why, current state, and bright future.Andrii Los
 
Typography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteTypography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteRavi Bhadauria
 
3stages Wdn08 V3
3stages Wdn08 V33stages Wdn08 V3
3stages Wdn08 V3Boris Mann
 
Developing The Web
Developing The WebDeveloping The Web
Developing The Webtimoh
 
Rasmus, Think Again! Agile Framework == Happy Php Developer
Rasmus, Think Again! Agile Framework == Happy Php DeveloperRasmus, Think Again! Agile Framework == Happy Php Developer
Rasmus, Think Again! Agile Framework == Happy Php DeveloperArno Schneider
 
Visual Rhetoric, Feb 11, 2013
Visual Rhetoric, Feb 11, 2013Visual Rhetoric, Feb 11, 2013
Visual Rhetoric, Feb 11, 2013Miami University
 
On Readability of Code
On Readability of CodeOn Readability of Code
On Readability of CodeArun Saha
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Ben Buchanan
 
You suckatpowerpoint
You suckatpowerpointYou suckatpowerpoint
You suckatpowerpointUros Milic
 
You Suck at PowerPoint
You Suck at PowerPointYou Suck at PowerPoint
You Suck at PowerPointARTILLERY LLC
 
Design is not a bug ticket - All Things Open 2016 Keynote
Design is not a bug ticket - All Things Open 2016 KeynoteDesign is not a bug ticket - All Things Open 2016 Keynote
Design is not a bug ticket - All Things Open 2016 KeynoteRachel Nabors
 

Similar to HAXTHEWEB - Drupal 4 Gov webinar (20)

SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014SharePoint Musical - SharePoint Saturday 2014
SharePoint Musical - SharePoint Saturday 2014
 
Midterm Pecha Kucha
Midterm Pecha KuchaMidterm Pecha Kucha
Midterm Pecha Kucha
 
An introduction to Sketch
An introduction to SketchAn introduction to Sketch
An introduction to Sketch
 
S&T Pair up suckaz 070417
S&T Pair up suckaz 070417S&T Pair up suckaz 070417
S&T Pair up suckaz 070417
 
Purpose1. To identify how you view leadership2. To exp.docx
Purpose1. To identify how you view leadership2. To exp.docxPurpose1. To identify how you view leadership2. To exp.docx
Purpose1. To identify how you view leadership2. To exp.docx
 
Learning to think "The Designer Way"
Learning to think "The Designer Way"Learning to think "The Designer Way"
Learning to think "The Designer Way"
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
 
CSS-in-JS in React: Why, current state, and bright future.
CSS-in-JS in React: Why, current state, and bright future.CSS-in-JS in React: Why, current state, and bright future.
CSS-in-JS in React: Why, current state, and bright future.
 
Typography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia InstituteTypography Anatomy By ADMEC Multimedia Institute
Typography Anatomy By ADMEC Multimedia Institute
 
3stages Wdn08 V3
3stages Wdn08 V33stages Wdn08 V3
3stages Wdn08 V3
 
Developing The Web
Developing The WebDeveloping The Web
Developing The Web
 
Rasmus, Think Again! Agile Framework == Happy Php Developer
Rasmus, Think Again! Agile Framework == Happy Php DeveloperRasmus, Think Again! Agile Framework == Happy Php Developer
Rasmus, Think Again! Agile Framework == Happy Php Developer
 
Visual Rhetoric, Feb 11, 2013
Visual Rhetoric, Feb 11, 2013Visual Rhetoric, Feb 11, 2013
Visual Rhetoric, Feb 11, 2013
 
Designer vs Developer
Designer vs DeveloperDesigner vs Developer
Designer vs Developer
 
On Readability of Code
On Readability of CodeOn Readability of Code
On Readability of Code
 
Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)Things designers and developers should know (WDS18)
Things designers and developers should know (WDS18)
 
You suckatpowerpoint
You suckatpowerpointYou suckatpowerpoint
You suckatpowerpoint
 
You Suck at PowerPoint
You Suck at PowerPointYou Suck at PowerPoint
You Suck at PowerPoint
 
Week10
Week10Week10
Week10
 
Design is not a bug ticket - All Things Open 2016 Keynote
Design is not a bug ticket - All Things Open 2016 KeynoteDesign is not a bug ticket - All Things Open 2016 Keynote
Design is not a bug ticket - All Things Open 2016 Keynote
 

More from btopro

ELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ ApereoELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ Apereobtopro
 
EdTechJoker Open Activism Project
EdTechJoker Open Activism ProjectEdTechJoker Open Activism Project
EdTechJoker Open Activism Projectbtopro
 
Lecture13 Containers
Lecture13 ContainersLecture13 Containers
Lecture13 Containersbtopro
 
Ed techjoker faculty presentation
Ed techjoker faculty presentationEd techjoker faculty presentation
Ed techjoker faculty presentationbtopro
 
IST 402 Presentation by Sonya
IST 402 Presentation by SonyaIST 402 Presentation by Sonya
IST 402 Presentation by Sonyabtopro
 
Lecture11 - Accessibility
Lecture11 - AccessibilityLecture11 - Accessibility
Lecture11 - Accessibilitybtopro
 
EdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWebEdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWebbtopro
 
Drupal
DrupalDrupal
Drupalbtopro
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPressbtopro
 
Grav CMS
Grav CMSGrav CMS
Grav CMSbtopro
 
HAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp addressHAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp addressbtopro
 
HAX camp 2019 - Welcome
HAX camp 2019 - WelcomeHAX camp 2019 - Welcome
HAX camp 2019 - Welcomebtopro
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managersbtopro
 
HTML / CSS / JS Web basics
HTML / CSS / JS Web basicsHTML / CSS / JS Web basics
HTML / CSS / JS Web basicsbtopro
 
Background info on git / github
Background info on git / githubBackground info on git / github
Background info on git / githubbtopro
 
EdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus dayEdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus daybtopro
 
Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web componentsbtopro
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarbtopro
 
HAX - Chaotic Good
HAX - Chaotic GoodHAX - Chaotic Good
HAX - Chaotic Goodbtopro
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19btopro
 

More from btopro (20)

ELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ ApereoELMS:LN 2020 update @ Apereo
ELMS:LN 2020 update @ Apereo
 
EdTechJoker Open Activism Project
EdTechJoker Open Activism ProjectEdTechJoker Open Activism Project
EdTechJoker Open Activism Project
 
Lecture13 Containers
Lecture13 ContainersLecture13 Containers
Lecture13 Containers
 
Ed techjoker faculty presentation
Ed techjoker faculty presentationEd techjoker faculty presentation
Ed techjoker faculty presentation
 
IST 402 Presentation by Sonya
IST 402 Presentation by SonyaIST 402 Presentation by Sonya
IST 402 Presentation by Sonya
 
Lecture11 - Accessibility
Lecture11 - AccessibilityLecture11 - Accessibility
Lecture11 - Accessibility
 
EdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWebEdTechJoker - HAXTheWeb
EdTechJoker - HAXTheWeb
 
Drupal
DrupalDrupal
Drupal
 
ClassicPress / WordPress
ClassicPress / WordPressClassicPress / WordPress
ClassicPress / WordPress
 
Grav CMS
Grav CMSGrav CMS
Grav CMS
 
HAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp addressHAX camp 2019 - HAX The Camp address
HAX camp 2019 - HAX The Camp address
 
HAX camp 2019 - Welcome
HAX camp 2019 - WelcomeHAX camp 2019 - Welcome
HAX camp 2019 - Welcome
 
Web components and Package managers
Web components and Package managersWeb components and Package managers
Web components and Package managers
 
HTML / CSS / JS Web basics
HTML / CSS / JS Web basicsHTML / CSS / JS Web basics
HTML / CSS / JS Web basics
 
Background info on git / github
Background info on git / githubBackground info on git / github
Background info on git / github
 
EdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus dayEdTechJoker IST 402 - Syllabus day
EdTechJoker IST 402 - Syllabus day
 
Future proofing design work with Web components
Future proofing design work with Web componentsFuture proofing design work with Web components
Future proofing design work with Web components
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinar
 
HAX - Chaotic Good
HAX - Chaotic GoodHAX - Chaotic Good
HAX - Chaotic Good
 
HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19HAXTheWeb @ Apereo 19
HAXTheWeb @ Apereo 19
 

Recently uploaded

Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersChitralekhaTherkar
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
MENTAL STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxMENTAL STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxSayali Powar
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 

Recently uploaded (20)

Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Micromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of PowdersMicromeritics - Fundamental and Derived Properties of Powders
Micromeritics - Fundamental and Derived Properties of Powders
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
MENTAL STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxMENTAL STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptxPOINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 

HAXTHEWEB - Drupal 4 Gov webinar

Editor's Notes

  1. Ignore them at your own peril.
  2. Ignore them at your own peril.
  3. In Wpr
  4. Paragraphs, Bricks and Layout
  5. Paragraphs, Bricks and Layout
  6. But we’re still just using using toys in the Drupal toybox for Drupal and the Wordpress toybox for wordpress.
  7. But we’re still just using using toys in the Drupal toybox for Drupal and the Wordpress toybox for wordpress.
  8. Isn’t the best AX one that is similar no matter what? (Mac and PC, iPhone and Android, English and Metric--it’s a pain for us to go back in forth between systems that do the same thing, now imagine that pain for authors who have to work in different systems.)
  9. Nikki reacts, “Tell them.”
  10. Nikki reacts, “Preach!”
  11. Atomic / Uniform / Pattern Library
  12. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  13. Polymer/Skate/Xtag/Vanilla JS and used in Drupal, WP, Vue, Angular & React
  14. Semantic HTML
  15. In 1 year, 6 months of just Bryan and Potter.
  16. Building a module v. building a component.