{"id":21816,"date":"2014-08-04T23:01:13","date_gmt":"2014-08-04T15:01:13","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=21816"},"modified":"2019-08-05T19:20:16","modified_gmt":"2019-08-05T11:20:16","slug":"fresh-resources-for-designers-and-developers-august-2014","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (August 2014)"},"content":{"rendered":"

Alright, by now you know the drill, so let\u2019s just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source for icons<\/strong>, a new modern browser<\/strong> in the making, a new CMS<\/strong> and tools to help you pick the better font and color schemes<\/strong> to use in your web design.<\/p>\n

Let\u2019s check them out.<\/a><\/p>\n

FenixWebServer<\/h2>\n

Static websites have recently been getting more attention among web developers. They are simple and can run comparably faster than a PHP-based website, and they don\u2019t need a server with SQL and PHP enabled. So, If your work consists mostly of building for static websites, consider adding FenixWebServer<\/a> to your tool belt. FenixWebServer is GUI app for running servers for static websites<\/strong>. It is also equipped with localtunnel<\/a>, so your site can be accessible online<\/strong>.<\/p>\n

\"fenix\"<\/figure>\n

Pixelvicon<\/h2>\n

Pixelvicon<\/a> is a free collection of nice icons, meticulously crafted by Mohammad Amiri. The collection consists of 80 icons and come in various formats to cater as many needs as possible, including SVG, PSD, PNG, and Webfont. Better bookmark this one.<\/p>\n

\"pixelvicon\"<\/figure>\n

Mazwai<\/h2>\n

Mazwai<\/a> is a collection of various short clips and videos that can be freely used<\/a> in personal and commercial websites. WordPress developers may also find Mazwai a great source to get free videos to feature on their themes and template demos.<\/p>\n

\"mazwai\"<\/figure>\n

Pagekit<\/h2>\n

Pagekit<\/a> is a new CMS (Content Management System) with a lot potential. It is packed with a bunch of features to make managing your content easy and fun. You can create Page and Blog posts, build a new theme to customize the website\u2019s look, and install extensions. Pagekit also ships with handy developer tools including Debug Bar, Command Line Interface, and Pagekit\u2019s very own template engine, Razr.<\/p>\n

\"pagekit\"<\/figure>\n

jsPDF<\/h2>\n

If you build websites that issue tickets or that allows the users to export data, then you should find jsPDF useful. jsPDF<\/a> is a JavaScript library that allows you to turn your web pages to PDF<\/strong>. jsPDF browser support is great; it even works on Internet Explorer 6.<\/p>\n

\"jspdf\"<\/figure>\n

Sassline<\/h2>\n

Sassline<\/a> is Sass library containing Mixins<\/strong> and recommended styling<\/strong> for better web typography. The measurements are carefully calculated that it scales proportionally in large and small viewport size. Sassline is a great companion for Sass library and in building responsive websites.<\/p>\n

\"sassline\"<\/figure>\n

CSS ColorGuard<\/h2>\n

CSS ColorGuard<\/a> is quite a unique tool. If you are composing plain CSS, often you can\u2019t avoid using two colors that very similar to each other, sometimes too close. CSS ColorGuard will keep you away from this; it will warn you if you are having similar colors within the stylesheet.<\/p>\n

\"css<\/figure>\n

Beautiful Web Type<\/h2>\n

Google Font is a popular host to get custom fonts for the Web. It has plenty of options in terms of font families. The question now is how we can make the fonts fit together nicely. Beautiful Web Type<\/a> does that for us; it shows us multiple beautiful font pairings of Google Font to give you a better picture of which fonts to pick.<\/p>\n

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

Alright, by now you know the drill, so let\u2019s just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source for icons, a new modern browser in the making, a new CMS and tools to help you pick the better font and color schemes to use…<\/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 (August 2014) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source\" \/>\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-august-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 (August 2014)\" \/>\n<meta property=\"og:description\" content=\"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-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-08-04T15:01:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-08-05T11:20:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.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=\"2 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-august-2014\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (August 2014)\",\"datePublished\":\"2014-08-04T15:01:13+00:00\",\"dateModified\":\"2019-08-05T11:20:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/\"},\"wordCount\":507,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-august-2014\\\/fenix.jpg\",\"keywords\":[\"Tools for Designers & Developers\"],\"articleSection\":[\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (August 2014) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-august-2014\\\/fenix.jpg\",\"datePublished\":\"2014-08-04T15:01:13+00:00\",\"dateModified\":\"2019-08-05T11:20:16+00:00\",\"description\":\"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-2014\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-august-2014\\\/fenix.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fresh-resources-for-designers-and-developers-august-2014\\\/fenix.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fresh-resources-for-designers-and-developers-august-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 (August 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 (August 2014) - Hongkiat","description":"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source","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-august-2014\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (August 2014)","og_description":"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source","og_url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-08-04T15:01:13+00:00","article_modified_time":"2019-08-05T11:20:16+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.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":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (August 2014)","datePublished":"2014-08-04T15:01:13+00:00","dateModified":"2019-08-05T11:20:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/"},"wordCount":507,"commentCount":1,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.jpg","keywords":["Tools for Designers & Developers"],"articleSection":["Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/","url":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/","name":"Fresh Resources for Web Designers and Developers (August 2014) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.jpg","datePublished":"2014-08-04T15:01:13+00:00","dateModified":"2019-08-05T11:20:16+00:00","description":"Alright, by now you know the drill, so let's just skip ahead to the good stuff. This round of resources we will be introducing you to an awesome source","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-2014\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fresh-resources-for-designers-and-developers-august-2014\/fenix.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fresh-resources-for-designers-and-developers-august-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 (August 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-5FS","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21816","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=21816"}],"version-history":[{"count":2,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21816\/revisions"}],"predecessor-version":[{"id":48392,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21816\/revisions\/48392"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=21816"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=21816"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=21816"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=21816"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}