{"id":15385,"date":"2012-11-05T23:01:29","date_gmt":"2012-11-05T15:01:29","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=15385"},"modified":"2025-04-21T17:59:28","modified_gmt":"2025-04-21T09:59:28","slug":"fresh-resources-for-designers-and-developers-november-2012","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2012)"},"content":{"rendered":"<p>There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some excellent <strong>free tools and resources<\/strong> worth trying, from a plugin to create cool photo effects to a plugin for content and image sliding with genuinely cool transitions.<\/p>\n<p>Let\u2019s explore them.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-15385-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-15385-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:\/\/proto.io\/\">Proto<\/a><\/h2>\n<p>Responsive web design is now becoming the standard practice in creating websites. This makes this tool really helpful to get the job done. Proto is built upon SCSS for prototyping responsive layouts quickly by providing pre-defined CSS classes ready for use, defining the responsive grid and some device-specific classes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Proto\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/alefeuvre\/foundation-grid-displayer\">Grid Displayer<\/a><\/h2>\n<p>If you are working with responsive design frameworks like Bootstrap or Foundation, you probably need this bookmarklet to keep track of the grid in the browser. This tool will show an overlay grid on the webpage you are viewing. It\u2019s quite handy \u2013 just drag and drop it into your bookmark bar. Click on the bookmarklet anytime you need grids to show.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Grid Displayer\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/grid-displayer.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/aozora\/bootmetro\">BootMetro<\/a><\/h2>\n<p>Windows 8 applies the simplicity of Metro design language. If you want to embrace this style on your website, BootMetro is probably what you need.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"BootMetro\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/bootmetro.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/underscores.me\/\">Underscores<\/a><\/h2>\n<p>There are many WordPress starter themes available on the Internet, but no other is as great as Underscores. With it, you can specify and personalize the theme name, description, author, and specifically the theme slug, which applies to the theme function once you download the package, so you will get something like <code>theme_slug_function<\/code>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Underscores\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/underscores.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.jarallax.com\/\">Jarallax<\/a><\/h2>\n<p>Do you like the parallax effect you see in websites like this one? If you want to apply a similar effect to your website, you can use Jarallax, a JavaScript animation library to create the parallax effect in almost no time.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Jarallax\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/jarallax.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tympanus.net\/codrops\/2012\/10\/09\/windy-a-plugin-for-swift-content-navigation\/\">Windy<\/a><\/h2>\n<p>Are you bored with gallery sliding effects that only move horizontally? Then check out Windy, which uses 3D transformation to run the content in a genuinely unique way. See the demo here.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Windy\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/windy.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/noeltock\/tiltShift.js\/\">TiltShift<\/a><\/h2>\n<p>In short, tilt-shift in photography is a technique to make a photo look smaller, almost miniature-like than it really is. Check our collection of such photos in this post: \u201cTilt-Shift Photography\u201d. If you want to apply such an effect in your photo gallery, you can simply use this JavaScript library, TiltShift.js.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TiltShift\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/tiltshift.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.sequencejs.com\/\">Sequence<\/a><\/h2>\n<p>Sequence.js is a responsive jQuery slider plugin with some advanced transition effects. Unlike other sliders, Sequence does not come with its own built-in theme. So, we can completely customize the look and feel to match our website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Sequence\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/sequence.js.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/kiandra\/Delta-jQuery-UI-Theme\">Delta<\/a><\/h2>\n<p>jQuery UI is a complete set of common web user interface and interaction, which is easy to use. However, the default theme is boring. So, if you want to have a different look for jQuery UI, yet don\u2019t want to get your hands dirty with CSS, you can simply replace the default CSS styles with Delta, a slick theme for jQuery UI.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Delta\" height=\"340\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/delta.jpg\" width=\"600\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some excellent free tools and resources worth trying, from a plugin to create cool photo effects to a plugin for content and image sliding with genuinely cool transitions. Let\u2019s explore&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.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Fresh Resources for Web Designers and Developers (November 2012) - Hongkiat<\/title>\n<meta name=\"description\" content=\"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some\" \/>\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\/fresh-resources-for-designers-and-developers-november-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 (November 2012)\" \/>\n<meta property=\"og:description\" content=\"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-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-11-05T15:01:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:59:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.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\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2012)\",\"datePublished\":\"2012-11-05T15:01:29+00:00\",\"dateModified\":\"2025-04-21T09:59:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/\"},\"wordCount\":513,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2012\\\/proto.jpg\",\"keywords\":[\"Tools for Designers &amp; Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2012) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2012\\\/proto.jpg\",\"datePublished\":\"2012-11-05T15:01:29+00:00\",\"dateModified\":\"2025-04-21T09:59:28+00:00\",\"description\":\"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-2012\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2012\\\/proto.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2012\\\/proto.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-november-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 (November 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 (November 2012) - Hongkiat","description":"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some","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\/fresh-resources-for-designers-and-developers-november-2012\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2012)","og_description":"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2012-11-05T15:01:29+00:00","article_modified_time":"2025-04-21T09:59:28+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.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\/fresh-resources-for-designers-and-developers-november-2012\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2012)","datePublished":"2012-11-05T15:01:29+00:00","dateModified":"2025-04-21T09:59:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/"},"wordCount":513,"commentCount":24,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.jpg","keywords":["Tools for Designers &amp; Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/","name":"Fresh Resources for Web Designers and Developers (November 2012) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.jpg","datePublished":"2012-11-05T15:01:29+00:00","dateModified":"2025-04-21T09:59:28+00:00","description":"There are several new great tools and resources available to give web designers and developers that extra leverage for their work. This month we have some","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-2012\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2012\/proto.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-november-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 (November 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-409","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15385","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=15385"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15385\/revisions"}],"predecessor-version":[{"id":73882,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/15385\/revisions\/73882"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=15385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=15385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=15385"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=15385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}