{"id":43112,"date":"2018-02-28T21:01:20","date_gmt":"2018-02-28T13:01:20","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=43112"},"modified":"2025-04-21T17:54:10","modified_gmt":"2025-04-21T09:54:10","slug":"designers-developers-monthly-02-2018","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (February 2018)"},"content":{"rendered":"<p>Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we\u2019ve noticed something fascinating: while the web development landscape keeps evolving, the quality of tools has reached new heights. This month\u2019s collection is a testament to that \u2013 each tool has been carefully selected to bring real value to your development workflow.<\/p>\n<p>We\u2019re excited to share some game-changing resources with you: a fresh JavaScript framework from Basecamp, essential WordPress development tools, and some innovative testing utilities. Whether you\u2019re building modern web applications or managing content, these tools will help you work smarter and faster.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-43112-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-43112-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:\/\/kutt.it\/\">Kutt<\/a><\/h2>\n<p>An <strong>application that shortens URLs with your own domain name<\/strong>. It\u2019s built on top modern stacks like Node.js, React, and Redux with a handful of <strong>features that are built-in including password-protect URL, RESTful API<\/strong>, and fancy detailed stats to monitor your URLs. The best thing is It\u2019s free and you can host it on your own server.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Kutt\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/lucatume\/wp-browser\">WP Browser<\/a><\/h2>\n<p>Similar to WordHat, WP-Browser is an extention of <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/codeception.com\/\">Codeception<\/a> <strong>specifically designed for WordPress applications, themes, and plugins<\/strong>. Codeception is a tool to perform <em>testing<\/em> on your application, similar to PHPUnit and Behat, but it\u2019s bundled with more. In that, you can do <strong>Browser Testing, BDD, Unit Integration Testing, and API testing<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WP Browser\" height=\"976\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/wp-browser.jpg\" width=\"1778\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/cedaro\/node-wp-i18n\">Node WP Internationalization<\/a><\/h2>\n<p>The name speaks for itself. It is a NodeJS module to automate lots of things to internationalize your themes or plugins. <strong>Install the module and type <code>wpi18n makepot<\/code> to generate the POT file<\/strong> out of the translateable text in your WordPress plugins or themes.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Node WP Internationalization\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/node-wp-i18n.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/feross\/thanks\">Thanks<\/a><\/h2>\n<p>Another NodeJS module that\u2019s trending on Github recently. \u201cThanks\u201d will <strong>generate a list of maintainers of packages used on your open-source project<\/strong> and link it to their donation or OpenCollective page as sign of gratitude of their contribution to the community.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Thanks\" height=\"450\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/thanks.gif\" width=\"800\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/ahmadawais\/create-guten-block\">Create Guten Block<\/a><\/h2>\n<p>Gutenberg is here and will be shipped with WordPress 5.0. This is an <strong>NPM module to generate a Gutenberg block development boilerplate<\/strong> with modern stack such as React, Webpack, Babel, and Sass. Simply run the command line ,<code>create-guten-block<\/code>, and you\u2019re all set.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Create Guten Block\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/gutenblock.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/madewithvuejs.com\/wp-vue\">WP Vue<\/a><\/h2>\n<p>WP Vue is a <strong>template built with Vue to display WordPress posts<\/strong>. This template is a great starting point if you\u2019d like to make your WordPress site <em>headless<\/em>. <strong>Change the URL of the endpoint of WP-API URL from any WordPress site<\/strong>; it will automatically repopulate the posts with the ones from the new endpoint URL.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WP Vue\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/wp-vue.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/hotwired\/stimulus\">Stimulus<\/a><\/h2>\n<p>A <strong>new JavaScript framework from Basecamp<\/strong>. Unlike React or Vue, it does not force you to write your entire application with JavaScript or add synthetic attributes.<\/p>\n<p>StimulusJS works in a plain HTML that we already knew with the <code>data-<\/code> attributes. It also does not require a complex build configuration. You can <strong>simply add the script on the webpage just like you did with jQuery<\/strong> and that\u2019s it \u2014 start writing the script make your application alive.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Stimulus\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/stimulus.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/getmanta.app\/\">Manta<\/a><\/h2>\n<p>A <strong>free application to <a href=\"https:\/\/www.hongkiat.com\/blog\/accounting-invoicing-services-for-freelance-designers\/\">create and manage invoices<\/a><\/strong>. You can add a note, set a currency, apply discount, add a list of clients or customers, <strong>add your logo, design the invoice template, and download it in a PDF format<\/strong>. It\u2019s available for macOS, Windows, and Linux. If you\u2019re a freelancer, this might be the invoicing that you\u2019ve been looking for to run your freelancing business.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Manta\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/manta.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/react-static\/react-static\">React Static<\/a><\/h2>\n<p>As the name implies, this is a tool that allows you to <strong>generate a static site using React<\/strong>. It comes bundled with all the tools pre-configured, so you can get started on producing content for the web. And being a static site, you can <strong>host the site even in a shared hosting with low resources<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"React Static\" height=\"950\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/react-static.jpg\" width=\"1700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/piklist\/piklist\">Piklist<\/a><\/h2>\n<p>Piklist is a development WordPress that <strong>allows you build a complex website setup with WordPress with less code<\/strong>. It comes with a set of helper functions and Hooks to extend nearly every parts in WordPress such as the Setting page, <strong>custom fields, admin notices, shortcode, widgets, taxonomies, users<\/strong>, and a lot more.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Piklist\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/piklist.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/strapi.io\">Strapi<\/a><\/h2>\n<p>A <strong>content agnositic CMS framework to build a content API<\/strong>. It allows you to design your own content structure and the API as well as provides a beautiful Admin panel to manage them. However, it does not provide templating system built-in. It <strong>offers you to choose any front-end library of your preference<\/strong> such as React or Vue.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Strapi\" height=\"607\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/strapi.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/parceljs.org\/\">ParcelJS<\/a><\/h2>\n<p>ParcelJS is a <em>bundler<\/em> much like Webpack and Browserify, except it\u2019s blazing faster and requires zero configuration. It <strong>supports common development bundler for HTML, JS, CSS and transformers<\/strong> such as PostCSS and Babel out-of-the-xbox. So, you can just focusing on your code instead of wasting time on the configuration.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"ParcelJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/parceljs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/koddr.github.io\/goodshare.js\">GoodShare<\/a><\/h2>\n<p>A JavaScript library to <strong>show Social Media button with the share count for a few social media<\/strong>. It supports many social media including ones that you\u2019ve never heard of like Vkontakte, Odnoklassniki, SurfingBird, also a few messenging platform like Skype, WhatsApp, and LINE. GoodShare is also available as a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.github.com\/koddr\/vue-goodshare\">Vue component<\/a>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"GoodShare\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/goodsharejs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/copychar.cc\/\">CopyChar<\/a><\/h2>\n<p>A website that allows you to <strong>find and copy special characters to your clipboard<\/strong>. Letters, Punctuations, Math, Arrows, and Emoji are some of the characters included on the site. Simply <strong>click or tap on a character to copy the character to your clipboard<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"CopyChar\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/copychar.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/nerv.aotu.io\/\">Nerv<\/a><\/h2>\n<p>Nerv is another <strong>reactive VirtualDOM library; an alternative to ReactJS<\/strong>. It brings the familiar syntax JSX of React but with few notable differences. Nerv supports Internet Explorer 8! and it\u2019s just one third of React size. Still, <strong>Nerv is compatible with React add-ons eventhe most complex ones<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Nerv\" height=\"398\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/nerv.jpg\" width=\"1000\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hyperapp.js.org\/\">HyperappJS<\/a><\/h2>\n<p>Another JavaScript library that\u2019s worth looking into to build web application. It <strong>combines state management with a Virtual DOM engine<\/strong> that supports keyed updates and lifecycle events all with no dependencies.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"HyperappJS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/hyperappjs.jpg\" width=\"750\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/VulcanJS\/Vulcan\">VulcanJS<\/a><\/h2>\n<p>Vulcan is a <strong>stack of tools to build a modern web application<\/strong>. It\u2019s bundled with React, GraphQL and Meteor pre-confifured. Since it\u2019s a full-stack framework providing a whole range of helper components that are <strong>fine-tuned to the back-end and the front-end, everything is just work out-of-the-box<\/strong>. Thus you can get your app up and running quickly.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VulcanJS\" height=\"489\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/vulcanjs.jpg\" width=\"1020\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/open-indy.github.io\/Koa11y\/\">Koa11y<\/a><\/h2>\n<p>A desktop application for Windows, macOS and Linux to examine accessibility issues on website. <strong>Koa11y will provide notices and warnings whether your website violates Accessibility standards<\/strong>.<\/p>\n<p>This should be a tool in every web developers toolbox. Try navigating websites with just using your keyboard for a day to understand how Accessibility is important.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Koa11y\" height=\"636\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/koally.jpg\" width=\"933\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tableplus.io\">TablePlus<\/a><\/h2>\n<p>A realy <strong>nice-looking GUI application to manage database<\/strong>. TablePlus supports a wide variety of database engine including (of course) MySQL, SQLite, Redis, Postgres, MS SQL, and a lot more. TablePlus is available for macOS and Windows.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"TablePlus\" height=\"470\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/tableplus.jpg\" width=\"750\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we\u2019ve noticed something fascinating: while the web development landscape keeps evolving, the quality of tools has reached new heights. This month\u2019s collection is a testament to that \u2013 each tool has been carefully selected to bring real&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 (February 2018) - Hongkiat<\/title>\n<meta name=\"description\" content=\"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we&#039;ve noticed something fascinating:\" \/>\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-02-2018\/\" \/>\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 (February 2018)\" \/>\n<meta property=\"og:description\" content=\"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we&#039;ve noticed something fascinating:\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/\" \/>\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=\"2018-02-28T13:01:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T09:54:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.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=\"10 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-02-2018\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (February 2018)\",\"datePublished\":\"2018-02-28T13:01:20+00:00\",\"dateModified\":\"2025-04-21T09:54:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/\"},\"wordCount\":1140,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2018\\\/kutt.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-02-2018\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (February 2018) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2018\\\/kutt.jpg\",\"datePublished\":\"2018-02-28T13:01:20+00:00\",\"dateModified\":\"2025-04-21T09:54:10+00:00\",\"description\":\"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we've noticed something fascinating:\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2018\\\/kutt.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-02-2018\\\/kutt.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-02-2018\\\/#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 (February 2018)\"}]},{\"@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 (February 2018) - Hongkiat","description":"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we've noticed something fascinating:","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-02-2018\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (February 2018)","og_description":"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we've noticed something fascinating:","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-02-28T13:01:20+00:00","article_modified_time":"2025-04-21T09:54:10+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.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":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (February 2018)","datePublished":"2018-02-28T13:01:20+00:00","dateModified":"2025-04-21T09:54:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/"},"wordCount":1140,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.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-02-2018\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/","name":"Fresh Resources for Web Designers and Developers (February 2018) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.jpg","datePublished":"2018-02-28T13:01:20+00:00","dateModified":"2025-04-21T09:54:10+00:00","description":"Welcome to our February 2018 roundup! As we continue our journey of curating the best web development resources, we've noticed something fascinating:","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-02-2018\/kutt.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-02-2018\/#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 (February 2018)"}]},{"@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-bdm","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43112","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=43112"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43112\/revisions"}],"predecessor-version":[{"id":73870,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/43112\/revisions\/73870"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=43112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=43112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=43112"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=43112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}