Fresh Resources for Web Designers and Developers (May 2017)

By Thoriq Firdaus. in Web Design. Updated on April 21, 2025.

As we move through 2017, the web development landscape continues to evolve with exciting new tools and resources. This month’s collection features some truly innovative solutions that have caught our attention.

From powerful JavaScript frameworks to cutting-edge CSS utilities and innovative development tools, we’ve curated a diverse selection of resources that can help enhance your workflow and elevate your projects. Whether you’re working on frontend interfaces, backend systems, or full-stack applications, there’s something here to inspire and assist you. Let’s explore what’s new!

.no-js #ref-block-tax-30095-1 .ref-block__thumbnail { background-image: url( "https://assets.hongkiat.com/uploads/thumbs/related/tag-fresh-resources-developers.jpg" ); }

Click Here for More Resources

Check out our complete collection of hand-picked tools for designers and developers.

Kap

Kap is a neat little screen recorder for MacOS. It is an open-source app, built with web technology. One thing that I love in this app is that it offers converting the video right out-of-the box. Kap is a great alternative to record your apps or website’s live demo.

Sizzy

Sizzy is a development tool to test your responsive website in multiple viewport sizes on a single screen. It’s a super handy app as compared to the Chrome’s built-in mobile emulator. Sizzy also comes as a Chrome Extension.

Muse UI

A UI library based on Material Design principle and built on top of Vue.js 2.0, Muse UI is packed with Material Design Compenents such as Appbar, Card, and Dialog. It is great framework to build and run UI quickly.

Advanced WP-CLI

I’m a big fan of WP-CLI and use it almost every day in my work as a WordPress developer. Yet, it is only recently that I found out that WP-CLI allows you to create a PHP UnitTest scaffold for a theme! This is a list of WP-CLI advanced usage from the WP-CLI maintainer, Daniel Bachhuber, himself.

Lunacy

Lunacy is a standalone Sketch file viewer for Windows. It works great with Sketch file that contains text, raster images, even gradients, and shadows. It doesn’t require connection to the internet, thus developers can work on Sketch files from anywhere. And it is completely free.

K6

Speed matters in almost every aspect of web application. But how do you measure the speed of your website? Well, the answer is K6. It simulates traffic to your website and loads the website on a given duration as if it is a real traffic. In short, K6 is the UnitTest for Performance.

Checker Service

A great list of web apps to check a lot of stuff such as DNS, Load, Speed, SEO, Security, and SSL. Many of these tools are free, however, there are a few premium services listed therein that offer advanced features for users.

SVGito

Is a small web tool to optimize SVG that has been generated from the Sketch app. Paste your the SVG code onto the website and it will return the optimized code immediately.

Launchaco

Finding a great name for your startup is hard, and obtaining an available username handler on social media is even harder. Launchaco is a handy tool that allows you to find domain names, usernames for different social media like Twitter, Facebook, Instagram etc., and helps you generate a nice logotype of your business.

Obnoxious

A collection of unique animation done with CSS. Please don’t run the animation, if you heart and mind are not strong enough to see it.

CSS Grid Cheat Sheet

Learning CSS Grid can be quite intimidating when it comes to a number of new properties, a new measuring unit, and also almost a complete new paradigm to build the web layout. This tool, as the name implies, is to help you get your feet off the ground with CSS Grid.

Workbox

Workbox is a new initiative from Google to build Progressive Web App (PWA). It is akin to Yeoman or Create React App in a way that you can get everything up and ready in single line of command.

Mavo

Mavo is a new open source project from Lea Verou. It is a library that turns bare HTML markup and a few custom attributes into a functioning web application. Mavo easier to follow as compared to the other libraries like Backbone, Vue.js or React as it allows less tech-savvy users to build web application quickly and easily.