Building data-driven web apps with Flask 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 the most
0:08 popular frontend framework
0:10 frontend 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
0:17 tutorials and demos but also there's a lot
0:19 of themes and other sort of add-ons and extensions.
0:22 So, popularity does matter, especially if you
0:25 want 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:31 Like I said in the opening of this chapter
0:33 we're going to use Bootstrap, it's pretty popular.
0:35 You see at 125,000 GitHub stars, there's a nice
0:38 url you can go to, expo.getbootstrap.com
0:41 and there's a bunch of sites built
0:44 with Bootstrap that you can click around
0:46 and get some inspiration from, you know
0:48 it's always a free source you can even
0:50 borrow it to build your own site.
0:53 Another one that's really popular is Semantic.
0:55 So, Semantic UI is a nice framework
0:58 for building clean web apps, and this one has
1:01 41,000 stars, definitely consider that.
1:04 Foundation, Zurb Foundation is really really popular.
1:08 This one is a little more popular
1:10 among, what I would call the professional designers.
1:13 The people who really do design for a living.
1:16 It does a little less hand-holding
1:17 it's more of a foundation
1:18 upon which you can build your design.
1:21 Hence, I guess the name Foundation.
1:23 So, if that describes you a little better
1:25 maybe consider checking out Foundation.
1:28 There's Materialize, and here's an example
1:30 of an app built with Materialize.
1:31 Nice and clean, looks really great.
1:33 And there's a whole bunch more
1:34 actually a really great article is this one here at KeyCDN
1:38 "Top Ten Frontend Frameworks of 2016"
1:41 Yeah it's a 2016 but many of them are still relevant.
1:44 And it's nice because it gives you
1:45 actually a little bit of the tradeoffs.
1:47 Like, Bootstrap is good like this
1:49 but it's not as good as that, this other one
1:51 Materialize has this advantage so consider it.
1:54 So if you are actually shopping for
1:56 what frontend framework to use
1:57 you know give that a quick look.
1:59 If you don't know, Bootstrap, it's probably the way to go.