{"id":15142,"date":"2012-10-05T21:01:31","date_gmt":"2012-10-05T13:01:31","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=15142"},"modified":"2025-04-21T18:11:48","modified_gmt":"2025-04-21T10:11:48","slug":"designers-developers-monthly-10-2012","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (October 2012)"},"content":{"rendered":"<p>Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new offerings. However, you don\u2019t need to worry. In this post, we\u2019ve handpicked <strong>10 useful tools and resources, from code snippets to plugins<\/strong>, designed to simplify your work and enhance your productivity as a web designer or developer.<\/p>\n<p>Let\u2019s dive in and explore these tools.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-15142-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-15142-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:\/\/github.com\/LeaVerou\/inspire.js\">CSSS<\/a><\/h2>\n<p><strong>CSSS<\/strong> is a powerful framework developed by <strong>Lea Verou<\/strong>, a well-known CSS expert. It enables the creation of presentation slides using only HTML and CSS. This system supports keyboard navigation with arrow keys, making it a cost-effective alternative to traditional presentation software like MS PowerPoint.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CSSS\" height=\"273\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/uxebu\/bonsai\">BonsaiJS<\/a><\/h2>\n<p>Bonsai is a robust, lightweight JavaScript graphics library with an easy-to-use API. It allows for the creation of simple to complex shapes and supports SVG rendering in browsers lacking native support. Bonsai enriches web graphics with animations, events, and filters, enhancing interactivity and visual appeal.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"BonsaiJS\" height=\"273\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/bonsaijs.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bradfrost.github.io\/this-is-responsive\/\">Responsive Design Patterns<\/a><\/h2>\n<p>This collection of responsive design patterns provides practical solutions for building adaptive websites. It includes responsive layouts, navigational structures, and adaptable patterns for web components like images, videos, tables, and forms, ensuring your website performs well across all devices.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Responsive Design Patterns\" height=\"273\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/responsive-patterns.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.oddbird.net\/susy\/\">Susy<\/a><\/h2>\n<p>Susy is a responsive grid system tailored for Compass users. More configurable than typical frameworks due to its integration with Sass and Compass, Susy allows detailed customizations of column numbers, widths, gutters, and padding to perfectly fit your site\u2019s layout needs. It handles all the complex calculations for you, making it a favorite tool among Sass and Compass enthusiasts.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Susy\" height=\"328\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/suzy.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jsfiddle.net\/csswizardry\/Zj4eb\/\">Infinite Dropdown Navigation<\/a><\/h2>\n<p>Though commonly used, crafting a dropdown menu can be tricky. Luckily, <strong>Harry Roberts<\/strong> from CSS Wizardry has shared his ingenious approach to creating an infinite dropdown navigation. His solution simplifies what is typically a complex coding challenge.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Infinite Dropdown Navigation\" height=\"328\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/unlimited-dropdown.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/neat.bourbon.io\/\">Bourbon Neat<\/a><\/h2>\n<p>Neat is a responsive grid framework that streamlines the creation of responsive websites. Built on Sass and part of the Bourbon library, Neat can be easily installed via a Ruby gem with the command <code>gem install neat<\/code>. It\u2019s an essential tool for developers looking to enhance site adaptability without the usual hassle.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bourbon Neat\" height=\"208\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/bourbon-neat.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.typicons.com\/\">Typicons<\/a><\/h2>\n<p>The demand for icons is endless, and Typicons delivers with a set of 88 versatile font icons. These icons can be integrated into your website using the <code>@font-face<\/code> rule, applied with CSS pseudo-elements, or embedded directly with HTML characters. Choosing Typicons means smoother, scalable icons that are ready for high-resolution displays and reduce HTTP requests, thus conserving bandwidth compared to bitmap icons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Typicons\" height=\"297\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/typicons.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/annotatorjs.org\/\">Annotator<\/a><\/h2>\n<p>This library enables you to add comments, tags, and markdowns to your web content. Together with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/annotate-it.co\/\">AnnotateIt<\/a>, you can store your annotations for free, making it a powerful tool for collaborative content management.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Annotator\" height=\"255\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/annotator.jpg\" width=\"500\"><\/figure>\n<hr>\n<h2>Wrapping Up This Month\u2019s Picks<\/h2>\n<p>That wraps up this month\u2019s roundup. Have you experimented with any of these tools? Do you have a favorite, or perhaps you\u2019ve discovered other cool resources for web designers and developers that we missed? Share your experiences and finds in the comments below. We\u2019re eager to hear from you!<\/p>\n<p><strong>We look forward to your insights and contributions in the comment section below.<\/strong><\/p>","protected":false},"excerpt":{"rendered":"<p>Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new offerings. However, you don\u2019t need to worry. In this post, we\u2019ve handpicked 10 useful tools and resources, from code snippets to plugins, designed to simplify your work and enhance&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.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (October 2012) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new\" \/>\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-10-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 (October 2012)\" \/>\n<meta property=\"og:description\" content=\"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-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-10-05T13:01:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:11:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.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=\"4 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-10-2012\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (October 2012)\",\"datePublished\":\"2012-10-05T13:01:31+00:00\",\"dateModified\":\"2025-04-21T10:11:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/\"},\"wordCount\":560,\"commentCount\":32,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2012\\\/csss.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-10-2012\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (October 2012) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2012\\\/csss.jpg\",\"datePublished\":\"2012-10-05T13:01:31+00:00\",\"dateModified\":\"2025-04-21T10:11:48+00:00\",\"description\":\"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-2012\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2012\\\/csss.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-10-2012\\\/csss.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-10-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 (October 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 (October 2012) - Hongkiat","description":"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new","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-10-2012\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (October 2012)","og_description":"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-10-05T13:01:31+00:00","article_modified_time":"2025-04-21T10:11:48+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (October 2012)","datePublished":"2012-10-05T13:01:31+00:00","dateModified":"2025-04-21T10:11:48+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/"},"wordCount":560,"commentCount":32,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.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-10-2012\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/","name":"Fresh Resources for Web Designers and Developers (October 2012) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.jpg","datePublished":"2012-10-05T13:01:31+00:00","dateModified":"2025-04-21T10:11:48+00:00","description":"Each month, the web design and development community generously shares a wealth of free resources. It can be overwhelming to keep track of all these new","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-2012\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-10-2012\/csss.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-10-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 (October 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-3We","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15142","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=15142"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15142\/revisions"}],"predecessor-version":[{"id":73906,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15142\/revisions\/73906"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=15142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=15142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=15142"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=15142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}