Eric Prydz Opus Midi -

Break free from CSS prefix hell!

Only 2KB gzipped Fork me on GitHub

-prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed.

“[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.”

Eric Meyer

Eric Prydz Opus Midi -

Eric Prydz Opus Midi -

Eric Prydz Opus Midi -

Check this page’s stylesheet ;-)

You can also visit the Test Drive page, type in any code you want and check out how it would get prefixed for the current browser.

Eric Prydz Opus Midi -

Just include prefixfree.js anywhere in your page. It is recommended to put it right after the stylesheets, to minimize FOUC

That’s it, you’re done!

Eric Prydz Opus Midi -

The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile.

If it doesn’t work in any of those, it’s a bug so please report it. Just before you do, please make sure that it’s not because the browser doesn’t support a CSS3 feature at all, even with a prefix.

In older browsers like IE8, nothing will break, just properties won’t get prefixed. Which wouldn’t be useful anyway as IE8 doesn’t support much CSS3 ;)

Eric Prydz Opus Midi -

Test the prefixing that -prefix-free would do for this browser, by writing some CSS below:

Always ensure you own a legitimate copy of the track for reference and do not distribute copyrighted note-for-note MIDI as your own.

and gradually accelerates over roughly 3 minutes and 42 seconds to a final tempo of Instrumentation: MIDI recreations typically include 4 to 7 channels: The hypnotic, evolving ostinato that carries the melody.

To capture the full track, your MIDI project should include four main layers: Main Arpeggio (Lead) , Strings/Pads , Bass , and "Alarm" (High-pitched syncopated lead) . 2. Step-by-Step MIDI Construction Step 1: Program the Arpeggio Pattern

Eric Prydz Opus Midi -

Always ensure you own a legitimate copy of the track for reference and do not distribute copyrighted note-for-note MIDI as your own.

and gradually accelerates over roughly 3 minutes and 42 seconds to a final tempo of Instrumentation: MIDI recreations typically include 4 to 7 channels: The hypnotic, evolving ostinato that carries the melody.

To capture the full track, your MIDI project should include four main layers: Main Arpeggio (Lead) , Strings/Pads , Bass , and "Alarm" (High-pitched syncopated lead) . 2. Step-by-Step MIDI Construction Step 1: Program the Arpeggio Pattern

Tweet