-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
<link> or <style> elements and adds a vendor prefix where neededstyle attribute and adds a vendor prefix where needed<link> or <style> elements, style attribute changes and CSSOM changes (requires plugin).css() method get and set unprefixed properties (requires plugin)@import-ed files is not supportedstyle attribute) won’t work in IE and Firefox < 3.6. Properties as well in Firefox < 3.6.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.
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!
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 ;)
Test the prefixing that -prefix-free would do for this browser, by writing some CSS below:
Written by Anders Fløe Svenningsen alongside Nikolaj Sonqvist, Sekunder stands out in Nordic short-form cinema for its uncompromising realism and structural complexity. Anders Fløe Svenningsen Co-Writer: Nikolaj Sonqvist Cinematographer: Martin Munch Country of Origin: Denmark Language: Danish Run Time: 15 minutes Genre: Drama / Thriller 🎭 Cast and Characters
Captured through a unique narrative structure, the film utilizes to unpack the harrowing consequences of a shared secret. Production and Technical Overview Release Year Runtime 18 minutes Country of Origin Language Director & Writer Anders Fløe Svenning Co-Writer Nikolaj Sonqvist Cinematographer Martin Munch Primary Genre Drama / Short Film Plot Synopsis and Theme
A well-known feature that also uses reverse chronology to depict a brutal revenge plot. Prisoners (2013):
The film also touches on the theme of identity and how it is shaped by our experiences. As the protagonist relives the same moments, he begins to question his own sense of self and the nature of reality. This existential crisis serves as a catalyst for the film's exploration of the human condition. sekunder+2009+short+film
The 2009 film features a small but powerful cast that brings this intense story to life. as Kenni (Father) Marie Boda as Mathilde (Daughter) Jens Bo Jørgensen as Ebbe (Rapist) Pernille Glavind Olsson as Karen (Ebbe’s wife) Amalie Amorøe as Sidse (Ebbe’s daughter)
uses its timeline to keep the audience off-balance. By starting at the end, the violence feels senseless at first, only to become tragically "understandable" (though no less horrific) as the context is filled in. Raw Performance:
The film follows the protagonist, played by Norwegian actor, Vegar Hoel, as he experiences a strange and unsettling phenomenon. Every few seconds, time appears to reset, and he finds himself back at the starting point, forced to relive the same moments repeatedly. As the loop continues, the protagonist becomes increasingly desperate and disoriented, struggling to make sense of his situation. Prisoners (2013): The film also touches on the
As a testament to the power of short films, "Sekunder" demonstrates that even the most concise and simple stories can have a profound impact on viewers. If you're a film enthusiast or simply looking for a thought-provoking experience, "Sekunder" is a must-see.
Jonas is walking away from the camera. Two security guards are approaching him from the far end of the hall. They don't look angry; they look like they are there to manage a tragedy.
Sekunder belongs to a unique sub-genre of cinema that uses backward storytelling. Reviewers on platforms like Letterboxd note that the film's reverse chronological framework is essential to its thematic execution. The 2009 film features a small but powerful
The film starts with the consequence of the father's revenge.
is a Danish psychological drama short film that explores the themes of trauma, paternal protective instincts, and the ethics of vigilante justice. Directed by Anders Fløe Svenningsen, the 15-minute film utilizes a non-linear narrative structure to challenge the viewer's moral judgments and preconceptions. Overview and Production
Compare the with other short films that use reverse chronology . Find interviews with the director, Anders Fløe . Provide a deeper thematic analysis of the 2009 film .
The Secondary Effect (Sekunder) Year: 2009 Format: Short Film Script / Narrative
Extra code on top of -prefix-free that makes it more flexible, integrates it with different APIs etc
Originally a part of -prefix-free, it’s now a separate plugin. It makes -prefix-free take care of:
<link> and <style> added to the document afterwardsstyle attribute added to the document afterwardsstyle attribute changes through setAttribute() (except in Webkit)element.style.transform = 'rotate(10deg)';
style attribute modifications will not work in Webkitelement.style.transform = 'rotate(5deg)';will not work in Chrome (reading will)
Get the Dynamic DOM plugin now:
A tiny plugin (I didn’t even bother minifying it as it’s so small) that lets you set/get unprefixed CSS properties through jQuery's .css method.
Get the jQuery plugin now:
A static polyfill for the new vw, vh, vmin, vmax units.
Enables rudimentary CSS variables support.