1
00:00:00,000 --> 00:00:02,990
Once you've developed a site or two with a framework, you'll have a good feel

2
00:00:03,000 --> 00:00:05,990
for when they're appropriate and when they are not.

3
00:00:06,000 --> 00:00:10,990
With that in mind, let's take a look at some of the more popular CSS frameworks.

4
00:00:11,000 --> 00:00:14,990
Blueprint is one of the oldest and most respected frameworks around.

5
00:00:15,000 --> 00:00:20,990
It includes a CSS reset, a layout grid, best practices typography, form styles,

6
00:00:21,000 --> 00:00:22,990
print styles, and more.

7
00:00:23,000 --> 00:00:26,990
It's also one of the better-documented frameworks as well, with its own wiki and

8
00:00:27,000 --> 00:00:29,990
live demo pages that you can explore.

9
00:00:30,000 --> 00:00:34,990
You can find it at www.blueprintcss.org.

10
00:00:35,000 --> 00:00:41,990
52framework is a full-featured framework focused on the newer features of HTML5 in CSS3.

11
00:00:42,000 --> 00:00:44,990
It includes fallback support for older browsers and is also

12
00:00:45,000 --> 00:00:46,990
extremely well documented,

13
00:00:47,000 --> 00:00:50,990
with demo pages and video overviews of all the major features.

14
00:00:51,000 --> 00:00:55,990
You can find it at 52framework.com.

15
00:00:56,000 --> 00:01:00,990
The 960 Grid System is one of the most popular CSS grid-focused frameworks.

16
00:01:01,000 --> 00:01:06,990
It offers grid layouts based on the commonly used dimensions of 960 pixels, with

17
00:01:07,000 --> 00:01:10,990
a dizzying array of options for creating multiple-column layouts.

18
00:01:11,000 --> 00:01:15,990
One of the very nice features of the 960 Grid is that the download also includes

19
00:01:16,000 --> 00:01:19,990
Photoshop and Firework templates based off the grid framework to make site

20
00:01:20,000 --> 00:01:21,990
mockups even easier.

21
00:01:22,000 --> 00:01:26,990
You can find it at 960.gs.

22
00:01:27,000 --> 00:01:29,990
Another very popular framework comes from Yahoo!

23
00:01:30,000 --> 00:01:36,990
The YUI 2 framework is small in size but very powerful in terms of layout options.

24
00:01:37,000 --> 00:01:43,990
In fact, there are more than one thousand layout combinations available with YUI 2 Grids.

25
00:01:44,000 --> 00:01:48,990
It's also very well documented, with sections dedicated to getting started, using

26
00:01:49,000 --> 00:01:52,990
the grids, and how it works on mobile devices.

27
00:01:53,000 --> 00:02:00,990
You can find it at developer.yahoo.com/yui/grids.

28
00:02:01,000 --> 00:02:03,990
If you're looking for something a little bit more stripped down, check

29
00:02:04,000 --> 00:02:05,990
out css-boilerplate.

30
00:02:06,000 --> 00:02:09,990
This is a framework developed by one of the creators of Blueprint.

31
00:02:10,000 --> 00:02:13,990
It's designed to be a lightweight framework with a greater emphasis on semantics.

32
00:02:14,000 --> 00:02:18,990
It may lack the features of other frameworks, but it provides a solid starting

33
00:02:19,000 --> 00:02:21,990
point for projects, without the larger footprint.

34
00:02:22,000 --> 00:02:32,990
It's hosted a Google code, and you can find it code.google.com/p/css-boilerplate.

35
00:02:33,000 --> 00:02:36,990
Baseline is a lightweight framework focused on typography.

36
00:02:37,000 --> 00:02:41,990
It features a true baseline grid for type, solid typographic conventions, and a

37
00:02:42,000 --> 00:02:44,990
flexible four-column layout grid.

38
00:02:45,000 --> 00:02:48,990
It's a great framework for someone looking for advanced typographic styles

39
00:02:49,000 --> 00:02:50,990
without additional overhead.

40
00:02:51,000 --> 00:02:54,990
You can find it at baselinecss.com.

41
00:02:55,000 --> 00:02:57,990
There are of course many other frameworks for you to research and experiment

42
00:02:58,000 --> 00:03:02,990
with as you explore whether CSS frameworks are right for your projects or not.

43
00:03:03,000 --> 00:03:06,990
As you experiment with the frameworks that I've mentioned here, be sure to

44
00:03:07,000 --> 00:03:09,990
search for additional frameworks to compare.

45
00:03:10,000 --> 00:03:12,990
Have fun trying out some of the CSS frameworks I've shown you here.

46
00:03:13,000 --> 00:03:17,990
Just keep an open mind and be honest about the pros and cons of using these

47
00:03:18,000 --> 00:03:28,000
frameworks as you start to work on them within your own projects.