web redesign (cil 2017)
TRANSCRIPT
![Page 1: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/1.jpg)
Roy Degler - CIL 2017 http://atyourlibrary.com
Web RedesignTheory & Technology
![Page 2: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/2.jpg)
![Page 3: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/3.jpg)
Nearest Foosball Tablewww.okiefoos.com
![Page 4: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/4.jpg)
Design Theory Agile Mobile First Responsive C.O.P.E.
Technology CMS Other Tools Frameworks
![Page 5: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/5.jpg)
AgileMobile First
Responsive COPE
Theory
![Page 6: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/6.jpg)
Small incremental changes
Agile Design
![Page 7: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/7.jpg)
Agile Design
Users know your current website.
![Page 8: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/8.jpg)
Agile Design
Keep what you have. Users know it.
![Page 9: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/9.jpg)
Agile Mobile First
Responsive COPE
Theory
![Page 10: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/10.jpg)
Content over Navigation
Mobile First
![Page 11: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/11.jpg)
Prioritize!Clarity and Focus
Mobile First
![Page 12: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/12.jpg)
Agile
Mobile First Responsive
COPE
Theory
![Page 13: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/13.jpg)
Responsive
Adapt, respond, and overcome
![Page 14: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/14.jpg)
Agile Mobile First
Responsive COPE
Theory
![Page 15: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/15.jpg)
Repurpose Content
C.O.P.E.
Create Once Publish Everywhere.
![Page 16: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/16.jpg)
Abstraction & Normalization
Create Once Publish Everywhere.
C.O.P.E.
![Page 17: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/17.jpg)
CMSOther Tools
Frameworks
Technology
![Page 18: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/18.jpg)
CMS Selection
CMS
![Page 19: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/19.jpg)
Drupal and Wordpress are not the only choices!
CMS
![Page 20: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/20.jpg)
Support Community
CMS
![Page 21: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/21.jpg)
Find your path!
CMS
![Page 22: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/22.jpg)
CMS Other Tools
Frameworks
Technology
![Page 23: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/23.jpg)
Other Tools
![Page 24: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/24.jpg)
LibGuides
Other Tools*
*Product Placement
![Page 25: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/25.jpg)
Machform
*Product Placement
Other Tools*
![Page 26: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/26.jpg)
compass.app (SASS)
*This one is free!
Other Tools*
![Page 27: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/27.jpg)
CMS Other Tools
Frameworks
Technology
![Page 28: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/28.jpg)
Save Time!
Tested & Reliable
Frameworks
![Page 29: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/29.jpg)
Bootstrap
Frameworks
![Page 30: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/30.jpg)
Foundation
Frameworks
![Page 31: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/31.jpg)
Material Design
Frameworks
![Page 32: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/32.jpg)
Accessibility
Adaptability
Frameworks
![Page 33: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/33.jpg)
Bootstrap
Frameworks*
*Caution Opinion!
![Page 34: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/34.jpg)
Putting it all together
![Page 35: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/35.jpg)
Design Theory Agile Mobile First Responsive C.O.P.E.
Technology CMS Other Tools Frameworks
![Page 37: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/37.jpg)
We’ve come to the end of our journey.
![Page 38: Web Redesign (CIL 2017)](https://reader036.vdocument.in/reader036/viewer/2022062412/58ed8b7b1a28ab93148b45a3/html5/thumbnails/38.jpg)
What’s Next?