Building Data-Driven Web Apps with Pyramid 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
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.