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 let's do a quick survey of what's out there. So, Bootstrap probably is the most popular frontend framework
0:11
frontend CSS framework, that's out there. And that has a lot of benefits. It means, one, there's a lot of tutorials and demos but also there's a lot
0:20
of themes and other sort of add-ons and extensions. So, popularity does matter, especially if you want to get into the theme side of things.
0:29
But, it's not the only thing, right? Maybe there's another one you like better. Like I said in the opening of this chapter
0:34
we're going to use Bootstrap, it's pretty popular. You see at 125,000 GitHub stars, there's a nice url you can go to, expo.getbootstrap.com
0:42
and there's a bunch of sites built with Bootstrap that you can click around and get some inspiration from, you know
0:49
it's always a free source you can even borrow it to build your own site. Another one that's really popular is Semantic.
0:56
So, Semantic UI is a nice framework for building clean web apps, and this one has 41,000 stars, definitely consider that.
1:05
Foundation, Zurb Foundation is really really popular. This one is a little more popular among, what I would call the professional designers.
1:14
The people who really do design for a living. It does a little less hand-holding it's more of a foundation upon which you can build your design.
1:22
Hence, I guess the name Foundation. So, if that describes you a little better maybe consider checking out Foundation.
1:29
There's Materialize, and here's an example of an app built with Materialize. Nice and clean, looks really great. And there's a whole bunch more
1:35
actually a really great article is this one here at KeyCDN "Top Ten Frontend Frameworks of 2016" Yeah it's a 2016 but many of them are still relevant.
1:45
And it's nice because it gives you actually a little bit of the tradeoffs. Like, Bootstrap is good like this
1:50
but it's not as good as that, this other one Materialize has this advantage so consider it. So if you are actually shopping for
1:57
what frontend framework to use you know give that a quick look. If you don't know, Bootstrap, it's probably the way to go.