Kezz BraceyLessons: 12Length: 1.2 hours
In this course you’ll to learn how to use one of the most powerful, yet clean and bloat-free grid systems currently available: postcss-ant. It was created by Cory Simmons, known for his popular grid systems Jeet and Lost.
Running on top of the awesome PostCSS system, postcss-ant gives you the ability to smoothly and efficiently manage layouts from the simplest to the most complex, using either vanilla CSS or your favourite preprocessor.
So let’s get started learning “Grids and Layout Tricks with postcss-ant!”
Learn CSS: The Complete Guide
We've built a complete guide to help you learn CSS, whether you're just getting started with the basics or you want to explore more advanced CSS.
1.Introduction1 lesson, 00:56
1 lesson, 00:56
1.1Grids and Layout Tricks With "postcss-ant"00:56
Grids and Layout Tricks With "postcss-ant"
2.Postcss-Ant Basics6 lessons, 34:52
6 lessons, 34:52
2.1Getting Set Up05:34
Getting Set Up
2.2Generate a Grid04:17
Generate a Grid
2.3Fixed, Fraction and Auto Values08:03
Fixed, Fraction and Auto Values
2.4Controlling Rows and Column Height04:29
Controlling Rows and Column Height
2.5Gutters, Nesting, and Global and Local Settings07:45
Gutters, Nesting, and Global and Local Settings
2.6Create a Complete Site Layout With One Grid04:44
Create a Complete Site Layout With One Grid
3.Postcss-Ant Techniques4 lessons, 34:45
4 lessons, 34:45
3.2Responsive Media Queries09:41
Responsive Media Queries
3.3Holy Grail Layout05:30
Holy Grail Layout
3.4Fluid, Variable Number Social Icons08:53
Fluid, Variable Number Social Icons
4.Conclusion1 lesson, 00:59
1 lesson, 00:59
Hi there. I'm a designer & coder who works in the areas of web design / development, game development and digital art. In the web space I'm a front end all rounder but I have a particular specialization in theme creation, no matter the platform. I also love finding the latest most efficient, user focused design and dev techniques of the day. In game development I'm addicted to playing with every different engine, toolset and framework I can find. In digital art I love everything from painting to vector work to pixel art to 3D modelling. In short, if it's creative and you can make it digitally, I love it.