Building Data-Driven Web Apps with Pyramid and SQLAlchemy Transcripts
Chapter: Bootstrap and frontend CSS frameworks
Lecture: CSS Front-end framework survey
0:00 Now before we start working with Bootstrap
0:02 let's do a quick survey of what's out there.
0:05 So Bootstrap probably is
0:07 the most popular front-end framework
0:10 for a CSS framework, that's out there.
0:13 And that has a lot of benefits.
0:15 It means one, there's a lot of tutorials and demos
0:18 but also there's a lot of themes
0:20 and other sort of add-ons and extensions.
0:22 So popularity does matter, especially if you want
0:25 to get into the theme side of things.
0:28 But it's not the only thing, right?
0:30 Maybe there's another one you like better.
0:32 Like I said in the opening for this chapter
0:34 we're going to use Bootstrap.
0:35 It's pretty popular, you see, at 125,000 GitHub stars.
0:39 There's a nice URL you can go to, expo.getbootstrap.com
0:43 and there's a bunch of sites built with Bootstrap
0:46 that you can click around and get some inspiration from.
0:49 And it's always view source.
0:50 You can even borrow it to build your own site.
0:54 Another one that's really popular is Symantec.
0:56 So, Symantec UI is a nice framework
0:59 for building clean web apps, and this one has 41,000 stars
1:04 definitely consider that.
1:06 Foundation, Zurb Foundation it's really, really popular.
1:09 This one is a little more popular among
1:11 what I would call, the professional designers
1:14 the people who really do design for a living.
1:17 It does a little less hand-holding.
1:19 It's more of a foundation upon which
1:21 you can build your design.
1:23 Hence, I guess the name Foundation.
1:25 So, if that describes you a little better
1:27 it may be considered checking out Foundation.
1:30 There's Materialize.
1:31 Here's an example of an app built with Materialze.
1:33 Nice and clean, looks really great.
1:35 And there's a whole bunch more.
1:36 Actually, a really great article is this one here
1:39 at KeyCDN, Top 10 Front-End Frameworks of 2016.
1:43 Yeah, it's a 2016, but many of them are still relevant.
1:46 And it's nice, 'cause it actually gives you a little bit
1:49 of the trade-offs, like, "Bootstrap is good like this."
1:51 "But it's not as good as that."
1:52 "This other one, Materialize has this advantage so consider it."
1:56 So if you're actually shopping
1:58 for what front-end framework to use, give that a quick look.
2:01 If you don't know, Bootstrap, that's probably the way to go.