{"id":16565,"date":"2013-03-01T21:01:40","date_gmt":"2013-03-01T13:01:40","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=16565"},"modified":"2025-04-21T17:45:18","modified_gmt":"2025-04-21T09:45:18","slug":"designers-developers-monthly-03-2013","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (March 2013)"},"content":{"rendered":"<p>It\u2019s that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site detect swipes and gestures as well as to enable mention input, a tool to creat your own stickman comics and a new tool to test your codes on Internet Explorer.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-16565-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-16565-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>App Icon Template<\/h2>\n<p>In our previous post, we have covered how to <a href=\"https:\/\/www.hongkiat.com\/blog\/create-app-icons\/\">create your app<\/a> icons with a third party tool. Alternatively, if you are like me, who prefer customizability, you can try <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/applypixels.com\/\">App Icon Template<\/a>.<\/p>\n<p>his PSD template comes with Photoshop Action scripts that lets you convert your design into iOS-compatible formats on the fly, both for Retina or non-Retina devices.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"App Icon Template\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>Spectagram<\/h2>\n<p>In previous post, Jake has shown you how to build <a href=\"https:\/\/www.hongkiat.com\/blog\/instagram-photo-search\/\">Instagram instant search<\/a> using Instagram API from scratch. There is also a ready-to-use jQuery plugin, like Spectagram.<\/p>\n<p>Spectagram fetches the Instagram API and displays the result on your website or application. It currently supports displaying Instagram user feed, popular photos, and user-tagged photos.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Spectagram\" height=\"144\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/spectagram.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>Mou<\/h2>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/daringfireball.net\/projects\/markdown\/\">MarkDown<\/a> is a plain text formatting language that can be converted into HTML markup. We can write in MarkDown format with any code editor, or use a designated editor like Mou. Mou comes with <strong>syntax highlighting, auto save, powerful actions, auto pair, HTML and CSS export,<\/strong> etc.<\/p>\n<p>The interface is neat and simple consisting of two columns. You can write the MarkDown format at the left, and see the result immediately on the right. Unfortunately, Mou is only available for OSX at the moment.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Mou\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/mou.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>jQuery Mention Input<\/h2>\n<p>If you are using Twitter or Facebook, you are certainly familiar with Mention; we can include a friend\u2019s name into a post or tweet, typically with a <code>@<\/code> sign. If you want to (or need to) create such a functionality in your website, you can use a plugin named <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/podio\/jquery-mentions-input\">jQuery Mention Input<\/a>.<\/p>\n<p>To run this plugin, we need at least jQuery version 1.6 and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/underscorejs.org\/\">Underscores.js<\/a>. For more technical details, head over <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/podio\/jquery-mentions-input\">to this page<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"jQuery Mention Input\" height=\"147\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/jquery-mention.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>Blokkfont<\/h2>\n<p>Blokkfont is a font for mock-ups and wireframing that contains only block and rectangular characters as previewed in the following screenshot. If you are against using conventional <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.lipsum.com\/\">Lorem Ipsum<\/a>, this font is a really good alternative. It is available as a desktop font (in .ttf) and webfont.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Blokkfont\" height=\"172\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/blokkfont.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>Comix.io<\/h2>\n<p>You don\u2019t have to good at drawing to create a comic. You can simply use <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/cmx.io\/\">Cmx<\/a> (read Comix), a web based editor for creating <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/xkcd.com\/\">xkcd style<\/a> comic stripe. The comic graphical output will not be an image like in a traditional comic, instead it is built with HTML and SVG.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Comix io\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/cmxio.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2>Hint<\/h2>\n<p>Hint is a CSS library containing a set of styles rules for creating a simple tooltip. The tooltip is built with CSS3 Transition, CSS3 property, pseudo-element, and data attribute. It is a good alternative to JavaScript-based tooltip. Head over to the following page to see it in action: <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kushagra.dev\/lab\/hint\/\">Hint.css Demo<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Hint\" height=\"350\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/hint.jpg\" width=\"600\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>It\u2019s that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site detect swipes and gestures as well as to enable mention input, a tool to creat your own stickman comics and a new tool to test your codes on&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.5) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (March 2013) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site\" \/>\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-03-2013\/\" \/>\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 (March 2013)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/\" \/>\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=\"2013-03-01T13:01:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:45:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.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=\"3 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-03-2013\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (March 2013)\",\"datePublished\":\"2013-03-01T13:01:40+00:00\",\"dateModified\":\"2025-04-21T09:45:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/\"},\"wordCount\":521,\"commentCount\":7,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2013\\\/app-icon.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-03-2013\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (March 2013) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2013\\\/app-icon.jpg\",\"datePublished\":\"2013-03-01T13:01:40+00:00\",\"dateModified\":\"2025-04-21T09:45:18+00:00\",\"description\":\"It's that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2013\\\/app-icon.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-03-2013\\\/app-icon.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-03-2013\\\/#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 (March 2013)\"}]},{\"@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 (March 2013) - Hongkiat","description":"It's that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site","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-03-2013\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (March 2013)","og_description":"It's that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-03-01T13:01:40+00:00","article_modified_time":"2025-04-21T09:45:18+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.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":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (March 2013)","datePublished":"2013-03-01T13:01:40+00:00","dateModified":"2025-04-21T09:45:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/"},"wordCount":521,"commentCount":7,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.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-03-2013\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/","name":"Fresh Resources for Web Designers and Developers (March 2013) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.jpg","datePublished":"2013-03-01T13:01:40+00:00","dateModified":"2025-04-21T09:45:18+00:00","description":"It's that time of the month again to share awesome tools and resources fit for designers and developers. This round we got plugins to help your site","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-03-2013\/app-icon.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-03-2013\/#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 (March 2013)"}]},{"@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-4jb","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16565","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=16565"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16565\/revisions"}],"predecessor-version":[{"id":73823,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16565\/revisions\/73823"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=16565"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=16565"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=16565"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=16565"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}