terranetmd

terranetmd supports this item

Supported

This author's response time can be up to 5 business days.

15 comments found.

Hi,

sounds interesting. But I would love to see more. A Demo Video or something like that would be helpful.

Thanks, Peter.

Hmm, good idea ok I will try do it, but it will take some time. I can show you Documentation for it.

http://upload.myterranet.com/pixel-perfect/

Cheers, Serj from Terranet.

Hello, we added new screenshots, please take a look.

How is this used? Is it a bookmarklet or does the js have to be included in the html?

No bookmark, you insert only 7 lines into head tag, js script. You can show documentation here you will see all steps instalation (integration into html) and how it work more detailed

http://upload.myterranet.com/pixel-perfect/

Cheers, Serj from Terranet.

Hi, Looks cool, but, I don’t get it. Cheers, J

Thanks for feedback, maybe in future you will need it ;)

Thanks for the documentation. Interesting. When I reload the browser – do I have to switch on the tool again or is there a way to show it permanent?

This tool after reload browser save all setting in cache. for example you done Grid using Scale Tab -> Verical lines or horisontal lines, you place it where you need it, after reload page lines will remain on what place you insert it.

You insert code into html file after reload tool will be always on your html file till you will not remove from it.

No need to make a video to explain, the idea comes from a FireFox plugin named “PixelPerfect.”

Video: https://vimeo.com/1319052

Although, Pixel Perfect Tool v.1 seems to have a couple more options, and works on any browser.

Yep you are right, idea is the same and works on all modern browser, to simplify work of Front-end developer.

Yeah, I know these browser plugins. That was the reason I was asking. There several plugins, for other browsers too. However, this tool seems to have more options. I will try it.

I will be glade to help you with suggestion, if you will have ;)

Interesting iodea, but to make it easier to use why not use it as a bookmarkelt as well?

maybe ,but previous idea was to do it as it now, maybe for future will be like bookmarkelt ;). Thanks

Bought and testing it out. It works great, but I have some questions:

- Do I have to add colorpicker, jquery-ui and jstorage-scripts by myself? Just linking to these three javascripts or anything else?

- Grid calc ist just for calculating or also for adding a visible grid?

- I would love to have the background image center aligned instead of left aligned. Maybe an idea to add this feature?

- Do I have to add colorpicker, jquery-ui and jstorage-scripts by myself? Just linking to these three javascripts or anything else? - No you need only add 7 line of code. no need to add colorpicker, jquery-ui, jstorage, script have it in code. Only 7 lines code.

- Grid calc ist just for calculating or also for adding a visible grid? - Only calculate, maybe in future will have this one

- I would love to have the background image center aligned instead of left aligned. Maybe an idea to add this feature? - Yes we think about centering image but, always depend of design depend of size of image, depend of sie of browser, and we decided to align to on the left. If we will have more feedback what it will be more better to align it to center sure in future we will add this functional.

Do we get all teh script or is this external script loaded from your server soemwhere

No external, all files are in this zip file which you will be able to upload.

Hey

Having trouble getting this running, nothing shows up after installation. Have added the required code. Tried it with jquery and jquery ui and tried without it.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>

<link rel="stylesheet" type="text/css" href="pixelperfect/css/styles.css" />
<script type="text/javascript" src="pixelperfect/pixel-perfect.js"></script>

<script type="text/javascript">
    pixelPerfect.startUp({
        isLoadedjQueryUI: true // true or false, if in code present jQuery UI
    });
</script>

Any ideas? Tried the above code without Jquery and Jquery UI

Ok let’s clarify what is problem, can you contact me on email info@terranet.md, send me please also link with this project or where this issue appear.

Ok let’s clarify what is problem, can you contact me on email info@terranet.md, send me please also link with this project or where this issue appear.

Excellent. Everything is resolved now. THanks Terranet. Not sure why it was acting up.

Maybe you can update the archive here on CodeCanyon with a demo html page just like the package you sent me.

Would be nice.

Thanks

Good idea thanks a lot. I will include demo in this package.

Thanks.

Nice work.

Thank you!

by
by
by
by
by
by