Developing Extensions for Google Chrome

Once created the HTML file, you see the view because as all HTML without CSS is awful, it's ugly. So you need to start applying makeup, so in this video because it will do precisely that. The style will be applied, the visual extension will look with CSS. Lets go see it!

Hi I'm Ethan, we continue with the course of doing extensions for Google Chrome. I will explain how to test your extension, okay? You're going to Chrome: // extensions or going from the menu and going to load extensions and put unpacked extension. Seek ye the directory where the folder. My wallet was in the C Course Extensions. Error loading the extension, has not been able to load the page background background.html src ... well, according

As before we had since we were going to use a page of background, now he tells us not. Well we put any page. Although not serve anything, just to be happy and already have ...... Let's see ...... a moment .. Oh, misspelling. Oh Lord. VA 2 S. Okay, we have a dilemma here is that ... this is the course and this is what I did. This will disable the as you see now all we have is this

And the rest is like there, and now because we have to start with the CSS to make it more visual and more usable because right now is a bit useless. Well, we're going to do ... to see ... html. This will help us to determine when you click here, you see that has dimensions. Then you can choose which you want, I for the extension will put .. the width, you'll put 700 pixels tall and I'm going to put 360 pixels.

Oops! That has opened MySQL console me. Okay, the body ... we'll put .. well, for now I will not put anything. Then we started with the class 'link' Voucher? I'll put: width: 640 px, these are the dimensions that you will have the Video box, bone box that occupies the video. I showed already in another chapter tall and I'm going to put all, I'll put 360 pixels to fill it. The position, I'll put absolute.

That will make it easier, in pointer-events we put none left we put 20 pixels, this is more than anything to make it more focused. And there is completely the edge, then ... now we start with the kind of image adjustments, absolute position. Okay, we put in 25px width, height I'm going to put 10 pixels (top) ... then right 5 pixels, eh said high I meant the edge.

So to speak from above, bone, the space will from the top. Let's put a transition and it is ... I'm going to do with the 'transform' I'll put 0.3 seconds and this basically works like antialiasing, because when you animations images are pixelated and putting it .. I do not know, at least to me gave me that feeling that pixel is no longer putting this

Well, what else? Over Now when you do ... what will have to happen is to make a 'transform' to 'rotate' 45 degrees. Voucher. Now What else we need? Mmmmm ... well for now it seems nothing, to see what happens. Well as you see we have adequate space to put video And we have the settings button with this animation by making 'over' the button. Véis makes this kind of spin and good now in the following video ..

We continue to do this script, mmm .. this, we will serve for videos from any channel.