Presentation is loading. Please wait.

Presentation is loading. Please wait.

Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University.

Published byConnor Pope Modified over 10 years ago

Similar presentations

Presentation on theme: "Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University."— Presentation transcript:

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

2 Play along at home. http://vufind.org/demo/css/layout.css

3 Framework a set of tools, libraries, conventions, and best practices that attempt to abstract routine tasks into generic modules that can be reused.

4 Why we use a CSS Framework? Normalize code base Well documented Browser compliance (with some hacks baked in) Easily create multiple layouts Weve got better things to do than finding novel ways of creating columns

5 Yahoo User Interface Library

6 Microsoft? User Interface Library

7 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

8 The YUI CSS Files Reset.css Fonts.css Grids.css And a helper… base.css

9

10

11

12

13

14

15

16 Lets play!

Download ppt "Using a CSS Framework or How to spend less time making CSS layouts and more time at the Tugboat Brewpub Chris Barr, Villanova University."

Similar presentations

Introduction to VuFind

Introduction to VuFind
Websydian Anne-Marie Arnvig Manager, Websydian Communications & Relations.

Websydian Anne-Marie Arnvig Manager, Websydian Communications & Relations.
Websydian products.

Websydian products.
15 LAYOUT Controlling the position of elements Creating site layouts Designing for different sized screens.

15 LAYOUT Controlling the position of elements Creating site layouts Designing for different sized screens.
Android architecture overview

Android architecture overview
Take a Virtual Classroom Tour!. Virtual Classroom View.

Take a Virtual Classroom Tour!. Virtual Classroom View.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.

1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
CSS Basics LIS Webteam April 8, 2011. Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.

CSS Basics LIS Webteam April 8, Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.
The.htm/.html Mystery When saving the template files in Internet Explorer, they will be named.htm by default. To be consistent with how the code was written.

The.htm/.html Mystery When saving the template files in Internet Explorer, they will be named.htm by default. To be consistent with how the code was written.
Vaadin TestBench CSCI 3130 WINTER 2015. What’s TestBench  A toolkit for testing user interfaces  Based on Selenium  Written in Java; interacts with.

Vaadin TestBench CSCI 3130 WINTER What’s TestBench  A toolkit for testing user interfaces  Based on Selenium  Written in Java; interacts with.
University of California, Irvine (Administrative Computing Services) Accessible Form HTML Samples Using Yahoo User Interface (YUI) Grids.

University of California, Irvine (Administrative Computing Services) Accessible Form HTML Samples Using Yahoo User Interface (YUI) Grids.
Other Features Index and table of contents Macros and VBA.

Other Features Index and table of contents Macros and VBA.
Web Design Basic Concepts.

Web Design Basic Concepts.
Microsoft Share Point 2007 Lela Castaneda. Microsoft Office SharePoint Designer 2007 top 10 benefits 1)Be more productive with next-generation Microsoft.

Microsoft Share Point 2007 Lela Castaneda. Microsoft Office SharePoint Designer 2007 top 10 benefits 1)Be more productive with next-generation Microsoft.
Customizing Microsoft Project

Customizing Microsoft Project
Lesson 4 MICROSOFT EXCEL PART 1 by Nguyễn Thanh Tùng Web:

Lesson 4 MICROSOFT EXCEL PART 1 by Nguyễn Thanh Tùng Web:
Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.

Working with Cascading Style Sheets. Introducing Cascading Style Sheets Style sheets are files or forms that describe the layout and appearance of a document.
Office 365 & Document Sharing Chris Kellow. What is Office 365 and the Cloud? Cloud based service provided by Microsoft. Documents and Files are held.

Office 365 & Document Sharing Chris Kellow. What is Office 365 and the Cloud? Cloud based service provided by Microsoft. Documents and Files are held.
Yahoo! User Interface (YUI) Library Natly Mekdara.

Yahoo! User Interface (YUI) Library Natly Mekdara.
NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.

NOTE: To change the image on this slide, select the picture and delete it. Then click the Pictures icon in the placeholder to insert your own image. WEB.

Similar presentations

Ads by Google