{"id":15638,"date":"2012-12-10T21:01:46","date_gmt":"2012-12-10T13:01:46","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=15638"},"modified":"2025-04-21T19:48:21","modified_gmt":"2025-04-21T11:48:21","slug":"designers-developers-monthly-12-2012","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (December 2012)"},"content":{"rendered":"<p>We are <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/christmas\/\">already in December<\/a>; time seems to be running too fast, doesn\u2019t it? Much like the previous few months, we are going to feature some useful resources for web designers and developers.<\/p>\n<p>This time we have some cool resources, from one that can <strong>slice your design in Photoshop<\/strong> to some <strong>fresh new <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/jquery\/\">jQuery plugins<\/a><\/strong> with stunning effects.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-15638-1\">\n\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\" target=\"_blank\" class=\"ref-block__link\" title=\"Read More: Click Here for More Resources\" rel=\"bookmark\"><span class=\"screen-reader-text\">Click Here for More Resources<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" }'>\n\t\t\t<noscript>\n<style>.no-js #ref-block-tax-15638-1 .ref-block__thumbnail {\n\t\t\t\t\tbackground-image: url( \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/related\/tag-fresh-resources-developers.jpg\" );\n\t\t\t\t}<\/style>\n<p>\t\t\t<\/p><\/noscript>\n\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">Click Here for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Check out our complete collection of hand-picked tools for designers and developers.<\/p>\n<\/div><\/div>\n<\/div>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/codrops\/2012\/10\/17\/pfold-paper-like-unfolding-effect\/\">PFold<\/a><\/h2>\n<p>Folding effect with jQuery is nothing new in the web development world. There are many free plugins available to create such visual effects. But with PFold, we are able to <strong>unfold and fold the targeted element back<\/strong> like <strong>how we do on paper.<\/strong><\/p>\n<p>We are also able to aim the the fold direction. Have a better look at <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/Development\/PFold\/\">the demo here<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"PFold\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/suprb\/Grid-A-Licious\">Grid-A-Licious<\/a><\/h2>\n<p>Pinterest is gaining more popularity and unlike other social media it presents the layout in grid. Now, you can create similar grid layouts with this jQuery plugin called <strong>Grid-a-licious<\/strong>. But this plugin does it better. It is now <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/rwd\/\">responsive<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Grid A Licious\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/grid-a-licious.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/soulwire\/Makisu\">Makisu<\/a><\/h2>\n<p><strong>Makisu<\/strong> is light jQuery plugin <strong>to create 3D dropdown effect<\/strong>. As the name implies, the effect looks like Makisu when it is being folded down. <strong>Makisu is a mat woven from bamboo and cotton string<\/strong> that is used in food preparation, it\u2019s how you usually roll sushi.<\/p>\n<p>One thing worth noting is since the 3D effect is <strong>built upon CSS 3D Transformation<\/strong>, <strong>the effect can only be viewed in very modern browser<\/strong>s. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/soulwire\/Makisu\">See the demo here<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Makisu\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/makisu.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/interfacesketch.tumblr.com\/\">Interface Sketches<\/a><\/h2>\n<p>If we build websites or webapps, we might frequently need to sketch the ideas on paper before we work on the codes. To do that job, you can <strong>use special templates<\/strong> from Interface Sketches.<\/p>\n<p>It provides sketch templates for various devices and screen: Desktop, iPad, iPhone, Nexus and Windows Phone.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Interface Sketch\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/interface-sketch.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Reflejo\/jquery-countdown\">jQuery Countdown<\/a><\/h2>\n<p>jQuery Countdown is a jQuery plugin for <strong>creating those cool flip clock effect<\/strong>s. You can set it for the day, hour, minute and even second. This plugin is perfect to creating things like a <a href=\"https:\/\/www.hongkiat.com\/blog\/coming-soon-pages-doing-them-right\/\">Coming Soon Page<\/a> or Product page with limited time offer. You can see <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/reflejo.github.io\/jquery-countdown\/\">the demo here<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"jQuery Countdown\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/jquery-countdown.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sofresh.redpik.net\/\">So Fresh<\/a><\/h2>\n<p>All this time, every time we change the CSS, <strong>we need to refresh the browser to see the effec<\/strong>t. Using So Fresh, you <strong>no longer need to do<\/strong> that.<\/p>\n<p>You can select which CSS file you are editing, and So Fresh will automatically refresh the browser <strong>whenever the changes are made<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"So Fresh\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/sofresh.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/tinypng.org\/\">Tiny PNG<\/a><\/h2>\n<p>Every bit counts and speed matters. One of the way to make our website load faster is by optimizing the image file size. As we already knew, <strong>smaller size tend to load faster<\/strong>. If you have some PNG images on your website, you can use Tiny PNG to make their size smaller.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tiny PNG\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/tinypng.jpg\" width=\"600\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>We are already in December; time seems to be running too fast, doesn\u2019t it? Much like the previous few months, we are going to feature some useful resources for web designers and developers. This time we have some cool resources, from one that can slice your design in Photoshop to some fresh new jQuery plugins&hellip;<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[352],"tags":[2539],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (December 2012) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are already in December; time seems to be running too fast, doesn&#039;t it? Much like the previous few months, we are going to feature some useful\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Fresh Resources for Web Designers and Developers (December 2012)\" \/>\n<meta property=\"og:description\" content=\"We are already in December; time seems to be running too fast, doesn&#039;t it? Much like the previous few months, we are going to feature some useful\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-12-10T13:01:46+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:48:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (December 2012)\",\"datePublished\":\"2012-12-10T13:01:46+00:00\",\"dateModified\":\"2025-04-21T11:48:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/\"},\"wordCount\":483,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2012\\\/pfold.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (December 2012) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2012\\\/pfold.jpg\",\"datePublished\":\"2012-12-10T13:01:46+00:00\",\"dateModified\":\"2025-04-21T11:48:21+00:00\",\"description\":\"We are already in December; time seems to be running too fast, doesn't it? Much like the previous few months, we are going to feature some useful\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2012\\\/pfold.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2012\\\/pfold.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2012\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Fresh Resources for Web Designers and Developers (December 2012)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Fresh Resources for Web Designers and Developers (December 2012) - Hongkiat","description":"We are already in December; time seems to be running too fast, doesn't it? Much like the previous few months, we are going to feature some useful","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (December 2012)","og_description":"We are already in December; time seems to be running too fast, doesn't it? Much like the previous few months, we are going to feature some useful","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-12-10T13:01:46+00:00","article_modified_time":"2025-04-21T11:48:21+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (December 2012)","datePublished":"2012-12-10T13:01:46+00:00","dateModified":"2025-04-21T11:48:21+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/"},"wordCount":483,"commentCount":24,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/","name":"Fresh Resources for Web Designers and Developers (December 2012) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg","datePublished":"2012-12-10T13:01:46+00:00","dateModified":"2025-04-21T11:48:21+00:00","description":"We are already in December; time seems to be running too fast, doesn't it? Much like the previous few months, we are going to feature some useful","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2012\/pfold.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2012\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Fresh Resources for Web Designers and Developers (December 2012)"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-44e","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15638","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=15638"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15638\/revisions"}],"predecessor-version":[{"id":74000,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15638\/revisions\/74000"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=15638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=15638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=15638"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=15638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}