Let's begin with a quick review of how I currently prepare the CSS structure for a new project. We'll use Stylus (my personal preprocessor of choice) with Laravel Elixir, while organizing our various sections and components into their own files.
In my mind, Flexbox is the best thing to happen to CSS in a long time. It takes all of those annoying layout quirks, and demotes them to non-issues.
Let's have some more fun with Flexbox, as we review several different use-cases, including creating grids, common layouts, and more.
BEM is simply a naming convention. Nothing more, nothing less. But if integrated into your workflow, you just might find that it significantly improves the organization and readability of your stylesheets.
You know the drill: open Chrome dev tools, toy around with styling an element, copy your changes, open the editor, find the Sass partial, paste it in. What a waste. What if you could instead do all of that in one go?
A project I'm working on required that a front page headline display as typed text in real-time. You've seen this effect before, where it appears as if somebody behind the scenes is typing out each letter. I recently learned a fun technique from Lea Verou that makes this possible with CSS alone. Let's learn how.
View the source for this episode on GitHub.