{"id":22325,"date":"2014-08-04T09:45:55","date_gmt":"2014-08-04T07:45:55","guid":{"rendered":"https:\/\/mamchenkov.net\/wordpress\/?p=22325"},"modified":"2014-08-04T09:45:55","modified_gmt":"2014-08-04T07:45:55","slug":"html5-device-mockups","status":"publish","type":"post","link":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/04\/html5-device-mockups\/","title":{"rendered":"HTML5 device mockups"},"content":{"rendered":"<!-- google_ad_section_start -->\n<p><a href=\"https:\/\/github.com\/pixelsign\/html5-device-mockups\">HTML5 mockups<\/a> of popular devices, to showcase your portfolio and spice up your website. \u00a0Demos are <a href=\"http:\/\/aarnis.com\/pixelsign\/demo.html\">here<\/a>.<\/p>\n<p><a href=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups.png?ssl=1\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"22326\" data-permalink=\"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/04\/html5-device-mockups\/html5-mockups\/\" data-orig-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups.png?fit=774%2C627&amp;ssl=1\" data-orig-size=\"774,627\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"html5 mockups\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups.png?fit=660%2C535&amp;ssl=1\" class=\"aligncenter size-medium wp-image-22326\" src=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups-500x405.png?resize=500%2C405&#038;ssl=1\" alt=\"html5 mockups\" width=\"500\" height=\"405\" srcset=\"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups.png?resize=500%2C405&amp;ssl=1 500w, https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/html5-mockups.png?w=774&amp;ssl=1 774w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<!-- google_ad_section_end -->\n","protected":false},"excerpt":{"rendered":"<!-- google_ad_section_start -->\n<p>HTML5 mockups of popular devices, to showcase your portfolio and spice up your website. \u00a0Demos are here.<\/p>\n<!-- google_ad_section_end -->\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"link","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"_links_to":"","_links_to_target":""},"categories":[1,62,1334],"tags":[1190,1141,1157,1330],"keyring_services":[],"class_list":["post-22325","post","type-post","status-publish","format-link","hentry","category-general","category-technology","category-web-work","tag-html","tag-mobile","tag-web-design","tag-web-development","post_format-post-format-link"],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack-related-posts":[{"id":23549,"url":"https:\/\/mamchenkov.net\/wordpress\/2015\/02\/18\/placeit-create-instant-product-mockups\/","url_meta":{"origin":22325,"position":0},"title":"PlaceIt &#8211; create instant product mockups","author":"Leonid Mamchenkov","date":"February 18, 2015","format":"link","excerpt":"PlaceIt - create instant product mockups","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"PlaceIt","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2015\/02\/PlaceIt-500x234.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":15921,"url":"https:\/\/mamchenkov.net\/wordpress\/2011\/11\/18\/parallax-scrolling-showcase\/","url_meta":{"origin":22325,"position":1},"title":"Parallax scrolling showcase","author":"Leonid Mamchenkov","date":"November 18, 2011","format":false,"excerpt":"A colleague sent me this link to a collection of parallax scrolling website designs. Some of them are really awesome, especially considering the fact that they are implemented in HTML5 - no flash or other proprietary plugin required. I particularly liked how the car assembles and disassembles on the Smart\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2011\/11\/Parallax-Scrolling-500x251.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":27329,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/02\/11\/sketch-wireframe-mockup\/","url_meta":{"origin":22325,"position":2},"title":"Sketch, wireframe, mockup","author":"Leonid Mamchenkov","date":"February 11, 2017","format":false,"excerpt":"I think this image is probably the best explanation I've ever seen of the difference between sketches, wireframes, and mockups. \u00a0It comes from this article.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/02\/sketch-wireframe-mockup-500x367.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22412,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/20\/modernizr-avascript-library-that-detects-html5-and-css3-features-in-the-browser\/","url_meta":{"origin":22325,"position":3},"title":"Modernizr &#8211; JavaScript library that detects HTML5 and CSS3 features in the browser","author":"Leonid Mamchenkov","date":"August 20, 2014","format":"link","excerpt":"Modernizr - JavaScript library that detects HTML5 and CSS3 features in the browser.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":27477,"url":"https:\/\/mamchenkov.net\/wordpress\/2017\/03\/31\/the-20-best-wireframe-tools\/","url_meta":{"origin":22325,"position":4},"title":"The 20 best wireframe tools","author":"Leonid Mamchenkov","date":"March 31, 2017","format":false,"excerpt":"\u00a0 Creative Bloq lists 20 best wireframe tools. \u00a0The selection varies from free, through cheap, to expensive, and covers web-based, desktop, and mobile solutions. \u00a0Quite handy for those of us not involved in web design on a daily basis, but needing a sketch \/ mockup \/ wireframe tool once in\u2026","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2017\/03\/wireframe-500x341.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":22441,"url":"https:\/\/mamchenkov.net\/wordpress\/2014\/08\/29\/timesheet-js-javascript-library-for-simple-html5-css3-time-sheets\/","url_meta":{"origin":22325,"position":5},"title":"Timesheet.js &#8211; JavaScript library for simple HTML5 &#038; CSS3 time sheets","author":"Leonid Mamchenkov","date":"August 29, 2014","format":"link","excerpt":"Timesheet.js - JavaScript library for simple HTML5 & CSS3 time sheets.","rel":"","context":"In &quot;All&quot;","block_context":{"text":"All","link":"https:\/\/mamchenkov.net\/wordpress\/category\/general\/"},"img":{"alt_text":"timesheet.js","src":"https:\/\/i0.wp.com\/mamchenkov.net\/wordpress\/wp-content\/uploads\/2014\/08\/timesheet.js-500x206.png?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22325","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/comments?post=22325"}],"version-history":[{"count":0,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/posts\/22325\/revisions"}],"wp:attachment":[{"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/media?parent=22325"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/categories?post=22325"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/tags?post=22325"},{"taxonomy":"keyring_services","embeddable":true,"href":"https:\/\/mamchenkov.net\/wordpress\/wp-json\/wp\/v2\/keyring_services?post=22325"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}