using a css framework or how to spend less time making css layouts and more time at the tugboat...
TRANSCRIPT
![Page 1: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/1.jpg)
Using a CSS Frameworkor
How to spend less time making CSS layouts and more time at the Tugboat
Brewpub
Chris Barr, Villanova University
![Page 2: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/2.jpg)
Play along at home.
http://vufind.org/demo/css/layout.css
![Page 3: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/3.jpg)
Framework
“a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused.”
![Page 4: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/4.jpg)
Why we use a CSS Framework?
• Normalize code base
• Well documented
• Browser compliance (with some hacks baked in)
• Easily create multiple layouts
• We’ve got better things to do than finding novel ways of creating columns
![Page 5: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/5.jpg)
Yahoo User Interface Library
![Page 6: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/6.jpg)
Microsoft? User Interface Library
![Page 7: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/7.jpg)
What we like about YUI
• 4 standard size layouts out of the box
• Ems based (nice zoom layouts)
• Source order independence
• A-grade browser compliance
• BSD License
![Page 8: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/8.jpg)
The YUI CSS Files
• Reset.css
• Fonts.css
• Grids.css
• And a helper… base.css
![Page 9: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/9.jpg)
![Page 10: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/10.jpg)
![Page 11: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/11.jpg)
![Page 12: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/12.jpg)
![Page 13: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/13.jpg)
![Page 14: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/14.jpg)
![Page 15: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/15.jpg)
![Page 16: Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University](https://reader035.vdocuments.site/reader035/viewer/2022062404/5514bb7d550346f06e8b66fd/html5/thumbnails/16.jpg)
Let’s play!