<p><a href="http://pjdietz.com/wordpress-plugins/custom-css-js/" rel="nofollow ugc">Custom CSS and JS</a> allows you to add stylesheets and JavaScripts to any individual post by adding custom fields. Both CSS and scripts can be either internal or external. Since this is a plugin, the custom CSS and JavaScript are available to any theme used to display the post, as long as the themes call “wp_head”.</p>
<h3>Using the Plugin</h3>
<p>To use the plugin, add any combination of the following custom fields to your post.</p>
<p><strong>custom_css</strong><br />
Add an external stylesheet by adding a custom field with the name <strong>custom_css</strong>. The value of the field should be the path to your css file.</p>
<p><strong>cusrom_css_code</strong><br />
Add an internal stylesheet by adding a custom field with the name <strong>custom_css_code</strong>. Include your CSS code as the value. (Do not include the style tags.)</p>
<p><strong>custom_js</strong><br />
Add an external JavaScript by adding a custom field with the name <strong>custom_js</strong>. The value of the field should be the path to your script.</p>
<p><strong>custom_js_code</strong><br />
Add an internal JavaScript by adding a custom field with the name <strong>custom_js_code</strong>. Include your JavaScript code as the value. (Do not include the script tags.)</p>
<h3>Custom Fields Order</h3>
<ol>
<li>The external styles and scripts are included before the internal ones.</li>
<li>If you include multiple entries for a given field, the entries will be included in order.</li>
</ol>
<h3>Okay, but what if I don’t like those tags?</h3>
<p>Just edit custom-css-js.php and change the constants defined near the top of the file.</p>
<h3>Note</h3>
<p>This plugin only works with individual posts and pages. It does not work for list pages (e.g., the index page, search results).</p>


Custom CSS and JS

Custom CSS and JavaScript allows you to add custom internal and external CSS and JavaScripts to individual posts.

thom4

fabrizim

<p><a href="http://lesscss.org" rel="nofollow ugc">LESS</a> is a templating language based on top of CSS. It provides numerous enhancements to speed up development and make its maintenance easier.</p>
<p>Theme developers can even bundle the plugin without worrying about conflicts: just include the special <code>bootstrap-for-theme.php</code> and read its instructions.</p>
<h4>Features</h4>
<ul>
<li>Variables</li>
<li>Mixins (inheritance of rules)</li>
<li>Nested Rules (write less, do more)</li>
<li>Accessors (inherit a value from a specific rule)</li>
<li>Functions (logic operations for dynamic results)</li>
</ul>
<p>The plugin lets you concentrate on what you need: coding CSS. Everything else is handled automatically, from cache management to user delivery.<br />
Seriously.</p>
<h4>Documentation</h4>
<p>Advanced topics on how to use the plugin API are <a href="https://github.com/oncletom/wp-less/tree/master/doc" rel="nofollow ugc">available on the Github project documentation</a>.</p>
<h4>Requirements</h4>
<p>The sole requirement is to use WordPress API and LESS convention: the <code>.less</code> extension.</p>
<p><strong>Minimal Requirements</strong>: PHP 5.3 and WordPress 3.2.<br />
<strong>Relies on</strong>: <a href="http://lessphp.gpeasy.com/" rel="nofollow ugc">Less.php</a>, <a href="https://wordpress.org/extend/plugins/plugin-toolkit/" rel="ugc">plugin-toolkit</a>.</p>
<p><em>Notice</em>: in case you’d like to drop the usage of this plugin, it’s safe to do it. You will just need to convert back your stylesheets to CSS.</p>


WP-LESS

Implementation of LESS (Leaner CSS) in order to make themes development easier.

Custom CSS and JS vs WP-LESS