{"id":42094,"date":"2017-12-06T18:01:09","date_gmt":"2017-12-06T10:01:09","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=42094"},"modified":"2025-04-21T18:32:28","modified_gmt":"2025-04-21T10:32:28","slug":"designers-developers-monthly-12-2017","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/","title":{"rendered":"Fresh Resources for Web Designers and Developers (December 2017)"},"content":{"rendered":"<p>\u201cHeadless CMS\u201d is gaining significant attention these days. In a nutshell, a \u201cheadless CMS\u201d does not deal with the front-end; the CMS only <strong>exposes the content <em>typically<\/em> in the form of a RESTful API<\/strong> while developers can use whatever they prefer to render the content. With the increasing popularity of this practice, <strong>new frameworks have emerged to set it up and running quickly<\/strong>.<\/p>\n<p>In this roundup, I\u2019ve compiled a few of these frameworks along with some other helpful tools that are worth checking out.<\/p>\n<div class=\"ref-block ref-block--tax noLinks\" id=\"ref-block-tax-42094-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-42094-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:\/\/github.com\/postlight\/headless-wp-starter\">Headless WP Starter<\/a><\/h2>\n<p>This is a WordPress starter theme but unlike the others, this starter theme leverages the <strong>WP-API to get the content and then render it into a static HTML<\/strong> using Node and React making your website \u201cheadless\u201d.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Headless WP Starter\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuestorefront.io\/\">VueStoreFront<\/a><\/h2>\n<p>VueStoreFront is another \u201cHeadless CMS\u201d framework. <strong>Built on top of Vue.js and Node<\/strong>, VueStoreFront and is designed for e-Commerce platforms like Magento, Prestashop, and Shopware through the APIs. It also incorporates PWA approach which <strong>allows the site to be usable <em>offline<\/em><\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Store Front\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/vuestorefront.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.gatsbyjs.org\/\">GatsbyJS<\/a><\/h2>\n<p>Gatsby is a <strong>site static generator<\/strong> built with React.js. You can use CMSs with API like WordPress, Markdown, JSON to feed the content. Similarly it utilizes some recent technologies such <strong>Node, PWA, and React that allow it to load incredibly fast<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Gatsby JS\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/gatsby.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/devgeniem\/dustpress\">DustPress<\/a><\/h2>\n<p>DustPress is a <strong>WordPress starter theme with modern development approach<\/strong>. Leveraging the Dust.js template language, DustPress separates the HTML template layout from the PHP logic allowing developers to produce a much cleaner code. It also makes <strong>development faster, more maintainable and gives the theme a organized structure<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Dust Press\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/dustpress.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/dhanishgajjar\/vscode-icons\">VSCode Icons<\/a><\/h2>\n<p>Visual Studio Code has quickly become one of the most popular code editors. It is <strong>lightweight, has plenty of plugins, and now it has selections of different icons<\/strong>. If you feel the default Visual Studio Code icon is boring, switch to any of these icons.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"VS Code Icons\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/vscode-icons.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/tailwindcss.com\/\">TailWindCSS<\/a><\/h2>\n<p>TailWindCSS is another CSS frameworks. But it differs from popular CSS framework like Bootstrap and Foundation in a way that it does not provide UI components. Instead, <strong>TailWindCSS comes with small pieces of CSS classes that allows you to compose your own UI<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Tailwind CSS\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/tailwind-css.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/traefik.io\/\">Traefik<\/a><\/h2>\n<p>I was experimenting with Docker and was wondering how to route domain name to several different containers on a single machine. Then I found Traefik, a <strong>modern HTTP reverse proxy and load balancers<\/strong>. Aside of Docker, it also support other services such Kubernetes, Rancher, and Amazon Elastic Container.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Traefik\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/traefik.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/didi.github.io\/cube-ui\/\">CubeUI<\/a><\/h2>\n<p>Built on top of Vue.js, CubeUI is a <strong>fantastic UI component to build mobile apps<\/strong>. Consisting with a lot of components such as Button, Popup, TimePicker, Slide, and Checkbox. Each component is quipped with a TestUnit ensuring continous integration and also <strong>minimizing bug on each component<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Cube UI\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/cube-ui.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2>Air<\/h2>\n<p>Air is minimal WordPress starter theme. Extending the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/underscores.me\/\">_s<\/a>, Air adds some additional components such as <strong>Slides, Sticky Navigation Bar, and WooCommerce-ready<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Air\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/air.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2>EmptyStates<\/h2>\n<p>EmptyStates is a <strong>collection of empty state pages on the web and mobile apps<\/strong> for inspiration. The empty state page is the kind of page that is often overlooked.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Empty States\" height=\"480\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/empty-states.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/shortcuts.design\/\">Shortcut Design<\/a><\/h2>\n<p>This website provides a <strong>collection of shortcuts of populars applications<\/strong> and tools used by developers and designers. Here you\u2019ll find shortcuts for Sketch, Photoshop, InDesign, Sublime Text, WordPress, and many more to come. The <strong>list currently only contains shortcuts for macOS<\/strong>, but it would be great to see Windows shortcuts to also be added in.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Shortcut Design\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/design-shortcuts.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/uppy.io\/\">Uppy<\/a><\/h2>\n<p>Uppy is a <strong>JavaScript frameworks to build a file upload interface<\/strong>. With Uppy, you can retrieve files, not only from local drive, but also from external storage service like Google Drive, Dropbox, Instagram, and other services. It\u2019s <strong>lightweight, modular, and extendabled with custom plugins<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Uppy\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/uppy.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/vuetifyjs.com\/\">VuetifyJS<\/a><\/h2>\n<p>VuetifyJS is an initiative from John Leider to <strong>build Material Design around Vue.js<\/strong>. Google has similar initiative with <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/getmdl.io\/\">MDL<\/a> or Material Design Lite, but it does not seem to get enough traction in the community and the <strong>development seems to progress really slow in the last couple of months now<\/strong>. So if you\u2019re looking for an alternative, VuetifyJS might be the right choice.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vuetify JS\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/vuetify.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Alimir\/wp-ulike\">WP ULike<\/a><\/h2>\n<p>WP Ulike is a <strong>WordPress plugin to add \u201cLike\u201d to your content<\/strong> whether in the built-in WordPress post type, custom post types, and bbPress as well as BuddyPress. It also comes with some other cool features such <strong>Notification System, Analytics, and Widgets<\/strong> which make it one of the most compelling \u201cLike\u201d system for your WordPress site.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"WP ULike\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wp-ulike.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/logaretm\/vee-validate\">Vee Validate<\/a><\/h2>\n<p>Vee Validate is a JavaScript library to <strong>add input field with the validation built-in<\/strong>. It supports many type of inputs such as Email, Number, Dates, URL, IP address, etc.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vee Validate\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/vee-validate.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/njleonzhang.github.io\/vue-data-tables\">Vue Data Tables<\/a><\/h2>\n<p>Another handy Vue.js plugin. VueDataTables is a simple plugin to build <strong>customizable and pageable table with Vue.js<\/strong>. The plugin is build with scale in mind that it can render massive data on the table flawlessly. It is also shipped with <strong>some extra components to power up your table like Pagination, Searchbox and Filter<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Vue Data Tables\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/vue-data-tables.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/jarun\/googler\">Googler<\/a><\/h2>\n<p>Googler is a <strong>CLI that allows you perform search in Google through the command lines<\/strong>. Similar to the interface, it will also retrieve the title, description, URL, and the pagination. It\u2019s handy tool for macOS and Linux power users.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Googler\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/googler.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bolt.cm\/\">Bolt CMS<\/a><\/h2>\n<p>Bolt is CMS built with PHP. It is <strong>quick to set up, uses Twig as its templating engine, fully supports PHP7, easy to customize<\/strong> through a simple YAML file. Overall it looks interesting to me; I\u2019ll definitely spend some time to explore it further whenver I have a chance.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Bolt CMS\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/boltcms.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/teletype.atom.io\/\">Teletype<\/a><\/h2>\n<p>Teletype is a new a new initiative from the Atom Editor. This new feature allows you to <strong>collaborate with your peers on writing code<\/strong>. To use it, you\u2019ll need to install the official <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/atom.io\/packages\/teletype\">Teletype<\/a> plugin.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Teletype\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/teletype-atom.jpg\" width=\"700\"><\/figure>\n<hr>\n<h2><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/plyr.io\/\">Plyr<\/a><\/h2>\n<p>Plyr (pronounced as Player) is a <strong>modern media player library with just 10kb in size<\/strong>. With this you\u2019ll be able to customize the HTML video and audio player, Youtube and Vimeo, and a Live streaming media. It\u2019s in active development with more planned <strong>features to be added incuding support for Wistia and Facebook embedded video<\/strong>.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" alt=\"Plyr\" height=\"438\" src=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/plyr.jpg\" width=\"700\"><\/figure>\n<hr>","protected":false},"excerpt":{"rendered":"<p>\u201cHeadless CMS\u201d is gaining significant attention these days. In a nutshell, a \u201cheadless CMS\u201d does not deal with the front-end; the CMS only exposes the content typically in the form of a RESTful API while developers can use whatever they prefer to render the content. With the increasing popularity of this practice, new frameworks have&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 (December 2017) - Hongkiat<\/title>\n<meta name=\"description\" content=\"&quot;Headless CMS&quot; is gaining significant attention these days. In a nutshell, a &quot;headless CMS&quot; does not deal with the front-end; the CMS only exposes the\" \/>\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-12-2017\/\" \/>\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 (December 2017)\" \/>\n<meta property=\"og:description\" content=\"&quot;Headless CMS&quot; is gaining significant attention these days. In a nutshell, a &quot;headless CMS&quot; does not deal with the front-end; the CMS only exposes the\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/\" \/>\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=\"2017-12-06T10:01:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-21T10:32:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.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-12-2017\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Fresh Resources for Web Designers and Developers (December 2017)\",\"datePublished\":\"2017-12-06T10:01:09+00:00\",\"dateModified\":\"2025-04-21T10:32:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/\"},\"wordCount\":1040,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2017\\\/wordpress-react-starter-kit.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-12-2017\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/\",\"name\":\"Fresh Resources for Web Designers and Developers (December 2017) - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2017\\\/wordpress-react-starter-kit.jpg\",\"datePublished\":\"2017-12-06T10:01:09+00:00\",\"dateModified\":\"2025-04-21T10:32:28+00:00\",\"description\":\"\\\"Headless CMS\\\" is gaining significant attention these days. In a nutshell, a \\\"headless CMS\\\" does not deal with the front-end; the CMS only exposes the\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2017\\\/wordpress-react-starter-kit.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/designers-developers-monthly-12-2017\\\/wordpress-react-starter-kit.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/designers-developers-monthly-12-2017\\\/#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 (December 2017)\"}]},{\"@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 (December 2017) - Hongkiat","description":"\"Headless CMS\" is gaining significant attention these days. In a nutshell, a \"headless CMS\" does not deal with the front-end; the CMS only exposes the","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-12-2017\/","og_locale":"en_US","og_type":"article","og_title":"Fresh Resources for Web Designers and Developers (December 2017)","og_description":"\"Headless CMS\" is gaining significant attention these days. In a nutshell, a \"headless CMS\" does not deal with the front-end; the CMS only exposes the","og_url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2017-12-06T10:01:09+00:00","article_modified_time":"2025-04-21T10:32:28+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.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-12-2017\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Fresh Resources for Web Designers and Developers (December 2017)","datePublished":"2017-12-06T10:01:09+00:00","dateModified":"2025-04-21T10:32:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/"},"wordCount":1040,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.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-12-2017\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/","url":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/","name":"Fresh Resources for Web Designers and Developers (December 2017) - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.jpg","datePublished":"2017-12-06T10:01:09+00:00","dateModified":"2025-04-21T10:32:28+00:00","description":"\"Headless CMS\" is gaining significant attention these days. In a nutshell, a \"headless CMS\" does not deal with the front-end; the CMS only exposes the","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/designers-developers-monthly-12-2017\/wordpress-react-starter-kit.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/designers-developers-monthly-12-2017\/#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 (December 2017)"}]},{"@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-aWW","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42094","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=42094"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42094\/revisions"}],"predecessor-version":[{"id":73927,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/42094\/revisions\/73927"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=42094"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=42094"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=42094"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=42094"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}