Fresh Tools For Designers and Developers in June 2017

Great tools and online services make the work of designers and developers a lot easier. They allow you to make many workflows simpler and more efficient. This small collection stirs creativity and provides solutions to various problems.

New Tools For Designers and Developers

So, here's my list of the newest, and most exciting tools that I found for you:

1 - Authentiq

[caption id="attachment_84139" align="alignnone" width="1200"] Modern User Access With Multi-Factor Authentication.[/caption] Authentiq offers a multi-factor authentication that does not require any passwords for the login on websites. AuthentiqConnect allows your users to decide when to increase their security if they want to add a second factor or go without a password. The service is compatible with OAuth 2.0, and OpenID Connect. The service is freely usable up to 500 active users. [Green-Button url="https://www.authentiq.com/" text="Visit Website »"]

2 - Better Font Finder

This interesting tool allows you to group similar Google Fonts, and find the optimal font for your project using different filters. Grouping fonts with similar characteristics will get you to the desired result a lot faster. [Green-Button url="https://jmattthew.github.io/better-font-finder/better-font-finder.html" text="Visit Website »"]

3 - Vectr

Vectr is an easy and intuitive way to create vector graphics. You can either use it online or install it on your computer. You can get the app for Mac, Windows, Linux, and Chromebook. Vectr is free to use. A WordPress plugin was created as well. [Green-Button url="https://vectr.com/" text="Visit Website »"] https://youtu.be/7dR4P4jwfXc [appbox wordpress vectr-embedded-graphics-editor]

4 - Data Gif Maker

Google's new project allows you to create a simple Gif that compares two elements. All you need to do is fill in a simple form, add data points, and select a color scheme. You'll receive a visual data element to embed in websites. [Green-Button url="https://datagifmaker.withgoogle.com/edit" text="Visit Website »"]

5 - Colorion Gradient Buttons

If you are done seeing the standard flat buttons, this is a really neat alternative option with gradient effects in all kinds of colors. [Green-Button url="http://gradientbuttons.colorion.co/" text="Visit Website »"]

6 - Buttercup

Buttercup is a free open source password manager for Max, Windows, and Linux. A browser add-on for Firefox is available as well. [Green-Button url="https://buttercup.pw/" text="Visit Website »"]

7 - Word Counter

Word Counter calculates the number of characters, words, or paragraphs in real time. Just enter a text in the box, or copy and paste texts from other pages. You'll get to see the statistics right away. The tool is also able to display the required character count for social networks like Twitter and Facebook. Additionally, it's possible to show the correct character count for the Google meta description. [Green-Button url="https://wordcounter.io/" text="Visit Website »"]

8 - Trendy CSS Text Shadows

More and more web projects go away from the flat design and want to use cooler effects. Here, the fascinating text effects provided by Mixfont are a perfect pick. The CSS of each effect can be downloaded for free. [Green-Button url="https://www.mixfont.com/shadows" text="Visit Website »"]

9 - docsify

docsify is a smart little tool able to create a documentation website for Github projects. It loads your markdown data, resolves it, and displays it as a website. [Green-Button url="https://docsify.js.org/#/" text="Visit Website »"]

10 - Free Minimalistic Phone Mockups

The Free Minimalistic Phone Mockup comprises Sketch and Photoshop files and comes with a very high resolution of 6962 x 4350 pixels. Background and telephone colors can be adjusted. [Green-Button url="https://lstore.graphics/freebies/minimalistic_phone/?utm_source=pr" text="Visit Website »"]

11 - Emojify

Emojify is a different kind of link shortener. If you don't want to deal with standard URLs anymore, you can also have your shortened links be displayed with neat emojis. [Green-Button url="http://emojify.tk/" text="Visit Website »"]

12 - Omg-img

You can write each of the provided icons directly into your HTML code, and the tool will find the right pictogram and adjust the colors and sizes. The free usage requires a backlink. You can either use the tool online or download the app for Mac or Windows. [Green-Button url="http://img.icons8.com/" text="Visit Website »"]

Conclusion

The presented tools and services should be interesting to a lot of designers and developers. Some tools provide a significant added value, like Authentic, Better Font Finder, and Vectr. I will take a closer look at a couple of them.