Javascript library that adds prefixes to CSS properties for browsers that need them
A Javascript library that lets developers use unprefixed CSS properties. It adds the browser prefixing to any CSS code, as needed.
Questions tagged [prefixfree]
18 questions
5
votes
1 answer
CSS transition is sometimes skipped in Chrome
I want to flip an image with a rotation animation when hovering over it (see the code below). When hovering over the image, it rotates around its x-axis for one second (and back when the mouse leaves the image).
The animation works as expected in…
klaussner
- 2,364
- 3
- 25
- 33
5
votes
2 answers
Add attribute to link tag that's generated through wp_register_style?
My original question was answered here: Google Fonts giving: No 'Access-Control-Allow-Origin' header is present on the requested resource.
Is there a way to add the data-noprefix attribute to my Google Fonts link tag?
My functions.php looks like…
user8737780
- 103
- 1
- 6
5
votes
2 answers
Git: Getting someone elses project without forking
I'm fairly new to GIT and I've been trying to find an answer to this question on the internet but so far haven't found anything that speaks to it.
If I understand correctly the purpose of forking a repo is to allow you to play with the code in…
Crispen Smith
- 513
- 4
- 20
4
votes
2 answers
php regex to remove CSS vendor prefix hell
I am trying to cleanup my CSS documents to remove only those vendor-prefixed lines:
-webkit-......;
-o-.....;
-ms-......;
-khtml-......;
-moz-......;
As you see all lines have the same patterns ended with semi-colons, only different vendors.
So far…
swan
- 2,509
- 3
- 24
- 40
3
votes
2 answers
Google Chrome Developer Tools not showing css filename next to css
It's a bug of google chrome or there are some guidelines which i should stick to, to return that feature?
Thank you.
UPDATED
Issue was caused by prefixfree.
Somebody
- 9,316
- 26
- 94
- 142
3
votes
1 answer
IE8 and the new vw unit. Good polyfill?
Im testing out the vw unit (relative to viewport width). My question is, is there an easy method to convert the vw value with pixels? It doesnt have to be responsive. I was thinking of Jquery. The prefixfree plugin and vminpoly dont seem to work for…
The Javascript Noob
- 129
- 1
- 2
- 8
2
votes
1 answer
PrefixFree.js is loading additional "phantom" styles on my page
I've been using the excellent PrefixFree on all my sites recently, and in general it works like a charm. But today I discovered a very, very strange issue - on only a few pages of my site, when the script is present, an additional set of styles get…
daGUY
- 27,055
- 29
- 75
- 119
1
vote
1 answer
TypeError: e.fixers is undefined error for prefixfree on dynamically loaded iframes
I'm dynamically loading an iframe with some code to execute within - it's a code playground with codemirror instance under it. One of the pieces of code that executes inside of iframe is the prefixfree.min.js from Lea Verou.
On load / unload of the…
Marvin Danig
- 3,738
- 6
- 39
- 71
1
vote
1 answer
Why "document.styleSheets" returns empty value after each 3 to 5 browser refreshes?
What I want to achieve is to make the user define specific stylesheets to be processed by a JavaScript file i wrote and here is the code i used to get the specified stylesheets :
…
Mo Ali
- 11
- 4
1
vote
1 answer
JS reference to the document by document.getElementById gives error back
I have a webpage with less and prefixfree (both of them are js-files, imported from my own server) and now, when I've tried to import a custom script too, I got the problem:
Basic javascript like
x = "hello world";
alert (x);
works fine.
But every…
Jere
- 1,196
- 1
- 9
- 31
1
vote
1 answer
CSS3 transition (transform) not working in Firefox, but in Chrome and Safari
I'm working on a simple slider, which uses CSS transitions to animate the slides. I created a pen with some basic styling and some javascript here. Note: Since Codepen uses Prefixfree I haven't used any prefixes.
The only part, which is animating is…
mrksbnch
- 1,792
- 2
- 28
- 46
1
vote
1 answer
-prefix-free jquery plugin IE
I'm having issues using prefixfree, the jquery plugin does not seem to work in internet explorer 9.
(maybe it's just some screwed up setting in my browser, I don't know, but prefixfree itself does the job all right: the initial rotate(20deg) is…
robbe clerckx
- 415
- 5
- 16
0
votes
0 answers
Webpage looks different on different browsers
I have a webpage but it looks different on different browsers. Even the amount of padding and margin I gave are way off and let's not talk about the JS stuff.
I also have it live here:
https://iam-shivam.github.io/DrumPad/drumpad.html
How do I…
Shivam Dhawan
- 47
- 7
0
votes
0 answers
"Prefix free" isn't pre-fixing image filters...?
I'm trying to use "Prefix free" (http://leaverou.github.io/prefixfree/) on image filters and it seems the script isn't adding a -webkit- prefix to it.
Here's the example: http://codepen.io/barkins/pen/ByeGjd
img {
filter: sepia(.5);
}
Shouldn't…
Richard
- 1,414
- 2
- 16
- 27
0
votes
3 answers
Simple CSS3 animation is not working in Firefox
I am trying to Animate a div. What i am actually doing in the animation is translating the div to 100%. but the animation only works in chrome and it is not working in Firefox. i tried to add prefix and i also included prefix-free.js plugin.…
cJ_
- 486
- 1
- 4
- 19