{"id":21579,"date":"2014-07-03T21:01:52","date_gmt":"2014-07-03T13:01:52","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=21579"},"modified":"2025-04-21T19:50:39","modified_gmt":"2025-04-21T11:50:39","slug":"fresh-resources-for-designers-and-developers-july-2014","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (July 2014)"},"content":{"rendered":"<p>It\u2019s a new month, which means it\u2019s time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of tools worth exploring. Whether you want to brush up on your CSS terminology, experiment with blended gradients, or find a convenient way to interact with the coding and development community, we have a range of options for you to choose from.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-21579-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-21579-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>CSS Vocabulary<\/h2>\n<p>Have you ever wondered what is meant by CSS rules or which one is called a Class selector? All these <a href=\"https:\/\/www.hongkiat.com\/blog\/css-back-to-basics-terminology-explained\/\">CSS specialized terms<\/a> can be confusing at first. Some people also use them interchangeably, even though they are completely different things. CSS Vocabulary can help you out by listing all of the terms used in CSS and describing them in an interactive way.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CSS Vocabulary\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/cssshrink.com\/\">CSS Shrink<\/a><\/h2>\n<p><strong>CSS Shrink<\/strong> is a Node module that merges duplicate style rules into a single line of style rule. This module allows you to keep your stylesheets DRY (Don\u2019t Repeat Yourself) and also decreases the stylesheet weight, which helps increase the loading speed of the website.<\/p>\n<p class=\"recommended_top\"><strong>For more:<\/strong> <a href=\"https:\/\/www.hongkiat.com\/blog\/unload-unnecessary-css\/\">How To Unload Unnecessary CSS With Grunt<\/a><\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CSS Shrink\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-shrink.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.enpass.io\/\">Enpass<\/a><\/h2>\n<p>I was recently looking for an application to manage my passwords that is compatible and works across my MacBook, iPhone, and Windows Phone \u2013 then, I came across <strong>Enpass<\/strong>. Enpass is a cross-platform application to store passwords as well as your other credentials. Enpass is available for OS X, iOS, Windows, Windows Phone, and Android.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Enpass\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/enpass.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/choosealicense.com\/\">Choose a License<\/a><\/h2>\n<p>Are you confused about which license to use for your products? The problem with a license is that it is usually written in a very long sentence that causes you an instant headache from just looking at it. Choose A License, as its name implies, summarizes popular licenses \u2013 MIT, Apache, and GPL \u2013 in a more understandable way, letting you decide quickly which license type is the right one for your code(s).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Choose a License\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/choose-a-license.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/primer\/octicons\">Octicons<\/a><\/h2>\n<p>GitHub has finally launched the icons that flavored its website in <strong>Octicons<\/strong>. You can now embed it into your website and application through the CSS3 Font Face. At the time of writing, there are 177 icons added into Octicons. And since the Octicons project is open for contribution, the icon number will likely keep increasing in the future.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Octicons\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/octicons.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/aroc\/side-comments\">Side Comments<\/a><\/h2>\n<p><strong>SideComment.js<\/strong> is a JavaScript library that adds the ability of side comments, which is similar to what is found on Medium.com. It adds a plus sign at the side of each paragraph and enables the readers to comment on individual paragraphs. It\u2019s a good alternative to a traditional commenting system.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Side Comments\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/side-comments.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/coderwall.com\/\">CoderWall<\/a><\/h2>\n<p><strong>CoderWall<\/strong> is a bit like a social media site for coders and developers. In CoderWall, you can share tips and tutorials, and learn from other developers\u2019 experiences. You waste less time and you\u2019re on your way to being more productive.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CoderWall\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/coderwall.jpg\" width=\"600\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.headstart.io\/\">HeadStart<\/a><\/h2>\n<p><strong>Headstart<\/strong> is a responsive front-end boilerplate that is designed as a starting point and the foundation of any web application. Headstart ships with a set of supporting development tools such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/gulpjs.com\/\">Gulp<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/sass-lang.com\/\">Sass<\/a>, and <a href=\"https:\/\/www.hongkiat.com\/blog\/a-look-into-handlebarsjs\/\">Handlebars<\/a>. These tools have already been set up, so you can focus more on building your web application rather than wasting time on the configuration.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"HeadStart\" height=\"400\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/headstart.jpg\" width=\"600\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>It\u2019s a new month, which means it\u2019s time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of tools worth exploring. Whether you want to brush up on your CSS terminology, experiment with blended gradients, or find a convenient way to interact with the coding&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 (July 2014) - Hongkiat<\/title>\n<meta name=\"description\" content=\"It&#039;s a new month, which means it&#039;s time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of\" \/>\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-july-2014\/\" \/>\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 (July 2014)\" \/>\n<meta property=\"og:description\" content=\"It&#039;s a new month, which means it&#039;s time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/\" \/>\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=\"2014-07-03T13:01:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T11:50:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.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=\"5 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-july-2014\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (July 2014)\",\"datePublished\":\"2014-07-03T13:01:52+00:00\",\"dateModified\":\"2025-04-21T11:50:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/\"},\"wordCount\":573,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-july-2014\\\/css-vocabulary.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-july-2014\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (July 2014) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-july-2014\\\/css-vocabulary.jpg\",\"datePublished\":\"2014-07-03T13:01:52+00:00\",\"dateModified\":\"2025-04-21T11:50:39+00:00\",\"description\":\"It's a new month, which means it's time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-july-2014\\\/css-vocabulary.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-july-2014\\\/css-vocabulary.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-july-2014\\\/#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 (July 2014)\"}]},{\"@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 (July 2014) - Hongkiat","description":"It's a new month, which means it's time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of","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-july-2014\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (July 2014)","og_description":"It's a new month, which means it's time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-07-03T13:01:52+00:00","article_modified_time":"2025-04-21T11:50:39+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.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":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (July 2014)","datePublished":"2014-07-03T13:01:52+00:00","dateModified":"2025-04-21T11:50:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/"},"wordCount":573,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.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-july-2014\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/","name":"Fresh Resources for Web Designers and Developers (July 2014) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.jpg","datePublished":"2014-07-03T13:01:52+00:00","dateModified":"2025-04-21T11:50:39+00:00","description":"It's a new month, which means it's time to share some handy resources for designers and developers. For this round, we have compiled a more varied list of","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-july-2014\/css-vocabulary.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-july-2014\/#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 (July 2014)"}]},{"@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-5C3","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21579","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=21579"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21579\/revisions"}],"predecessor-version":[{"id":74007,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21579\/revisions\/74007"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=21579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=21579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=21579"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=21579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}