{"id":19755,"date":"2014-04-04T23:01:51","date_gmt":"2014-04-04T15:01:51","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=19755"},"modified":"2025-04-21T17:45:55","modified_gmt":"2025-04-21T09:45:55","slug":"designers-developers-monthly-04-2014","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (April 2014)"},"content":{"rendered":"<p>As we enter the second quarter of 2014, we\u2019re excited to share another collection of valuable resources. This month\u2019s highlights include frameworks for WordPress theme development and mobile app creation, along with a preview of GitHub\u2019s new code editor.<\/p>\n<p>For those who haven\u2019t found what they\u2019re looking for in our previous collections, we encourage you to browse through our extensive archive of <a href=\"https:\/\/www.hongkiat.com\/blog\/tag\/fresh-resources-developers\/\">fresh resources for designers and developers<\/a>.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-19755-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-19755-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:\/\/www.github.com\/parallelus\/Runway-Framework\">Runway Framework<\/a><\/h2>\n<p><strong>Runway Framework<\/strong> is beyond just a framework that you can use as a starting point to develop a WordPress theme. With it, you can set plugin dependencies that are required for your theme, manage <a href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-child-themes-dev\/\">child themes<\/a>, and create an Option\/Setting page in drag-n-drop fashion.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.jpg\" width=\"600\" alt=\"Runway Framework\"><\/figure>\n<hr>\n<h2>StackIcons<\/h2>\n<p>This font-icon really caught my attention. We typically can only assign a single color to a font-icon, but <strong>StackIcons<\/strong> is sophisticated in the sense that <strong>each part within the icon is adjustable<\/strong>. Moreover, the icons also <strong>come in multiple shapes<\/strong>; circle, square, rounded, and icon-only. A really great collection of font icons that is worth bookmarking. Save it, in case you need it later.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/stackicons.jpg\" width=\"600\" alt=\"StackIcons\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/classpert.com?utm_source=tagtree.tv\">TagTree<\/a><\/h2>\n<p><strong>TagTree<\/strong> provides a collection of screencasts that could help take your JavaScript skills to the next level. To name a few, you can now learn to build an app using AngularJS and Yeoman, create data visualization with D3.js, and draw vector graphics with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/paperjs.org\/\">Paper.js<\/a>. And there are likely more screencasts to come in the future.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/tagtree.jpg\" width=\"600\" alt=\"TagTree\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atom.io\/\">Atom<\/a><\/h2>\n<p><strong>Atom<\/strong> is a new code editor from Github. The idea behind it is to make a <em>\u201cfully customizable, hackable, and deeply extensible\u201d<\/em> code editor. Similar to Sublime Text, Atom can also be powered <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atom.io\/packages\">with packages<\/a>. At the time of writing, Atom is still in Beta. It will be free (while in Beta) but only available by invitation. If you are interested you can request an invitation at <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atom.io\/\">Atom.io<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/atom.jpg\" width=\"600\" alt=\"Atom\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vimeo.com\/sassconf\/videos\">SassConf<\/a><\/h2>\n<p>Couldn\u2019t attend web development conference? No worries, you can watch the screencast. <strong>SassConf<\/strong>, for instance, uploaded their recorded keynotes on a Vimeo channel. There are currently 15 videos that you can watch, covering all about Sass, tips, and tricks on building a better website.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/sassconf.jpg\" width=\"600\" alt=\"SassConf\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/goratchet.com\/\">Ratchet<\/a><\/h2>\n<p><strong>Ratchet<\/strong> is the new mobile app framework on the block that allows you to build an app using HTML, CSS, and JavaScript. Since it is built by the same team behind Bootstrap, Ratchet also inherited similar code conventions. Ratchet also comes with a number of reusable components to build the app interface such as <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/goratchet.com\/components\/#bars\">Title bar<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/goratchet.com\/components\/#buttons\">Buttons<\/a>, <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/goratchet.com\/components\/#forms\">Forms<\/a>, and <a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/goratchet.com\/components\/#sliders\">Sliders<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/ratchet.jpg\" width=\"600\" alt=\"Ratchet\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/wordpress.org\/\/plugins\/wp-job-manager\/\">WP Job Manager<\/a><\/h2>\n<p>Build a job board on your website? If it is built of WordPress you can install <strong>WP Job Manager<\/strong>. WP Job Manager adds a new menu on the Dashboard. You can add a new job listing with some of its required detail like job location, job expired data, and employer\/company name as well as company logo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/job-managet.jpg\" width=\"600\" alt=\"WP Job Manager\"><\/figure>\n<hr>\n<h2>Crowe Wireframe<\/h2>\n<p>Crowe Wireframe is no longer in service.<\/p>\n<p>Crowe Wireframe is a collection of common design patterns such as image, text block, navigation, and buttons that you can use for <strong>rapid prototyping<\/strong>. But unlike a conventional prototype that only visualize its components with a boring outline and boxes which makes it hard to differentiate an icon from a logo<em><\/em>, Crowe Wireframe is more visual-rich and detailed.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/crowe-wireframe.jpg\" width=\"600\" alt=\"Crowe Wireframe\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tedgoas.github.io\/Cerberus\/\">Cerberus<\/a><\/h2>\n<p>Today, more and more people are checking emails through their mobile devices. So, it is important to make sure that your email displays nicely, and is readable in that situation. <strong>Cerberus<\/strong> is a good starting point to build your email. It is light, responsive, and compatible in most email clients including Gmail, Outlook, and Yahoo.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/cerberus.jpg\" width=\"600\" alt=\"Cerberus\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/devinhunt.github.io\/typebase.css\/\">Typebase<\/a><\/h2>\n<p><strong>Typebase.css<\/strong> is a collection of styles to reset web typography, very much like Normalize.css. It is available in CSS, LESS and Sass format, so that you can integrate it in your project easily regardless of what framework you are using.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" height=\"360\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/typebase.jpg\" width=\"600\" alt=\"Typebase\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>As we enter the second quarter of 2014, we\u2019re excited to share another collection of valuable resources. This month\u2019s highlights include frameworks for WordPress theme development and mobile app creation, along with a preview of GitHub\u2019s new code editor. For those who haven\u2019t found what they\u2019re looking for in our previous collections, we encourage you&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 (April 2014) - Hongkiat<\/title>\n<meta name=\"description\" content=\"As we enter the second quarter of 2014, we&#039;re excited to share another collection of valuable resources. This month&#039;s highlights include frameworks for\" \/>\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-04-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 (April 2014)\" \/>\n<meta property=\"og:description\" content=\"As we enter the second quarter of 2014, we&#039;re excited to share another collection of valuable resources. This month&#039;s highlights include frameworks for\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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-04-04T15:01:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:45:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.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\\\/designers-developers-monthly-04-2014\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (April 2014)\",\"datePublished\":\"2014-04-04T15:01:51+00:00\",\"dateModified\":\"2025-04-21T09:45:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/\"},\"wordCount\":679,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2014\\\/runway-framework.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-04-2014\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (April 2014) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2014\\\/runway-framework.jpg\",\"datePublished\":\"2014-04-04T15:01:51+00:00\",\"dateModified\":\"2025-04-21T09:45:55+00:00\",\"description\":\"As we enter the second quarter of 2014, we're excited to share another collection of valuable resources. This month's highlights include frameworks for\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2014\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2014\\\/runway-framework.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2014\\\/runway-framework.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-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 (April 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 (April 2014) - Hongkiat","description":"As we enter the second quarter of 2014, we're excited to share another collection of valuable resources. This month's highlights include frameworks for","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-04-2014\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (April 2014)","og_description":"As we enter the second quarter of 2014, we're excited to share another collection of valuable resources. This month's highlights include frameworks for","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-04-04T15:01:51+00:00","article_modified_time":"2025-04-21T09:45:55+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.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\/designers-developers-monthly-04-2014\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (April 2014)","datePublished":"2014-04-04T15:01:51+00:00","dateModified":"2025-04-21T09:45:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/"},"wordCount":679,"commentCount":3,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.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-04-2014\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/","name":"Fresh Resources for Web Designers and Developers (April 2014) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.jpg","datePublished":"2014-04-04T15:01:51+00:00","dateModified":"2025-04-21T09:45:55+00:00","description":"As we enter the second quarter of 2014, we're excited to share another collection of valuable resources. This month's highlights include frameworks for","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2014\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2014\/runway-framework.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-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 (April 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-58D","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19755","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=19755"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19755\/revisions"}],"predecessor-version":[{"id":73824,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/19755\/revisions\/73824"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=19755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=19755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=19755"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=19755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}