1
00:00:00,540 --> 00:00:04,980
[Dan Gorgone] One way to ensure that your designs are usable is to remove the guess work

2
00:00:04,980 --> 00:00:08,990
and rely on code and best practices that are tried and true.

3
00:00:09,610 --> 00:00:15,740
You may understand that providing clean markup and efficient code that search engine robots view is the way to go,

4
00:00:16,210 --> 00:00:18,970
but you may not be completely sure how to make it all happen.

5
00:00:19,700 --> 00:00:23,240
Reinventing the wheel opens yourself up to new mistakes and issues,

6
00:00:23,240 --> 00:00:28,170
and that's why many designers and developers builds sites using frameworks.

7
00:00:28,880 --> 00:00:34,300
So a front-end framework or CSS framework is a collection or a library

8
00:00:34,300 --> 00:00:39,610
of these reusable snippets of code, DZY patterns, or components

9
00:00:40,020 --> 00:00:47,060
that designers and developers can use to sort to have as that structure for their design.

10
00:00:47,290 --> 00:00:51,660
A lot of the time is like that scaffold thing that you just kind to throw your design on top of,

11
00:00:52,080 --> 00:00:57,770
and it really speeds up your workflow because there has a lot of these best practices already baked in,

12
00:00:58,030 --> 00:01:02,580
and it's been battle tested by some of the industries top developers.

13
00:01:02,810 --> 00:01:11,110
So I kind of think of it as having your code QAed, revised, and tested and supported by some of these top developers.

14
00:01:11,890 --> 00:01:17,340
So rather than redoing a lot of work that has already been done and trying to solve problems that have been solved,

15
00:01:17,830 --> 00:01:23,460
designers can integrate their favorite pieces of code, tools, and libraries into a framework

16
00:01:23,460 --> 00:01:28,790
containing reusable components that they can reference when they begin working on a new project.

17
00:01:29,700 --> 00:01:37,400
A CSS framework leads to better usability for the user because a lot of the UI patterns that are used

18
00:01:37,640 --> 00:01:40,260
are already patterns that people who are out there are using.

19
00:01:40,530 --> 00:01:46,010
So it's an obstruction of that and they are gathering into this library of these reusable patterns

20
00:01:46,010 --> 00:01:50,600
where developers can sort just plug them in whenever necessary.

21
00:01:51,020 --> 00:01:57,040
And a lot of the times, well, in fact, all of the code has been tested for browser compatibility.

22
00:01:57,510 --> 00:02:03,490
For more information on frameworks, check out some of the more popular ones like the Miller grid system or Toast

23
00:02:04,420 --> 00:02:07,590
and more advanced ones like Bootstrap and Foundation.

24
00:02:08,500 --> 00:02:12,940
There are also mobile design frameworks like jQuery Mobile and Sencha Touch,

25
00:02:13,130 --> 00:02:17,000
and each one of these has it's own strengths so be sure to check to them out.

26
00:02:17,950 --> 00:02:24,690
The hope is that using a framework will improve the usability of your site through the use of clean and efficient code,

27
00:02:25,070 --> 00:02:27,630
great design technique, and best practices

28
00:02:28,070 --> 00:02:33,000
and potentially having a whole community out there to advise you on the best way to use it.