Advertisement
HTML & CSS

Optimize Your CSS With RequireJS

by

In this lesson, we'll review the awesome RequireJS optimizer to handle the process of merging and compressing our stylesheets. While preprocessors continue to become increasingly popular, there are still plenty of folks who stick with regular CSS. In these cases, a solid build tool/process is vital.

Choose 720p for the clearest video.

Closing Thoughts

If you don't like the idea of using Require.js, alternatively you might consider Grunt (along with the Grunt-CSS plugin), or Jake.

Related Posts
  • Code
    Web Development
    Build Your Own Yeoman GeneratorYeoman wide retina preview
    Take a look at some of the more interesting features of Yeoman by learning how to build your own Yeoman generator.Read More…
  • Code
    Creative Coding
    Advanced Grunt TechniquesGrunt logo 400
    In a previous post in this series, I walked you through setting up Grunt in your project. Now that we have everything setup, I would like to talk about a few advanced techniques that you can use with Grunt. Specifically, I'm going to focus on the configuration of your existing tasks and how to create custom tasks.Read More…
  • Code
    WordPress
    How Grunt Can Improve WordPress DevelopmentGrunt logo 400
    In the first part of this series I gave a quick overview of Grunt. I also talked through the different technologies that it requires in order to use. After that, I got a little into the Gruntfile and the tasks inside of it. Now I want to talk about how using Grunt can improve your development for both WordPress themes and plugins.Read More…
  • Code
    Creative Coding
    Setting Up Grunt For Your Next ProjectGrunt logo 400
    In the first post in this series I gave a quick overview of Grunt and in the next post I'm going to walk you through the necessary steps as to how using Grunt can improve your WordPress development skills. Specifically, we'll talk in-depth about the necessary files like package.json and Gruntfile.js, but for now we are going to create a few sample files so that you can run Grunt with your WordPress theme or plugin project.Read More…
  • Code
    Creative Coding
    An Introduction To GruntGrunt logo 400
    Today, most front end web developers spend a lot of time with technologies like Sass, LESS, HTML and JavaScript. The last couple of years have been an exciting time in web development and technologies like Grunt have contributed to said excitement. In this series, I plan on introducing you to Grunt and to talk about how it can improve our development of WordPress themes and plugins. We'll also work to setup Grunt to prepare it for use in your next project. Finally, we'll take a look at the command line tools, as well.Read More…
  • Web Design
    HTML/CSS
    Why I Choose Stylus (And You Should Too)Stylus thumb
    The world of front end web development has been steadily increasing its uptake of what we call "CSS Preprocessors", which extend the functionality of regular CSS. Arguably the two most well known, with the greatest user base, are LESS and Sass/SCSS. However there is a third preprocessor that hasn't received quite as much attention, and that's Stylus.Read More…