This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Jitendra Vyas
Posted Feb 09 - Read on Facebook

So we cant see framer preview on windows phone. Windows Phone doesn't have Webkit browser

18 Comments

Marcelo Eduardo Oliveira

Hi Jitendra Vyas, in a previous project we needed to make framer work in Firefox and a simple find and replace (-webkit to -moz ) solved our issues. Maybe removing the prefix will make it work ( and of course remove the browser testing as well )

Mike Feldstein

You can still prototype windows phone apps you just can't do it on a windows phone :) its just a touch screen right?

Kevin Cannon

Marcelo Eduardo Oliveira - Wow, didn't know it was so easy to make work in FF - that's really cool!

Jitendra Vyas

Mike updated my post. thanks

Marcelo Eduardo Oliveira

Kevin Cannon me neither, so a friend at work just tried and it worked.

Kevin Cannon

Would be great if that was in the main branch!

Callil Capuozzo

Marcelo Eduardo Oliveira could you share some more details on how you made the changes, did you edit the framer.js source?

Nikolas Moya

Callil Capuozzo Open the framer/style.css file and replace the -webkit to -moz in the * selector. Marcelo Eduardo Oliveira please correct me if I am mistaken

Nikolas Moya

Actually, instead of replace, just add the -moz, otherwise it won't work in chrome/safari anymore

Marcelo Eduardo Oliveira

Callil Capuozzo here's the project zip : ftp://ftp.marceloeduardo.com//public_html/framerfirefox/project.zip It was done outside studio, (I use codekit or cactus when working outside studio ) but you can do a diff between this files and a normal one to see what we did! )

Just drag the index.html on firefox to play around (press spacebar a couple of times , then the 3 links in the bottom)

Marcelo Eduardo Oliveira

Nikolas, We actually changed the properties definitions in the Layer object ( instead of webkitTransform we used only transform ) so -moz was not even needed.

Here's what was changed:
https://www.dropbox.com/s/zjdkhoyrym2rrhv/Screenshot%202015-02-08%2014.01.26.png?dl=0

https://www.dropbox.com/s/vht3fpfq1iyt2ud/Screenshot%202015-02-08%2014.02.47.png?dl=0

And the project online to play without downloading:
http://www.marceloeduardo.com/framerfirefox/

It's dirty, but I wanted to do some quick prototyping for a site and it worked great to communicate the idea.

Callil Capuozzo

Marcelo you are the man! Thank you

Marcelo Eduardo Oliveira

Glad if this ends up being helpful more than confusing ;) Messy code ( there was animated pie graphs in each dots.. and I didn't cleaned it up )

Nikolas Moya

Thanks for the information Marcelo! Another trick in my sleeve :)

Rich Zarick

Hey all, just getting my hands dirty in framer, this would be a huge step in the door! Marcelo - it seems like the ftp link requires authentication though - any way to help out?

Marcelo Eduardo Oliveira

Rich Zarick my bad! copied the link from transmit. Here's the normal www link: www.marceloeduardo.com/framerfirefox/project.zip

Rich Zarick

Excellent, thanks!

Bogdan Mustata

Excellent!

Read the entire post on Facebook