{"id":23560,"date":"2015-04-01T21:01:16","date_gmt":"2015-04-01T13:01:16","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23560"},"modified":"2022-08-12T16:56:46","modified_gmt":"2022-08-12T08:56:46","slug":"fresh-resources-for-web-developers-april-2015","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (April 2015)"},"content":{"rendered":"<p>How\u2019s your (friendly reminder) April Fool\u2019s Day this year? Well, for the rest of us who aren\u2019t into pranks, here\u2019s the latest installment of fresh resources for web designers and developers.<\/p>\n<p>For April we have a number of great apps to increase productivity, a library that improves user experience with large data list, a <a href=\"https:\/\/www.hongkiat.com\/blog\/photoshop-plugins-for-designers\/\">Photoshop extension<\/a> that gives you weather widgets, and a handy web tool that caches web font.<\/p>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/katydecorah.com\/css-ruler\/\">CSS Ruler<\/a><\/h2>\n<p>There are a number of <a href=\"https:\/\/www.hongkiat.com\/blog\/css-units\/\">unit measurements in CSS<\/a>; a few are fixed while some others are relative such as <code>em<\/code>, <code>rem<\/code> and <code>ch<\/code>. <strong>CSS Ruler<\/strong> is a tool where you can visually compare the units scale with one another.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.jpg\" alt=\"CSS Ruler\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/responsive-jp.com\/\">ResponsiveJP<\/a><\/h2>\n<p><strong>ResponsiveJP<\/strong> features a number of responsive websites from Japan, mainly as a reference for web designers who are finding it hard to work out responsiveness when it comes to non-Latin typographical content. It helps you to stretch your perspective and get an inside look at eastern web design trends as well.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/rwdjp.jpg\" alt=\"ResponsiveJP\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dewith.com\/2014\/muir-yosemite-creative-suite-icons\/\">Muir Icons<\/a><\/h2>\n<p><strong>Muir Icons<\/strong> is a collection of icons designed to match OS X Yosemite. Named after John Muir, a naturalist and activist who helped preserve the original Yosemite, yes, that national park in the U.S. At the time of this writing, there are already 3 volumes of these icon sets released. Each consist of popular app icons such as Adobe Creative Suites, Twitter, Sketch, Skype and SublimeText.<\/p>\n<ul>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dewith.com\/2014\/muir-yosemite-creative-suite-icons\/\">Muir Volume I<\/a><\/li>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dewith.com\/2014\/muir-yosemite-icons-volume-ii\/\">Muir Volume II<\/a><\/li>\n<li><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/dewith.com\/2015\/muir-yosemite-icons-volume-iii\/\">Muir Volume III<\/a><\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/muir-icon.jpg\" alt=\"Muir Icons\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/madebysource.com\">Weather<\/a><\/h2>\n<p><strong>Weather<\/strong> is a Photoshop extension that <strong>adds weather widgets onto your Photoshop workspace<\/strong>. It is a handy tool to help you decide whether it is time to leave your desk and go outside to enjoy nice weather.<\/p>\n<p><strong>Compatibility:<\/strong> Photoshop CC<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/weather-pswidget.jpg\" alt=\"Weather\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/projects.verou.me\/awesomplete\/\">Awesomplete<\/a><\/h2>\n<p><strong>Awesomplate<\/strong> is a JavaScript library that mimics <a href=\"https:\/\/www.hongkiat.com\/blog\/html5-datalist\/\">HTML5 <code>&lt;datalist&gt;<\/code> element<\/a>. You can add a list of suggestions within an input element that will appear as your user types. It ia a practical approach to improving user experience, particularly when dealing with a large datalist.<\/p>\n<p><strong>Compatibility:<\/strong> IE9+, Chrome, Firefox, Safari 5+, Mobile Safari.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/awesomeplate.jpg\" alt=\"Awesomplete\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/noiz.io\/\">Noizio<\/a><\/h2>\n<p><strong>Noizio<\/strong> is an app with a collection of natural noises: sounds of the wind, ocean and thunderstorms. It may help you better focus on your work by providing a <a href=\"https:\/\/www.hongkiat.com\/blog\/websites-to-keep-you-calm\/\">calm environment<\/a> which allows you to detach from the hustle and bustle of a pressurized working atmosphere. At least, it did for me.<\/p>\n<p><strong>Compatibility:<\/strong> OS X 10.8 or above<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/noizio.jpg\" alt=\"Noizio\" width=\"700\" height=\"420\"><\/figure>\n<h2>Hocus Focus<\/h2>\n<p>This is one for those who find it hard to focus. HocusFocus is an app that will cleverly hides windows and workspaces within your OS X desktop for a certain period of time, leavng only the window(s) you use most. It makes you more efficient, cleans the clutter from your desktop and <a href=\"https:\/\/www.hongkiat.com\/blog\/tools-to-stay-focus\/\">helps you focus<\/a> on your work.<\/p>\n<p><strong>Compatibility:<\/strong> OS X 10.10 or above<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/hocusfocus.jpg\" alt=\"Hocus Focus\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/aerolab.github.io\/pixelcounterapp\/\">PixelCounter<\/a><\/h2>\n<p>PixelCounter counts the pixels in your images. Just drag and drop an image or a whole directory of your project into the app, and it will count and add up all the pixels in your JPEG, PNG, WebP, GIF, and even SVG images. Now, if we could only start a trend where we charge clients by the pixels\u2026 hmm.<\/p>\n<p><strong>Compatibility:<\/strong> OSX 10.8 or above, Windows 7 or above, and Linux (Coming Soon)<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/pixel-counter.jpg\" alt=\"PixelCounter\" width=\"700\" height=\"420\"><\/figure>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/jaicab.com\/localFont\/\">localFont<\/a><\/h2>\n<p><strong>localFont<\/strong> is a webapp that improves web font performance. As you drag and drop a font (<code>.woff<\/code>, or <code>.ttf<\/code>), it will encode and embed the font in CSS. It also generates a few lines of JavaScript that will cache the font in the user\u2019s localStorage (read our previous tutorial about <a href=\"https:\/\/www.hongkiat.com\/blog\/jquery-cookies\/\">using Cookie & HTML5 localStorage<\/a>).<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/localfont.jpg\" alt=\"localFont\" width=\"700\" height=\"420\"><\/figure>","protected":false},"excerpt":{"rendered":"<p>How\u2019s your (friendly reminder) April Fool\u2019s Day this year? Well, for the rest of us who aren\u2019t into pranks, here\u2019s the latest installment of fresh resources for web designers and developers. For April we have a number of great apps to increase productivity, a library that improves user experience with large data list, a Photoshop&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 (April 2015) - Hongkiat<\/title>\n<meta name=\"description\" content=\"How&#039;s your (friendly reminder) April Fool&#039;s Day this year? Well, for the rest of us who aren&#039;t into pranks, here&#039;s the latest installment of fresh\" \/>\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-web-developers-april-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 (April 2015)\" \/>\n<meta property=\"og:description\" content=\"How&#039;s your (friendly reminder) April Fool&#039;s Day this year? Well, for the rest of us who aren&#039;t into pranks, here&#039;s the latest installment of fresh\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-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-04-01T13:01:16+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-12T08:56:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.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-web-developers-april-2015\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (April 2015)\",\"datePublished\":\"2015-04-01T13:01:16+00:00\",\"dateModified\":\"2022-08-12T08:56:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/\"},\"wordCount\":587,\"commentCount\":9,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-april-2015\\\/css-ruler.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-web-developers-april-2015\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (April 2015) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-april-2015\\\/css-ruler.jpg\",\"datePublished\":\"2015-04-01T13:01:16+00:00\",\"dateModified\":\"2022-08-12T08:56:46+00:00\",\"description\":\"How's your (friendly reminder) April Fool's Day this year? Well, for the rest of us who aren't into pranks, here's the latest installment of fresh\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-2015\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-april-2015\\\/css-ruler.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-web-developers-april-2015\\\/css-ruler.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-web-developers-april-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 (April 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 (April 2015) - Hongkiat","description":"How's your (friendly reminder) April Fool's Day this year? Well, for the rest of us who aren't into pranks, here's the latest installment of fresh","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-web-developers-april-2015\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (April 2015)","og_description":"How's your (friendly reminder) April Fool's Day this year? Well, for the rest of us who aren't into pranks, here's the latest installment of fresh","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-04-01T13:01:16+00:00","article_modified_time":"2022-08-12T08:56:46+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.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-web-developers-april-2015\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (April 2015)","datePublished":"2015-04-01T13:01:16+00:00","dateModified":"2022-08-12T08:56:46+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/"},"wordCount":587,"commentCount":9,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.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-web-developers-april-2015\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/","name":"Fresh Resources for Web Designers and Developers (April 2015) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.jpg","datePublished":"2015-04-01T13:01:16+00:00","dateModified":"2022-08-12T08:56:46+00:00","description":"How's your (friendly reminder) April Fool's Day this year? Well, for the rest of us who aren't into pranks, here's the latest installment of fresh","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-2015\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-web-developers-april-2015\/css-ruler.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-web-developers-april-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 (April 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-680","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23560","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=23560"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23560\/revisions"}],"predecessor-version":[{"id":61678,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23560\/revisions\/61678"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23560"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}