Building Data-Driven Web Apps with Flask and SQLAlchemy Transcripts
Chapter: Bootstrap and frontend CSS frameworks
Lecture: CSS Front-end framework survey
Login or
purchase this course
to watch this video and the rest of the course contents.
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.