{"id":5581,"date":"2017-10-20T18:43:45","date_gmt":"2017-10-21T01:43:45","guid":{"rendered":"http:\/\/blog.cmiscm.com\/?p=5581"},"modified":"2023-01-24T20:17:27","modified_gmt":"2023-01-25T04:17:27","slug":"digital-clock-made-with-unused-nexus-10","status":"publish","type":"post","link":"http:\/\/blog.cmiscm.com\/?p=5581","title":{"rendered":"Developing a personal digital clock using a Nexus 10"},"content":{"rendered":"<div class=\"cmpro\">\n<h3>CLOCK<\/h3>\n<p><center><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-6107\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/clock2.gif\" alt=\"\" width=\"1000\" height=\"423\"><\/center><\/div>\n<div class=\"cmpro\">\n<h3>PICTURE<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5582\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07193.jpg\" alt=\"\" width=\"1000\" height=\"667\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07193.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07193-300x200.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07193-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5583\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07257.jpg\" alt=\"\" width=\"1000\" height=\"667\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07257.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07257-300x200.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07257-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5584\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07235.jpg\" alt=\"\" width=\"1000\" height=\"667\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07235.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07235-300x200.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07235-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5585\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07241.jpg\" alt=\"\" width=\"1000\" height=\"667\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07241.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07241-300x200.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07241-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-5586\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07254.jpg\" alt=\"\" width=\"1000\" height=\"667\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07254.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07254-300x200.jpg 300w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2017\/10\/DSC07254-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">\nAs a personal project, I developed a digital flip clock for the Nexus 10 device utilizing the JavaScript and CSS3. Despite the device&#8217;s large screen size and obsolescence, this flip clock was designed to replicate the intricate movements of an analog flip clock and provide a high-quality visual experience. The motion code implemented in this personal project was later utilized in the flip clock feature of Google&#8217;s smart display product, Nest Hub. This serves as a noteworthy example of the potential for personal projects to evolve into commercial applications.<\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>Technologies &amp; Tools<\/h3>\n<ul class=\"techtool\">\n<li>JavaScript<\/li>\n<li>CSS3<\/li>\n<li>HTML5<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>CLOCK PICTURE DESCRIPTION As a personal project, I developed a digital flip clock for the Nexus 10 device utilizing the JavaScript and CSS3. Despite the device&#8217;s large screen size and obsolescence, this flip clock was designed to replicate the intricate movements of an analog flip clock and provide a high-quality visual experience. The motion code [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[551],"tags":[],"class_list":["post-5581","post","type-post","status-publish","format-standard","hentry","category-diy"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5581","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5581"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/5581\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5581"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=5581"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=5581"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}