{"id":3364,"date":"2013-05-19T19:19:31","date_gmt":"2013-05-19T23:19:31","guid":{"rendered":"http:\/\/blog.cmiscm.com\/?p=3364"},"modified":"2023-10-06T14:54:31","modified_gmt":"2023-10-06T21:54:31","slug":"project-hangul-1-the-mimetic-words-of-hangul","status":"publish","type":"post","link":"http:\/\/blog.cmiscm.com\/?p=3364","title":{"rendered":"Project Hangul #1 &#8211; The mimetic words of Hangul"},"content":{"rendered":"<div class=\"cmpro\">\n<h3>RUNNING ON IPAD<\/h3>\n<div class=\"cmvideo\" style=\"padding-bottom: 56.3%;\"><iframe loading=\"lazy\" width=\"1000\" height=\"563\" src=\"https:\/\/www.youtube.com\/embed\/4gBiqIVuG8U?rel=0&amp;controls=1&amp;showinfo=0\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<\/div>\n<div class=\"cmpro noshadow\">\n<h3>LOGO<\/h3>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4441\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/logo_blog2.png\" alt=\"logo_blog2\" width=\"736\" height=\"198\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/logo_blog2.png 736w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/logo_blog2-300x81.png 300w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESIGN<\/h3>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3898\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h1.jpg\" alt=\"h1\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h1.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h1-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3899\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h2.jpg\" alt=\"h2\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h2.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h2-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3900\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h3.jpg\" alt=\"h3\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h3.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h3-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3901\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h4.jpg\" alt=\"h4\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h4.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h4-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3902\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h5.jpg\" alt=\"h5\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h5.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h5-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3906\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h6.jpg\" alt=\"h6\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h6.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h6-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3907\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h7.jpg\" alt=\"h7\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h7.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h7-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3903\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h8.jpg\" alt=\"h8\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h8.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h8-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3904\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h9.jpg\" alt=\"h9\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h9.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h9-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3908\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h10.jpg\" alt=\"h10\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h10.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h10-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3905\" src=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h11.jpg\" alt=\"h11\" width=\"1000\" height=\"678\" srcset=\"http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h11.jpg 1000w, http:\/\/blog.cmiscm.com\/wp-content\/uploads\/2013\/05\/h11-300x203.jpg 300w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/div>\n<\/div>\n<div class=\"cmpro\">\n<h3>DESCRIPTION<\/h3>\n<div class=\"des\">\n<p>Hangul, also known as the Korean alphabet, is a unique writing system that is grouped into blocks that represent individual syllables, rather than being written sequentially as in the English language. This allows for the representation of most sounds.<\/p>\n<p>The Mimetic Words of Hangul is an art project that aims to visually depict onomatopoeic and mimetic words based on their meanings. The project was developed using HTML5, specifically the Canvas element, and is designed to be fully responsive across desktop and tablet devices. The implementation of the Canvas element in combination with the unique subject matter of the project, allows for a truly immersive and engaging experience for the users.<\/p>\n<\/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<li>Canvas<\/li>\n<li>UX\/UI Design<\/li>\n<li>Animation<\/li>\n<li>Interaction<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>AWARDS<\/h3>\n<ul>\n<li><i>\u2022<\/i>The FWA, Site of the Day &#8211; July 2013<\/li>\n<li><i>\u2022<\/i>The FWA, Mobile of the Day &#8211; July 2013<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>PRESS<\/h3>\n<ul>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=4054\">+<\/a><\/i>W.E.B Magazine Vol. 177 &#8211; September 2014<\/li>\n<li><i><a href=\"http:\/\/blog.cmiscm.com\/?p=3423\">+<\/a><\/i>Web Designing &#8211; July 2013<\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>URL<\/h3>\n<ul class=\"list\">\n<li><a href=\"http:\/\/mimetic.cmiscm.com\/\" target=\"_blank\" rel=\"noopener\">http:\/\/mimetic.cmiscm.com<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"cmpro\">\n<h3>ROLE<\/h3>\n<ul>\n<li><i>\u2022<\/i>Solo work<\/li>\n<li><i>\u2022<\/i>A special thank you to <a class=\"needsclick\" href=\"https:\/\/twitter.com\/j_m_earley\" target=\"_blank\" rel=\"noopener\">Justin Earley<\/a> who helped with the English copy.<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>RUNNING ON IPAD LOGO DESIGN DESCRIPTION Hangul, also known as the Korean alphabet, is a unique writing system that is grouped into blocks that represent individual syllables, rather than being written sequentially as in the English language. This allows for the representation of most sounds. The Mimetic Words of Hangul is an art project that [&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":[7],"tags":[372,345,347,378,379],"class_list":["post-3364","post","type-post","status-publish","format-standard","hentry","category-1project","tag-canvas","tag-html5","tag-javascript","tag-project-hangeul","tag-the-mimetic-words-of-hangeul"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/3364","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=3364"}],"version-history":[{"count":0,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=\/wp\/v2\/posts\/3364\/revisions"}],"wp:attachment":[{"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3364"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3364"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/blog.cmiscm.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}