CSS: Frameworks and Grids
Illustration by John Hersey

Additional resources


From:

CSS: Frameworks and Grids

with James Williamson

Start your free trial now, and begin learning software, business and creative skills—anytime, anywhere—with video instruction from recognized industry experts.

Start Your Free Trial Now

Video: Additional resources

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.
please wait ...
Watch the Online Video Course CSS: Frameworks and Grids
3h 27m Beginner Jan 22, 2013

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.

Topics include:
  • Understanding boilerplates, grids, and frameworks
  • Choosing a framework
  • Building your own framework
  • Crafting a deployment strategy
  • Modifying files
  • Customizing typography and color
  • Filling in framework gaps
  • Exploring grid-based syntax
  • Nesting grids
  • Using mobile grids
Subjects:
Developer Web
Software:
CSS
Author:
James Williamson

Additional resources

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.

 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ .

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

Join now Already a member? Log in

* Estimated file size

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed CSS: Frameworks and Grids.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member ?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferences from the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

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.

Learn more, save more. Upgrade today!

Get our Annual Premium Membership at our best savings yet.

Upgrade to our Annual Premium Membership today and get even more value from your lynda.com subscription:

“In a way, I feel like you are rooting for me. Like you are really invested in my experience, and want me to get as much out of these courses as possible this is the best place to start on your journey to learning new material.”— Nadine H.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.