Split your CSS into logical, small files
csSPLIT.js allows you to split your CSS into small, logical files. Every file holds one declaration and is named exactly the same.
Let's say you want to add a class like
.my_super-bada55-cl4s5. The file for this would be called
my_super-bada55-cl4s5.css - easy as that! Once the script finds your class name in the DOM it will create a new
link element containing a link to
This works for all pages, so you'll always get exactly the styles you need - no more, no less.
Step 1: Include the script
Include the script (Best Practice: Inline the minified version from
Step 2: Create the CSS files!
Next, split your CSS in thousands of files and place them in the
Step 3: ????
Step 4: Profit!
Your CSS is now automatically loaded. csSPLIT.js is written as immediately Invoked Function Expression, that is, it is calling itself!
Made with love by