{"id":16824,"date":"2013-04-04T21:01:25","date_gmt":"2013-04-04T13:01:25","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=16824"},"modified":"2022-08-20T23:11:24","modified_gmt":"2022-08-20T15:11:24","slug":"designers-developers-monthly-04-2013","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (April 2013)"},"content":{"rendered":"

We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers and developers.<\/p>\n

In this round, we have some great tools for you to facilitate your work \u2014 from a tool that allows you to create customized grid paper for sketching or wireframing to one that aid in optimizing your webpage load. Let\u2019s check them out.<\/strong><\/p>\n

Paperkit<\/a><\/h2>\n

If sketching and wireframing are what you always do before Photoshop(ing), then you need this tool, Paperkit. It is a free tool to create gridlines or dotted paper for sketching your ideas. Several controls are provided to customize the output: paper size (A4, A3, etc.), unit measurement (currently only support for Inches and millimeters), spacing, margin, and stroke width and color.<\/p>\n

Then you can download it in PDF format for printing.<\/p>\n

<\/figure>\n

Web Development Estimator<\/a><\/h2>\n

As a freelance worker, your client will certainly request your service pricing rate. This tool, The Web Development Estimator (well, the name has said it all), is a simple and straightforward tool to list items of your service with the price rate and save it in PDF format to send to your client.<\/p>\n

One of the limits of this tool, however, is that it only supports dollars, Pounds, Yen, and euros for the currency symbol. Thus, if you are not serving clients with those currencies, this tool, sadly, might not be of much use.<\/p>\n

<\/figure>\n

Lorem Pixel<\/h2>\n

Lorem Pixel is a tool to generate a dummy image for you to design prototypes, both for Print and Web. Lorem Pixel provides several image categories (from cats to sports) to generate the image, it also allows you to adjust the image size.<\/p>\n

All in all, it\u2019s a great tool to complement its sibling Lorem Ipsum<\/a>, worth bookmarking.<\/p>\n

<\/figure>\n

Antwort<\/a><\/h2>\n

Responsiveness is skyrocketing. (Almost) everything on the web today is going responsive, including the Email<\/strong>. Although, it is an ancient communication channel (invented in 1971<\/a>), Email still is the backbone of all Internet communication and services (you register Facebook and Twitter with your email address, right?).<\/p>\n

If you want to build\/send one that is responsive, using Antwort is one of you best option. It\u2019s a responsive layout for email. It supports all major email clients and fits nicely in various viewport sizes.<\/p>\n

<\/figure>\n

SassMe<\/a><\/h2>\n

Sass<\/a> provides a set of functions to manipulate colors. However, it is not intuitive what the output will be like. SassMe is created to fill the answer. SassMe is a tool to visualize Sass color function output instantly. It provides sliders to adjust the colors and generates the function for you to paste it in your Sass\/SCSS stylesheet.<\/p>\n

<\/figure>\n

Color Contrast Ratio Calculator<\/a><\/h2>\n

Contrast makes a design visually richer, and the content will be more readable. This tool by Lea Verou<\/a> (also known as CSS guru) calculates the contrast ratio, it returns whether the color combination that we entered makes a good contrast as per the WCAG standard.<\/p>\n

<\/figure>\n

Browser Diet<\/a><\/h2>\n

It looks like \u201cDiet\u201d is not only related to meals, browsers also need a diet. The Browser Diet is a list of several tips to increase your website performance so that the browser can process your website quicker. It listed several factors from HTML, CSS, JavaScript and the Server-side of things.<\/p>\n

<\/figure>\n

Browser Hacks<\/a><\/h2>\n

Web Browsers often have their own quirks on how to handle or parse CSS properties and JavaScript. It makes our webpage look slightly different across all browsers. I\u2019m not exclusively referring to Internet Explorer, sometimes it happens to Google Chrome and Safari too. To solve this issue, we can apply some \u201chacks\u201d.<\/p>\n

So, if you need one for CSS and JavaScript, Browser Hacks<\/a> is the best way to go.<\/p>\n

<\/figure>\n

CSS Beautifier<\/a><\/h2>\n

Honestly speaking, if you have been in the Web Design field quite long, you might have seen plenty of these kinds of tools. But compared to the other similar tools that I\u2019ve tried, this one has a cleaner and uncluttered user interface, and it generates the output instantly without a single click.<\/p>\n

<\/figure>","protected":false},"excerpt":{"rendered":"

We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers and developers. In this round, we have some great tools for you to facilitate your work \u2014 from a tool that allows you to create customized grid paper for…<\/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":"\nFresh Resources for Web Designers and Developers (April 2013) - Hongkiat<\/title>\n<meta name=\"description\" content=\"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers\" \/>\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-2013\/\" \/>\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 2013)\" \/>\n<meta property=\"og:description\" content=\"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/\" \/>\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=\"2013-04-04T13:01:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-08-20T15:11:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.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-2013\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (April 2013)\",\"datePublished\":\"2013-04-04T13:01:25+00:00\",\"dateModified\":\"2022-08-20T15:11:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/\"},\"wordCount\":679,\"commentCount\":8,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2013\\\/paperkit.jpg\",\"keywords\":[\"Tools for Designers & Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (April 2013) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2013\\\/paperkit.jpg\",\"datePublished\":\"2013-04-04T13:01:25+00:00\",\"dateModified\":\"2022-08-20T15:11:24+00:00\",\"description\":\"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2013\\\/paperkit.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-04-2013\\\/paperkit.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-04-2013\\\/#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 2013)\"}]},{\"@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 2013) - Hongkiat","description":"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers","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-2013\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (April 2013)","og_description":"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2013-04-04T13:01:25+00:00","article_modified_time":"2022-08-20T15:11:24+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.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-2013\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (April 2013)","datePublished":"2013-04-04T13:01:25+00:00","dateModified":"2022-08-20T15:11:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/"},"wordCount":679,"commentCount":8,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.jpg","keywords":["Tools for Designers & Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/","name":"Fresh Resources for Web Designers and Developers (April 2013) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.jpg","datePublished":"2013-04-04T13:01:25+00:00","dateModified":"2022-08-20T15:11:24+00:00","description":"We are already in the second quarter of the year. While some people might fool you with jokes, we will share goodness instead, especially for designers","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-04-2013\/paperkit.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-04-2013\/#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 2013)"}]},{"@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-4nm","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16824","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=16824"}],"version-history":[{"count":4,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16824\/revisions"}],"predecessor-version":[{"id":61819,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/16824\/revisions\/61819"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=16824"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=16824"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=16824"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=16824"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}