1.01stWebDesignerhttps://1stwebdesigner.comrich600338<blockquote class="wp-embedded-content" data-secret="WiRUmVibnb"><a href="https://1stwebdesigner.com/device-mockups-website-headers/">Design Tips & Examples of Device Mockups In Website Headers</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://1stwebdesigner.com/device-mockups-website-headers/embed/#?secret=WiRUmVibnb" width="600" height="338" title="“Design Tips & Examples of Device Mockups In Website Headers” — 1stWebDesigner" data-secret="WiRUmVibnb" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript"> /* <![CDATA[ */ /*! This file is auto-generated */ !function(d,l){"use strict";l.querySelector&&d.addEventListener&&"undefined"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!/[^a-zA-Z0-9]/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret="'+t.secret+'"]'),o=l.querySelectorAll('blockquote[data-secret="'+t.secret+'"]'),c=new RegExp("^https?:$","i"),i=0;i<o.length;i++)o[i].style.display="none";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute("style"),"height"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):"link"===t.message&&(r=new URL(s.getAttribute("src")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener("message",d.wp.receiveEmbedMessage,!1),l.addEventListener("DOMContentLoaded",function(){for(var e,t,s=l.querySelectorAll("iframe.wp-embedded-content"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute("data-secret"))||(t=Math.random().toString(36).substring(2,12),e.src+="#?secret="+t,e.setAttribute("data-secret",t)),e.contentWindow.postMessage({message:"ready",secret:t},"*")},!1)))}(window,document); /* ]]> */ </script> https://1stwebdesigner.com/wp-content/uploads/2017/05/mockup-header-thumb.jpg750500Mobile device mockups are perfect for demoing new apps. These mockups let designers edit the device screen to add UIs that blend perfectly and fit naturally into the mockup photo. Tons of mobile app websites also use these device mockups to style the page header. It’s a growing design trend I’ve seen a lot recently,... Read more »