{"id":25016,"date":"2015-11-04T21:01:49","date_gmt":"2015-11-04T13:01:49","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=25016"},"modified":"2018-07-25T22:45:10","modified_gmt":"2018-07-25T14:45:10","slug":"designers-developers-monthly-11-2015","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (November 2015)"},"content":{"rendered":"<p>We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">resources for web developers<\/a>, without fail, every month. This November, we have put together a few more.<\/p>\n<p>In this lineup, we have a couple of <strong>animation libraries<\/strong>, a JavaScript library to <strong>arrange images neatly<\/strong>, and an awesome screen saver app that <strong>serves you beautiful aerial views<\/strong> of large cities. Let\u2019s check out November\u2019s compilation.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-25016-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 for More Resources\" rel=\"bookmark\"><span class=\"screen-reader-text\">Click 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-25016-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 for More Resources<\/h4>\n<div class=\"ref-description\">\n<p>Find our entire collection of recommended resources and the best web design and development tools available.<\/p>\n<\/div><\/div>\n<\/div>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/una\/CSSgram\">CSSGram<\/a><\/h2>\n<p><strong>CSSGram<\/strong> is a collection of image filters ala Instagram, made viable thanks to <a href=\"https:\/\/www.hongkiat.com\/blog\/css-filter\/\">CSS3 filters<\/a>. This CSS library contains a number of drop-in classes that you add to the images to apply the effect. <a href=\"https:\/\/www.hongkiat.com\/blog\/instagram-filters-on-web-images\/\">Check out our post<\/a> on CSSGram for more details on how this works.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.jpg\" height=\"529\" width=\"800\" alt=\"CSSGram\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/nitinhayaran.github.io\/Justified.js\/demo\/index.html\">JustifiedJS<\/a><\/h2>\n<p><strong>JustifiedJS<\/strong> is a wonderful JavaScript library, which allows you to arrange your image gallery to fit into a square frame, while keeping their ratios intact. The library comes with many options including the image path to retrieve different sized images; it serves the smallest image when required.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/justified.gif\" height=\"289\" width=\"600\" alt=\"Justified Gallery Images\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/jets.js.org\/\">Jets<\/a><\/h2>\n<p><strong>Jets<\/strong> is a small library that allows us to search through a list of data set. The main capacity from this library, as the name implies, is the speed. Compared to several other methods, Jets triumphs, returning results at 10ms on average. It is a great choice of a library if you have a large list of data set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/jets.jpg\" height=\"430\" width=\"700\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"http:\/\/neutroncss.com\/\">Neutron<\/a><\/h2>\n<p><strong>Neutron<\/strong> is a new Sass-based framework that focuses on semantic DOM structure. Instead of defining the column number in the <code>div<\/code> element, for example, we can simply include the Mixins through the stylesheet and let the element be free from the clutter that comes from extra classes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/neutron.jpg\" height=\"430\" width=\"700\" alt=\"Neutron CSS\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/zurb.com\/playground\/motion-ui\">Motion UI<\/a><\/h2>\n<p><strong>Motion UI<\/strong>, previously only used internally at Zurb, is now released to the public. It is a collection of animations: CSS3 Transform, Transitions, and Animation. Applications can be done through the drop-in classes, Mixins or Javascript.<\/p>\n<p class=\"note\"><strong>Read more<\/strong>: <a href=\"https:\/\/www.hongkiat.com\/blog\/foundation-6\/\">10 Amazing New Features in Foundation 6<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/motion-ui.jpg\" height=\"430\" width=\"700\" alt=\"Motiom library from Zurb\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/ymc-thzi\/clickspark.js\">ClickSpark<\/a><\/h2>\n<p>This library is rather unique. It will make your button sparkle with stars. A nice library if you want to give the buttons on your website an element of surprise.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/clickspark.jpg\" height=\"430\" width=\"700\" alt=\"Sparkling Button\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/popmotion.io\/\">Popmotion<\/a><\/h2>\n<p><strong>Popmotion<\/strong> is an animation engine. With Popmotion you can create UI with a very natural animation, making the UI fluid and alive.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/popmotion.gif\" height=\"312\" width=\"600\" alt=\"Popmotion\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/dropbox\/zxcvbn\">zxcvbn<\/a><\/h2>\n<p><strong>Zxcvbn<\/strong> are the letters in the bottom row of the keyboard, and it is a password strength evaluator from Dropbox. It evaluates whether the password is weak or strong enough against hacking i.e. brute force without forcing us to choose more than just using letters in the password.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/zxcvbn.jpg\" height=\"430\" width=\"700\" alt=\"zxcvbn password meter\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/JohnCoates\/Aerial\">Aerial<\/a><\/h2>\n<p><strong>Aerial<\/strong> is a screen saver app for OS X. Inspired from Apple TV, it will show an Aerial view when your Mac is idle. You can choose the views of popular cities like San Fransisco, New York, Tokyo, Hawaii and China as well as pick the night or day view.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/aerial.jpg\" height=\"430\" width=\"700\" alt=\"Aerial\"><\/figure>\n<h2><a rel=\"nofollow\" target=\"_blank\" href=\"https:\/\/github.com\/chrissimpkins\/codeface\">CodeFace<\/a><\/h2>\n<p>Here\u2019s a collection of <a href=\"https:\/\/www.hongkiat.com\/blog\/monospaced-fonts\/\">monospace typeface<\/a> for rendering pre-formatted text like codes. There are quite a lot on the list, probably more than enough to cover everyone\u2019s preferences, code editors, IDEs and OS\u2019s.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/codeface.jpg\" height=\"430\" width=\"700\" alt=\"CodeFace\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without fail, every month. This November, we have put together a few more. In this lineup, we have a couple of animation libraries, a JavaScript library to arrange images neatly, and an&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 (November 2015) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without\" \/>\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-11-2015\/\" \/>\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 2015)\" \/>\n<meta property=\"og:description\" content=\"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/\" \/>\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=\"2015-11-04T13:01:49+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-07-25T14:45:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.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-11-2015\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (November 2015)\",\"datePublished\":\"2015-11-04T13:01:49+00:00\",\"dateModified\":\"2018-07-25T14:45:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/\"},\"wordCount\":547,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2015\\\/css-gram.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-11-2015\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (November 2015) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2015\\\/css-gram.jpg\",\"datePublished\":\"2015-11-04T13:01:49+00:00\",\"dateModified\":\"2018-07-25T14:45:10+00:00\",\"description\":\"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2015\\\/css-gram.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-11-2015\\\/css-gram.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-11-2015\\\/#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 2015)\"}]},{\"@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 2015) - Hongkiat","description":"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without","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-11-2015\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (November 2015)","og_description":"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-11-04T13:01:49+00:00","article_modified_time":"2018-07-25T14:45:10+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.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-11-2015\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (November 2015)","datePublished":"2015-11-04T13:01:49+00:00","dateModified":"2018-07-25T14:45:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/"},"wordCount":547,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.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-11-2015\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/","name":"Fresh Resources for Web Designers and Developers (November 2015) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.jpg","datePublished":"2015-11-04T13:01:49+00:00","dateModified":"2018-07-25T14:45:10+00:00","description":"We are nearing the end of 2015. Throughout this past year we have been continuously featuring various tools and resources for web developers, without","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-11-2015\/css-gram.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-11-2015\/#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 2015)"}]},{"@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-6vu","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25016","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=25016"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25016\/revisions"}],"predecessor-version":[{"id":30294,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/25016\/revisions\/30294"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=25016"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=25016"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=25016"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=25016"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}