Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Mixing Modern CSS *Magic* Into Legacy Sites

Mixing Modern CSS Magic Into Legacy Sites

There is a wide variety of modern tooling available to help us build a better web. There are also more legacy sites than greendfield ones; sites that never were built with these tools in mind. How do you get the benefits of things like pre-processors (Less/Sass), post-processors (Autoprefixer) and task runners (Grunt) when working on your existing sites?

Let's take a real site that I support, and explore:

  • Adding in a basic build/task runner
  • Creating a framework for restructuring our CSS
  • Replacing old hacks with CSS3 features
  • Using a pre-processor to further refine our styles
  • Adding a post-processor so we can forget about vendor prefixes

We'll look at a real world example of mine and see what I've learned. We'll then discuss how and when this may be appropriate for your sites. You can get a lot of value from adding modern tooling to your existing sites. This talk will help you get started.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.