Embed Size (px)
DESCRIPTION
This presentation outlines some of the key elements of the Bootstrap engine and why we should use it in Moodle
Citation preview
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
What is Bootstrap?
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Created by Twitter
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
What is a Bootstrap?
Framework
HTML5 CSS3 Javascript
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
One Source
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Adaptive Design
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Responsive Design V
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Both allow websites to be viewed in mobile devices and various screen
sizes, ultimately providing users with a better mobile user experience
AWD or RWD
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Adaptive Web Design
http://centerofgravity.ca/Demo of Adaptive
a series of pre-defined layouts for fixed browser widths
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Responsive Web Design
http://www.includewine.com/Demo of Responsive
the layout fluidly changes and responds to fit any screen or
device size
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Built on the Grid
a layout of 12 columns that adapt content based on
the screen resolution of the user
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Bootstrap Provides
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Helper Classes
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
So what about
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Bootstrap history
Developers involved in the Moodle 2.4 theme
•Bas Brands: Freelance Developer.
•David Scotson: Developer at Glasgow university.
•Stuart Lamour: Developer at Sussex university.
idea first dreamt up by users at a UK/Ireland MoodleMoot
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Integrated into core in
2.5Current uses Bootstrap v2.3.2
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
HANDS ON SESSION
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
http://online.evet.qld.edu.au/
Sample Sites
http://features.demo.moodle.com.au/
http://2014.imoot.org
Facilitating Educationwww.pukunui.com / [email protected] Phone: 1300 466 635 or +61 8 9328 4545
This work is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License. To view a copy of this license, visit!http://creativecommons.org/licenses/by-sa/3.0/ or send a letter to Creative Commons, 444 Castro Street, Suite 900, Mountain View, California, 94041, USA.
Presenter: Julian Ridden
Email: [email protected]
Twitter: @moodleman
Blog: http://moodleman.net
Thank you for coming
