Jump to content

Add iOSGods Real-Time Screen Video to your Website!


2 posts in this topic

Recommended Posts

Posted

If you're not sure what I mean by the title, let me explain:


 


This code basically allows you to view what's happening on iOSGods in real-time on-screen without having to visit the website. Cool, right?


 


Here's the link to my pen (with the real-time video) - http://codepen.io/Goggwell/full/PwNpjJ/


 


What this does is it places a mockup of a Mac on your screen, and inside of the screen is the iOSGods website.


How you ask?


 


Here's the code, first of all:


HTML




<iframe src="http://show.placeit.net/?id=4758" width="800" scrolling="no" height="600" frameborder="0"></iframe>

CSS



iframe {
width: 800px;
height: 600px;
margin: 0 auto;
background-color: #777;
}

iframe {
display: block;
}

For the CSS code, it's alright to place all the functions inside the first variable. They were separated because I had another function inside the HTML.


 


To get the screen mockup, I went to PlaceIt, an amazing website which creates beautiful high-resolution mockups for you.


 


http://placeit.net


 


 


 


 


×
  • Create New...

Important Information

We would like to place cookies on your device to help make this website better. The website cannot give you the best user experience without cookies. You can accept or decline our cookies. You may also adjust your cookie settings. Privacy Policy - Guidelines