Get rid of the bloat with traditional CSS frameworks when creating prototypes and basic landing pages. In this course, you'll learn how to use the ultralight and simplicity of Skeleton CSS in your own projects.
You're tasked with creating a prototype or a simple landing page, but you don't need the complexity that comes with large CSS frameworks. What do you do? In this course, Building Websites with Skeleton CSS, you'll learn how to utilize Skeleton's less than 400 lines of CSS, and be provided with the bare necessities to start creating your own prototypes and other simple layouts. First, you'll explore how to work and use Skeleton's grid, typography, forms, and buttons. Next, you'll delve into how to make your own customizations, and how to create a modern landing page. Finally, you'll discover how to use the Gulp task runner to optimize your 21kb CSS file down to an ultra-fast 5kb. By the end of this course, you'll have a solid understanding of how to utilize Skeleton CSS to create your very own prototypes and projects.
Course Overview Hi everyone, my name is Gary Simon, and welcome to my course, Building Websites with Skeleton CSS. I've been a freelance designer and developer for the last 15 years, and I've worked with countless clients on a wide variety of projects. While large front-end frameworks serve their purpose, sometimes they're overkill for smaller projects like prototypes and simple landing pages. This is where Skeleton CSS makes sense. With less than 400 lines of CSS, you can rest assured that you're working with an ultra-light barebones boilerplate. Some of the major topics that we will cover include integrating Skeleton CSS within a project, the Skeleton grid, and other elements like typography, buttons and forms, optimization with Gulp plugins, and much, much more. By the end of the course, you will have a solid understanding of how to use Skeleton CSS to create prototypes and layouts. I hope you'll join me on this journey to building websites with Skeleton CSS, at Pluralsight.