Comments (15)
I am having a go at this using the crossrider site. It is pretty simple to use and creates a extension for Internet Explorer 7+, Firefox 3.5+ and Chrome.
Might have something for you tomorrow.
from cssprefix.
How about a bookmarklet? Could work with a JSONP response.
from cssprefix.
@remy Can you add a JSONP response to this. Should be a simple thing to check whether there is a callback in the url.
from cssprefix.
Yep, easy.
Sent from my iPhone
On 11 Feb 2012, at 11:31, Sam Bennett [email protected] wrote:
@remy Can you add a JSONP response to this. Should be a simple thing to check whether there is a callback in the url.
Reply to this email directly or view it on GitHub:
#6 (comment)
from cssprefix.
Sweet, that should mean my multi browser extension should be ready when you are.
Actually I change the
from cssprefix.
Have you just broke this? Every site seems to be passing.
from cssprefix.
I think so. I was working last night on using message queues and workers to get the work done, but I suspect it's gone a little tits up. In fact now, I'm not getting anything.
I've got some scaling issues I need to look at - and probably need to go a knocking on hosting company doors :) I'll see if I can't sort it shortly.
from cssprefix.
Doesn't seem to load the page no more :( If I had a decent host I might run a test version so I can keep working.
from cssprefix.
It's back up for the time being. Given the few hours I've worked on it, there's some exceptions I'm hitting (like invalid urls, etc).
If you're testing - best to test with static responders like:
- Fail JSONP: http://jsbin.com/erigos/js
- Pass JSONP: http://jsbin.com/erigos/2/js
- Fail JSON: http://jsbin.com/erigos/4/js
- Pass JSON: http://jsbin.com/erigos/3/js
from cssprefix.
With JSONP support, I'll add CORS which will be better as you'll be able to handle timeouts, etc much more cleanly.
from cssprefix.
@sambenne sorry, I should have added - you can host this locally for testing - clone the project, install Node.js then in the project directory run npm install
(I think it says this on the README) - and you'll be off and running.
from cssprefix.
Based on the static I can get the JSON to work and it changes the icon from red to green on page load. I am going to get it to show the errors in a popup on a click event.
from cssprefix.
Here is the first test.
http://crossrider.com/plugin/chrome/apps/css-prefix-test.crx
On the page load it will check the site http://jsbin.com/erigos/3/js but on click it will check http://jsbin.com/erigos/4/js so you can see how it looks both ways. I am going to try it on FF.
from cssprefix.
@sambenne extension looks nice as a starter (only quickly checked it out). I saw your tweet too - though I fear you've wasted a bit of your time! The "check your site" part of things is handled entirely by csslint.net. The error when you're doing the .json call is only the first error (and though I've not updated docs) it will only be the first error to basic reduce the work of the server when doing a single yes/no test. So in a way it's not that useful (and I'd probably not show in the icon at all).
Is there source available for the extension at all? Might be useful to let others have a peek around to learn from it.
Couple of bits of feedback, no doubt you've already considered yourself:
- Icon is green before anything is done - might suggest it's all good.
- Clicking icon runs test - perfect.
- Clicking icon after test is run - perhaps offers to get fixed CSS if it's bad.
- Status (red/green) seems to carry cross tabs - it shouldn't do I expect.
- Hovering over green icon says "this site has 1 error"
I'm also going to update the readme so it's exactly clear what this tool/service does! :)
:: edit ::
Sorry - just re-read - you said it's hitting the static examples so I could see what it looks like - so it's not hooked up to live - that's cool1
from cssprefix.
Ah that image on twitter was actually using your API that I used for the extension. So its data was based of what gets returned. Was thinking the extension could take you to a page that had a more detailed explanation for you.
When I get on my Laptop I will put the code on my github and link you to it.
from cssprefix.
Related Issues (10)
- Support for local websites HOT 1
- Create a graphic for a happy face green unicorn riding a tick mark (or something) HOT 1
- Require: converter for gradients HOT 8
- Required: Logo/favicon HOT 19
- Required: Homepage outline / wireframe HOT 2
- Desired: Chrome extension to warn of prefix abuse
- Required: re-write to use cluster instead of fork
- Required: rabbitMQ support HOT 1
- ØMQ (zeromq) isn't quite working HOT 5
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cssprefix.