Viewers: in countries Watching now:
Have you wondered if using a CSS framework will speed up your site development? In this course, senior author James Williamson introduces the types of frameworks available—including the most popular choices among working web developers—and provides an honest assessment of the pros and cons to using a framework. He guides you through downloading a framework, setting up a directory structure, and building a framework-based site, such as structuring the HTML and working with forms. A separate chapter explores layout grids, often included with CSS frameworks, which provide a simple system for laying out page content.
Thanks so much for watching CSS: Frameworks and Grids. I hope you have a better understanding of what frameworks and grid systems are and if they are right for your workflow. As I stated before, I highly recommend downloading and experimenting with as many as possible before deciding whether to use one for your projects. It's an important choice, and you want to make sure you're making an informed decision. Before we go, I want to leave you with a comprehensive list of frameworks and grids and a few resources that I think will help you make a more informed decision about using them.
So I have the additional resources file opened. I have actually posted this online in my blog, so if you go up to simpleprimate.com/frameworks, it's going to take you to this page. So on this page, I have a couple of tools listed. I have some grid systems, minimal frameworks, and comprehensive frameworks. Now if you ever watch one of my courses, typically at the end of the course I'll pull all the resources up in a browser, and I'll just sort of tab through them and talk about them. I have so many listed, I can't really do that. I just want to talk about what these are, so each section, if you will. In the framework Tools section, these are different tools that can help you to generate grids for you, give you more information about grid systems. Some of them have articles on them.
But most of the time their tools are going to help you to calculate grids, build them, or help you enhance the frameworks that you have chosen. Now for the grid systems themselves, I have a lot of grids that some of them are very very simple grid systems, some of them are fixed, some of them are fluid, some have typographic approaches, while some concentrate solely on layouts. There is a really wide range of different grid systems here, and this is a big enough sample to get you started by downloading and experimenting with some of these, obviously in both the grid systems and the frameworks.
This is not a complete list, so in addition to sort of experimenting around when playing around with these, I really encourage you to do some searches, find as many of these as you can and experiment with them. For minimal frameworks, I have a whole list of minimal frameworks as well, including some of the ones that we have already taken a look at like Skeleton and Base and Kube. Some of the ones are really light, like Toast is a really cool little simple framework. And then finally, I have a list of comprehensive and User Interface frameworks. So Foundation, which we have been using in the course, Bootstrap which we took a look at earlier, Gumby which came very close to using for this course.
I am a big fan of Gumby as well. Some of the older ones like Blueprint, some of the brand-new ones like the Metro UI CSS that Microsoft Office has just put out for building Metro apps, YAML, which is Yet Another Multi-column Layout, and the older YUI Library which is really comprehensive. So there is a lot of stuff within these frameworks as well. I am sure a lot of you guys were taking a look at this course because maybe your CSS skills aren't as strong as you'd want them to be, and you are looking for a way to sort of jump the development process by using one of these frameworks to handle sort of the heavy-lifting of CSS for you, and there is certainly nothing wrong with that.
It's one of the things they are designed to do, but if you want to continue to learn CSS, I also recommend checking out all the other CSS-related titles in the lynda.com online training library. We have a variety of CSS courses structure around both authoring tools and general concepts, and the library continues to grow every single day. If you started in this course, I really recommend going back and checking out the CSS Fundamentals course first and then following that up with CSS Core Concepts in the CSS Page Layout courses. Of course, keep an eye out for all the courses in our CSS series.
Just look for CSS, a colon, and then the course name. We're going to continue to add new courses in this series, so be sure to check out the library often for any of the new releases. If you want to keep up with me, you can follow me on Twitter, the ID is @jameswillweb, all one word. So follow me on Twitter, join the conversation, I'd love to hear from you. Once again, thanks for watching, and I'll see you in my next title.
There are currently no FAQs about CSS: Frameworks and Grids.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.