CSS: Frameworks and Grids (2013)
MOV | AVC 162kbps | English | 960x540 | 15fps | 3h 27mins | AAC stereo 128kbps | 609 MB
Genre: Video Training
Have you wondered if using a CSS framework will speed up your site development? In this course, senior author James Williamson introduces the types of frameworks available—including the most popular choices among working web developers—and provides an honest assessment of the pros and cons to using a framework. He guides you through downloading a framework, setting up a directory structure, and building a framework-based site, such as structuring the HTML and working with forms. A separate chapter explores layout grids, often included with CSS frameworks, which provide a simple system for laying out page content.
Topics include:
Understanding boilerplates, grids, and frameworks
Choosing a framework
Building your own framework
Crafting a deployment strategy
Modifying files
Customizing typography and color
Filling in framework gaps
Exploring grid-based syntax
Nesting grids
Using mobile grids
Introduction
Welcome
Using the exercise files
1. Introducing Frameworks
Boilerplates, grids, and frameworks
Types of frameworks
Exploring a minimal framework
Exploring a comprehensive framework
2. Choosing a Framework
Are frameworks right for you?
Popular frameworks
What should I look for in a framework?
Building your own framework
3. Setting Up a Framework
Downloading a framework
Crafting a deployment strategy
Setting up a directory structure
Modifying files
Exploring framework functionality
4. Building a Framework-Based Site
Setting up a starter page
Strategies for modifying styles
Structuring pages for frameworks
Customizing typography
Customizing color
Working with forms
Filling in framework gaps
Utilizing framework capabilities
5. Building a Grid-Based Layout
What is a CSS grid?
Popular CSS grid systems
Exploring grid-based syntax
Nesting grids
Making images responsive
Using mobile grids
Conclusion
Additional resources
Format : QuickTime
Format/Info : Original Apple specifications
File size : 33.3 MiB
Duration : 15mn 55s
Overall bit rate : 293 Kbps
Encoded date : UTC 2013-01-11 22:36:52
Tagged date : UTC 2013-01-11 22:36:52
Writing library : Apple QuickTime
Copyright : lynda.com
Video #2
ID : 2
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Main@L3.1
Format settings, CABAC : Yes
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 15mn 55s
Bit rate mode : Variable
Bit rate : 162 Kbps
Width : 960 pixels
Height : 540 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 15.000 fps
Resolution : 24 bits
Colorimetry : 4:2:0
Scan type : Progressive
Bits/(Pixel*Frame) : 0.021
Stream size : 18.4 MiB (55%)
Encoded date : UTC 2013-01-11 22:36:52
Tagged date : UTC 2013-01-11 22:36:52
Audio #1
ID : 1
Format : AAC
Format/Info : Advanced Audio Codec
Format version : Version 4
Format profile : LC
Format settings, SBR : No
Format settings, PS : Yes
Codec ID : 40
Duration : 15mn 55s
Bit rate mode : Variable
Bit rate : 128 Kbps
Maximum bit rate : 131 Kbps
Channel(s) : 2 channels
Channel positions : Front: L R
Sampling rate : 48.0 KHz
Resolution : 16 bits
Stream size : 14.6 MiB (44%)
Encoded date : UTC 2013-01-11 22:36:52
Tagged date : UTC 2013-01-11 22:36:52
No mirrors please
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/9d/1a/002c1a9d_medium.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/9d/1a/002c1a9d.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a0/1a/002c1aa0_medium.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a0/1a/002c1aa0.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a1/1a/002c1aa1_medium.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a1/1a/002c1aa1.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a2/1a/002c1aa2_medium.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a2/1a/002c1aa2.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a3/1a/002c1aa3_medium.jpeg)
![CSS: Frameworks and Grids (2013) [repost]](https://pixhost.icu/avaxhome/a3/1a/002c1aa3.jpeg)