This article was published 7 years ago, therefore the contents of this post may be out of date.

As designers or developers we are always looking for all of those design resources, tools and apps that can help make our life easier and increase our productivity & creativity.

So today is the day to showcase all of what’s new for designers and developers in June, here we have a big list of some of the newest released and updated resources from jQuery, JavaScripts,  to a few Apps, Development Tools, WordPress themes and this roundup is packed with design goodies such as Fonts, Icons etc.

If you think I’ve missed something that you think should of been on the list, let me know in the comments or if you know of a new a that should be featured on the July roundup, please either tweet it to me @SomeWhatCrtv or even use the Submit Resource form and your resource could be seen on next month list

Colorido.js

Colorido.Js is a awesome, flexible, fast and cross-browser dynamically color changing js plugin for web projects.

Prepack

A tool for making JavaScript code run faster.

SmartPhoto.js

The most easy to use responsive image viewer especially for mobile devices

Britecharts

Client-side reusable Charting Library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations.

JS Mythbusters

A JavaScript optimization handbook from a high level point of view.

Shop.js

Shop.js is a complete set of reactive Ecommerce components powered by El.js. With Hanzo, it can be easily integrated into any website, no backend required.

Moon

A minimal, blazing fast UI library.

UPNG.js

small, fast and advanced PNG encoder and decoder. It is the main PNG engine for Photopea image editor.

Blockstack – Mac App – Free

Blockstack is a new decentralized internet where users own their data and apps run locally. A browser portal is all that’s needed to get started.

Screenshot Designer – Mac App – $12

Screenshot Designer is a tool for making engaging App Store screenshots. Select a template, drag in an image and you’re ready to ship! It’s that easy!

Screens 4  – Mac App – $30

Screens is a powerful VNC client app that lets you control any computer from anywhere as if you were sitting in front of it!

Github Desktop – Mac/Windows App – Free

Extend your GitHub workflow beyond your browser with our Desktop Beta, completely redesigned with Electron. Get a unified cross-platform experience that’s completely open source and ready to customise.

Mac Assistant – Mac App – Free

Google Assistant for macOS!

Nativefier – Mac/Windows/Linux App – Free

Make any web page a desktop application, setup is pretty easy, you need an OS from above and Node.js

Buttercup – Windows/Mac/Linux App – Free

Cross-platform, free and open-source password manager based on NodeJS.

ToDo Meter – Mac & Windows – Free

a meter-based to-do list for your desktop

IconRecolor – Mac App – $1.99

IconRecolor is the best Icon Re-color Tool for App Developers and Graphic Designers.

Abbyy Business Card Reader – iOS App – Free

ABBYY Business Card Reader –The World’s Fastest Business Card Scanner & Contact Management App!

Magic Password – iOS App – Free

Magic Password is a free security app, which allows you to log in to your WordPress website without providing username and password. Just open our mobile application, scan QR code, and it’s done. It’s simple, quick, and highly secure

Working Copy – iOS App – Free

the powerful Git client for iOS that clones, edits, commits, pushes & more.

Framer – Web App – $15 monthly or $156 yearly

Framer combines the power of code with the ease of visual editing. Prototype beautiful microinteractions or realistic apps. It’s time to design with development in mind.

Cyclops – Web App – Free

1 Click video conferencing

Monica – Web App – Free

Monica is a tool to manage your interactions with your loved ones, friends and family

Tweak – Chrome Extension

Turn your browser into a visual web development tool

Code Copy – Chrome & Firefox Extension

Because copy to clipboard buttons should exist on every code snippet.

Papersize

PaperSizes is a simple, free resource for finding the international standards for paper sizes. In total, papersizes.io lists dimensions of over 250 international paper sizes in mm and inches!

Microtip

A modern, elegant and minimal, css only tooltip library

GitHub Marketplace

GitHub Marketplace Tools to build on and improve your workflow

Swifty Knobs

SwiftyKnob allows you to easily add knobs in your iOS apps. If you are unfamiliar with knobs, they are basically curved progress bars. You can use them to show profile completion, stats or just about anything else!

Mirr.io for Sketch

Mirr.io is a lightweight tool to bring your designs to life — without leaving Sketch.

FontJoy

Generate font combinations with deep learning

Documentation Agency

Documentation Agency writes your product or library documentation.

What email service should I use?

Have you ever wondered what email service you should use? Just answer a handful of questions and we’ll tell you which one is right for you, so you can get started quicker.

Postleaf

Postleaf is a beautifully designed open source blogging platform built for the modern publisher.

SVGito

SVGito is a little web app for optimizing SVG graphics. Optimizations include cleaning up Sketch’s inside/outside border markup, replacing use elements, and removing useless fill rules. Best when used before other optimizers, like SVGO.”

Twitter Corners

Twitter Corners for your Website

Bot Store

Easily customise and deploy chatbots, or browse the directory for inspiration.

Mixfont

Mixfont is a fun and simple way to discover new fonts that work well together. Start the Generator!

Typefont

Typefont allows you to recognize the font of a text in a photo using a set of algorithms and libraries with the goal to obtain accurate results with the image as only input avoiding other manual processes. This is the only open source project of its kind.

Obnoxious.css

Animations for the strong of heart, and weak of mind.

Pingy CLI

The Simple Frontend Build Tool

Ambiance

Ambiance generates beautiful colour palettes so that you use them* on that awesome Illustration, on that really fancy and modern User Interface or just stare at them in peace.

Typography Handbook

A concise, referential guide on best web typographic practices.

Style Guide Guide

A boilerplate for creating superb style guides

Lists

A gallery of real data ready to be placed in your design.

Web Code Tools

The Ultimate Web Code Generator

Griddd

A dead simple, customisable, flexbox-based griddd

iotaCSS

Smart open source SASS based OOCSS framework built for scale.

ORY Editor

The ORY Editor is a smart, extensible and modern editor (“WYSIWYG”) for the web written in React.

DevIcons

Devicon is a set of icons representing programming languages, designing & development tools. You can use it as a font or directly copy/paste the svg code into your project.

HTML Cheat Sheet

This HTML cheat sheet has a full list of all HTML elements, including descriptions, code examples and live previews.

SQLPad

Run SQL in your browser.

Hasty

Hasty is the best way to generate custom code for your WordPress project easily and fast. There are many generators for WP, but Hasty really saves you time, because it’s magic.

Wisepops – Free Plugin

Imagine targeting each of your visitors with the perfect message—at exactly the right time. WisePops will boost and maximize your on-site conversions with automated popups.

WP Server Info – Free Plugin

This plugin show the current versions from WordPress, PHP, Theme, Webserver and MySQL in the Backend Dashboard footer.

WP Nerd Toolkit – Free Plugin

With the WP NERD Toolkit you have powerful powerful tools on board and save you more plugins.

Flat Panel Admin Theme – Free Plugin

Tired of the same old admin theme? Give the WordPress dashboard we all know and love a boost, with a splash of color, and a more refined flat panel design. You can easily change the colors to reflect the look and feel that best suits you and your website.

WP Cloud – Premium Plugin $16

WP Cloud currently supports 3 storage solutions: Amazon S3, Imgur, and BlogSpot. Images are stored permanently and loaded faster as they are in the cloud.

Unlimited Addons – Premium Plugin $25

The biggest Addon bundle for WordPress with +600 addons and +20 Predefined Templates. All addons are totally unique, crafted individually to fit your WordPress website.

Age Check – Premium Plugin $11

Age Check WordPress plugin is perfect plugin if your website is age restricted. You can use it for adult restricted websites and also for child restricted websites. Age Check plugin works as age verification system for wordpress websites.

WooCommerce Simplified Checkout – Premium Plugin $19

WooCommerce Simplified Checkout plugin is allow users to easily order their products by Email or Phone number and by Email too.

FormEditor – Premium Plugin $38

FormEditor allows you to create beautiful contact forms, sign-up forms, payment forms and other types of forms for your website in minutes!

FortySeven Street – Free Theme

FortySeven Street is beautifully designed, multi-purpose, feature-rich modern responsive theme. It is – Woocommerce, bbPress compatible, RTL supported, translation ready, cross-browser compatible and SEO friendly.

Sungit Lite – Free Theme

Sungit Lite is a clean, trendy and fully responsive WordPress theme created specially for Musicians, Bands, Artists, Concerts, Events or any kind of music websites or Blogs.

HamzahShop – Free Theme

Hamzah Shop is a simple yet modern e-commerce WordPress theme. It is aesthetically minimalist, fresh-faced and bright, elegantly styled and well developed, readily responsive e-commerce WordPress theme.

Auto Spa – Premium Theme $59

Auto Spa is a responsive and retina ready WordPress Theme best suitable for car wash or auto detail services, car repair shop, mechanic workshop, car repair or auto painting shop.

Repair Plus – Premium Theme $39

Repair Plus is a theme is an ideal pre-built website template for business specialise in repair. Repair Plus includes helpful features that will help you a build new and redesign your business website.

Lookbook – Premium Theme $49

Lookbook is a fashion store theme for clothing shops, accessory stores, fashion blogs and lookbooks showcases.

Veggie – Premium Theme $59

The Veggie supper market WordPress theme is made exclusively for farming projects, online food marts, grocery shops, vegetables and fruit shops. With a number of theme demos tailored for different concepts, it’s super easy to find a theme close to your project and start hacking on it!

Engel New – Fonts from $30

Halcyon – Fonts from $12

Weekly – Fonts from $45

Brock Pro – Fonts from $49

Baksoda – Font $15

Atiba – Free Font

Aoox  – Free Font

Quartz – Free Font

Skrova – Free Font

Colored Lines Icon Set for eCommerce

Emoji Vector Icon Set

LiquidPro Sketch UI Kit

Barmanly UI Kit

Helen – Free IOS eCommerce UI Kit

Super Nice UI Kit

Share

New Handpicked Goodies for Designers & Developers for June 2017