Python for Entrepreneurs Transcripts
Chapter: Web design foundations
Lecture: CSS What's Not Covered

Login or purchase this course to watch this video and the rest of the course contents.
0:02 Let's wrap up this section by saying what we haven't covered and what we might still be covering in the future.
0:09 I tried to give you the essence of web design and the essence of CSS, and style sheets and tweaking the HTML and those kinds of things.
0:16 But there is plenty of stuff we haven't covered and I'll let you know why. So, things the that stand out in my mind
0:22 the highest, most important one, probably still remaining is this concept, first of all the front-end frameworks like Bootstrap UI kit and so on.
0:29 And within them are things like grid layout. So more than just displaying inline-block or "float: right",
0:35 you can do a ton of layout and design with the CSS grid definitions that come not as part of CSS but as part of these frameworks,
0:44 so we are going to cover that later, when we get to the front-end frameworks. Typography and fonts, there is a lot to getting the right fonts
0:52 that look good on all the screens, that look really readable I talked a little bit about line height, there is also letter spacing
0:58 and variety of other things that play into this. So, when we get to the front-end frameworks, we'll see
1:03 that they have a really good defaults for this kind of stuff, and we'll talk a little more about this when we get there.
1:10 Tables, designing tables, laying out tables, we haven't talked about that again, things like Bootstrap have a lot to say about this,
1:16 maybe we'll get to it but certainly the frameworks have a lot built in. We haven't discussed that at all.
1:22 Themes are really important, there are places you can go and grab something that is really close to what you would like to build
1:30 drop it into your Pyramid or any website really, and make a few tweaks and then you have that as a starting point.
1:36 Remember, I said we are not starting like it's 1996, now we have these front-end frameworks, we have these themes
1:42 so you start from a good place, and then you make it yours rather than starting from basically upload zero.
1:48 Now, all those things that I mentioned so far, we are absolutely going to cover later in the web design part too,
1:54 LESS and SASS, these are things that we are not going to cover but it's worth pointing out
1:59 CSS is great, but for large sites it can become pretty unwieldy, I worked on some sites where we had ten thousand lines of CSS
2:07 I mean it was a ridiculous amount of CSS, and when you get to that scale, you want to do things that are sort of problematic,
2:14 like you would like to say here is the color we are using for these types of use cases in this site,
2:20 and here is where I define it and it just applies everywhere. Kind of like a global variable or some sort of global value
2:26 that is brought into the other areas. You'd like to be able to partition your files into mini small files,
2:32 but then compile them back into one really easily for performance, say when you go to production. LESS and SASS have these features and more,
2:41 so it's high level programming language for CSS that then you transpile or compile down to actual CSS. If you go look at the Bootstrap source code,
2:52 it's built this way and you'll see it in a lot of places. It's worth checking out but it's just, this is not a design class
2:58 I am just trying to get you guys going, so something you might want to look into as you get farther down the road,
3:03 but we are not going to talk about in this class. All right, with that, I think you are ready to go do some basic web design,
3:09 we are going to move on to more advanced web development topics, later in the class we'll come back to this front-end frameworks,
3:16 but I hope you feel much more comfortable and capable around web design than you did an hour ago when you started this chapter.

Talk Python's Mastodon Michael Kennedy's Mastodon