harnessing the power & flexibility of css frameworks inside the d2l learning environment

24
Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment Emily Brozovic | Instructional and Graphic Designer, Michigan State University

Upload: emily-brozovic

Post on 17-Aug-2015

24 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Harnessing the Power & Flexibility of

CSS Frameworks inside the D2L Learning Environment

Emily Brozovic | Instructional and Graphic Designer, Michigan State University

Page 2: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 3: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 4: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 5: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 6: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 7: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 8: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 9: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 10: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 11: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Solutions

Page 12: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

What is a framework?

• Pre-packaged code base • Professionally designed • Flexible ‘pieces’ for you to pick & choose

Page 13: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Why is a framework useful?

• Multi-browser support • Speeds up development

• Documentation • Community support

Page 14: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

What do I need to know?

• Some HTML • Your chosen framework’s ‘language’**

**this will take some time to learn in the beginning

Page 15: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

How can it help my teaching?

• Improve legibility • Higher comprehension

• Increased attention • Setting a tone

Page 16: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

getbootstrap.com

Page 17: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Designed for everyone, everywhere.Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Page 18: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

getbootstrap.com

Page 19: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 20: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 21: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment
Page 22: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Points to!Consider

1

2

3

4

How comfortable are you with HTML?

Can you dedicate the time to learn the framework?

Do you have anyone who can help?

Are you willing to try something new?

Page 23: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Resources

• getbootstrap.com (can be basic or robust)

• getskeleton.com (very basic framework)

Page 24: Harnessing the Power & Flexibility of CSS Frameworks inside the D2L Learning Environment

Contact Me• @emilyJbro • [email protected] • emilybrozovic.com

Emily Brozovic | Instructional and Graphic Designer, Michigan State University