Best Way to Create Phone Display on HTML Pages
I have published PhoneAwesome last week. It's a library to create a phone display on HTML. It can use for sharing the mobile display of any themes or applications. It's based on Device.css. I used Javascript and Webpack to build Phoneawesome.
You can get Phoneawesome with CDN.
<script src="https://cdn.jsdelivr.net/gh/omerimzali/phoneawesome@master/dist/build/phoneawesome.js"></script>
Or You can clone it.
git clone https://github.com/omerimzali/phoneawesome.git
<div id='device1'></div>
var options = {src:"https://picturepan2.github.io/spectre/"};
var device1 = phoneawesome('#device1',options);
<div id='device2'></div>
var options = {device:"google-pixel-2-xl",
src:"https://picturepan2.github.io/spectre/"};
var device2 = phoneawesome('#device2',options);
<div id='device2'></div>
var options = {device:"iphone-8",width:"400",height:"600",
src:"https://picturepan2.github.io/spectre/"};
var device5 = phoneawesome('#device5',options);
var device6options = {device:"iphone-8",width:"400",height:"600",
src:"https://picturepan2.github.io/spectre/"};
var device6 = phoneawesome('#device6',device6options);
device6.changesrc("https://nostalgic-css.github.io/NES.css/");
//or
device6.changesrc("https://picturepan2.github.io/spectre/");
https://github.com/omerimzali/phoneawesome
http://programlama.xyz/phoneawesome/examples/index.html
http://programlama.xyz/phoneawesome/examples/portfolio.html