This article was last updated 7 years ago, therefore the contents of this post could be out of date.

As designers, developers or even graphic designers we are always looking for all of those new resources, tools and apps that can help us increase our productivity & creativity while we work on client or personal work.

Right below I’ve included what are some of the latest things, below you find some great JavaScript and  jQuery plugins,  iOS, Desktop Apps, html/css awesomeness, frameworks. Some latest WordPress themes and plugins plus some great new fonts and icons.

JavaScript & jQuery Plugins

Bideo.js

Bideo

Bideo.js  is a JS library that makes it super easy to add fullscreen background videos

Anypixel.js

AnyPixelJS

AnyPixel.js is an open-source software and hardware library that makes it possible to use the web to create big, unusual, interactive displays out of all kinds of things. Anyone can fork the code and the schematics to create their own display at any scale.

Push.js

PushJS

Push is the fastest way to get up and running with JavaScript desktop notifications. It’s a fairly new addition to the official specification, the Notification API allows modern browsers such as Chrome, Safari, Firefox, and IE 9+ to push notifications to a user’s desktop. Push acts as a cross-browser solution to this API, falling back to use older implementations if the user’s browser does not support the new API.

WebGazer.js

WebGazer

WebGazer.js is an eye tracking library that uses common webcams to infer the eye-gaze locations of web visitors on a page in real time.

WebGazer.js runs entirely in the client browser, so no video data needs to be sent to a server. WebGazer.js runs only if the user consents in giving access to their webcam.

React.js Boilerplate

react-boilerplate

Quick setup for new performance orientated, offline–first React.js applications

SimpleZoom.js

simplezoom

A tiny JavaScript library to preview images, better way

TimeDropper

Timedropper

timedropper is a jQuery UI timepicker. Manage time input fields in a standard form. Focus on the input to open an small interactive timepicker.

Lightgallery – Mac/Windows/Linux App – Free

lightgallery-for-mac

lightgallery is a modern, electron and nodejs based image viewer for Mac, Windows and Linux which is free.

Iconjar – Mac App – Free

IconJar

Organise, search and use icons the easy way, as Iconjar gives you the ability to store all your icons in one place, just one click away.

DecoIDE – Mac App – Free

DecoIDE

Deco is an IDE for React Native. It’s an all-in-one solution for writing React Native apps that you can download and use without any environment setup.

Deco improves the React Native development workflow by focusing on component reuse and enabling you to edit your UI in real time.

Proud – Mac & iOS App – $4.99(iOS) & $9.99(Mac)

Proud

If you want to be more productive, control your time better and maximize your potential for success, Proud is an app for you. From lists, reminders and timers to useful superpowers like: “Give me more time”, “De-stress” or “Travel back in time”.

ProtoSketch – iOS App – $9.99

protosketch-for-ipad

It doesn’t matter if you are a designer, a marketer or just someone who want to play around and sketch something.

Also if you want to draw your vector masterpiece, logo or a new landing page for your business say hello to the iOS app ProtoSketch as it is your go to app for everything creative.

Supercharged with icons, fonts, UI elements, basic and complex drag and drop shapes. This app is easy to use to design anything from logo and icon to website and mobile app. Lossless vector graphics that you can scale infinitely and continue straight on your desktop.

Invoicely – Web App – Free

invoicely

Invoicely is all about bringing you a free cloud invoicing and accounting software to as many people around the world as possible. Invoicely comes with a fully-featured suite of invoicing and accounting tools for your business.

Mailhero – Web App – Free

MailHero

Mailhero forwards incoming mail to your real e-mail address, but only when you want it to. You stop unwanted e-mails from ending up in your mailbox by using a new Mailhero address each time somebody wants you to give them your mail address. Like this.

Blisk

Blisk

Blisk is a Chromium-based browser with essential tools for web development. Use it for simultaneous building and testing both desktop and mobile versions of your website. At the time of writing this app is only available on Windows, but Mac & Linux are coming soon.

Think With Google – Test Your Site

think-with-google-test-your-website

Test how mobile-friendly your site is.

CSS Purge

CSSPurge

Saving the web 1kb at a time.

Family.SCSS

Family-SCSS

Family.scss is a set of 24 smart Sass mixins which will help you to manage the style of :nth-child’ified elements, in an easy and classy way.

Flex Layout Attribute

Flex-Layout-Attribute

Layout helper based on CSS flexbox specification designed to serve you as quick flexbox shorthand by using two custom html attributes — ‘layout’ and ‘self’.

GitHub Dark

GitHub-Dark-2

If light theme hurts your eyes, switch off the lights on GitHub for a pleasant reading experience.

HyperDev

hyperdev

HyperDev is the developer playground for building full-stack web apps, fast  Combining automated deployment, instant hosting and collaborative editing, HyperDev gets you straight to coding.  You just code. It just runs.

A-Frame

aframe

A-Frame is a open-source framework for creating 3D and virtual reality experiences on the web.

Vital

Vital

Vital is a minimally invasive CSS framework for modern web applications. Vital is a reverse approach to “everything and the kitchen sink” CSS frameworks.

SyntaxDB

syntaxDB

SyntaxDB allows users to quickly look up syntax for programming languages. SyntaxDB is designed for programmers who often need to do a Google search for their syntax needs.

Placeholders.Pics

placeholder-pics

The lightest way to include placeholder pictures in your designs. All images are lovingly served up as sub-kilobyte, fully optimised Scalable Vector Graphics (SVG) in any size or color you need. You can even add a short label to keep track of what goes where in your designs and mockups.

Wait! Animate

WAIT!-Animate

WAIT! Animate provides an easy way to calculate the keyframe percentages so that you can insert a delay between each animation iteration. Below are some example animations to demonstrate how this is achieved. Below that is a config tool to add waits to your own animations without the need for JavaScript.

Cutestrap

CuteStrap

Cutestrap is a sassy, opinionated CSS Framework which is a tiny alternative to Bootstrap.

Cutestrap supports vertical rhythm, consistent pattern for form fields, it’s 8kb minified with smart defaults for all default elements (Conventional), CSS specificity is very low in the class hierarchy (which is Configurable), it’s a solid foundation for a living styleguide using KSS.

Simple Grid

Simple-Grid

Simple Grid is a 12-column, lightweight CSS grid to help you quickly build responsive websites. Download the CSS stylesheet, add the appropriate classes to your markup, and you’re off to the races. It’s that simple.

Each column is contained within rows, which are contained within a container. The container is set to a maximum width of 960px, but you can edit without having to break anything.

Font Face Observer

Font-Face-Observer

Font Face Observer is a fast and simple web font loader. You can use it to load fonts and customise your browser’s font loading behaviour.

Atomic Docs

atomic-docs

Atomic Docs is a front end style guide generator and SASS component manager. Atomic Docs is built in PHP and SASS. Inspired by Brad Frost’s Atomic Design principles.

BlazeCSS

Blaze_CSS

Blaze_CSS is a open source modular CSS framework providing great structure for building websites quickly. Blaze fills the gap between monolithic frameworks like Bootstrap, UIKit and Semantic, and “micro” ones such as Skeleton, Milligram and Min.

Visual Center

Visual-Center

A tool that will find the visual center of your images.

Compo – Sketch Plugin

Compo

Compo is a Sketch plugin that makes it easier to work with interface components.

SVGO Compressor – Sketch Plugin

SVGO-Compressor

A Plugin that compresses SVG assets using SVGO, right when you export them. This Plugin requires Sketch 3.8.

Elementor Page Builder – Free Plugin

Elementor-WordPress-Plugin

Elementor is a drag and drop frontend page builder that gives you the power to design stunning page designs in an intuitive & lightweight interface. The developers of Elementor set out to create a unique page builder, that offers 3 features we consider crucial, and which no other page builder such as instant drag & drop, advanced design effects and responsive design.

Compact MCE – Free Plugin

Compact-MCE

A simple plugin that reorganize your WordPress editor TinyMCE controls. We removed WordPress’s default editor useless controls and added more useful controls.

Form Styles for Contact Form 7 – Free Plugin

Form-Styles-For-Contact-Form-7

Contact form 7 is a great contact form plugin. However, the generic styling doesn’t make your site look well in the eyes of your visitors.Contact forms should look professional since it partly represent your image.

With Contact form 7 style plugin, you will get your contact page designed for free.With a decent collection of contact form themes, you can switch between styles easily to make your contact page fit to your current theme.No matter what theme you are using for your site, you can easily find a suitable style for your contact page.

Advance Extra Cost Plugin for WooCommerce – Premium Plugin $15

Advance-Extra-Cost-Plugin-for-WooCommerce

The Advance Extra Cost for WooCommerce allow store owners to add extra fixed charges/cost to the customers order based on different conditions. You can configure product specific, category specific, country specific or order amount specific extra charges and it will be applicable to entire order. The charges will be added to the cart total.

Offline Writer – Premium Plugin $30

Offline-Writer

Offline Writer lets you easily generates posts based on the documents created with your favorite desktop applications.

WP Sortable – Premium Plugin $15

wp-sortable

WP Sortable is a unique plugin for reordering every aspect of your WordPress site from the admin point of view.

This plugin isn’t focused only on post such as Posts, Pages, WooCommerce products, Taxonomies such as Tags and Categories but admin menu as well. Just click on the menu item and drag it.

DW TinyMCE Imgur Upload – Premium Plugin $17

imgur

DW Tinymce Imgur Upload is a plugin, which helps you directly upload the image you want to the WordPress Editor with just one click.

So instead of uploading your images to a third party such as imgur.com then pasting the image’s URL to the WordPress Editor, now with this awesome plugin all you will have to do is to press Imgur Icon, choose the photo you like.

Paraxis Lite – Free Theme

paraxis-lite

Paraxis Lite is a child theme of Oblique, This theme is a creative masonry theme that works great for fashion or general bloggers.

Amongst the features you will find is a parallax header image, full colour control with unlimited colour variations, easy access to all Google Fonts, responsive design etc.

Restaurant Advisor – Free Theme

restaurant-advisor

The elegant theme of Restaurant Advisor, been created especially for food critics, restaurant bloggers, etc.

The theme is fully responsive, and accordingly, its stylish design will look perfectly on any device. Another great advantage of this theme is the opportunity to add your own logos, which ultimately will make your website unique.

EasyMag – Free Theme

easy-mag

EasyMag is a News and Magazine theme. This theme been build using Bootstrap and is fully responsive for all the screen sizes. Included in this theme is a theme customiser which will allow you to customise and setup basic settings logo, colour, and layouts.

Soapery – Premium Theme $59

soapery

Soapery is a responsive theme with a modern and functional design which been especially made for organic handcrafted products shop. It best suits for handmade soap shop, but it can be also interesting for handmade jewelry and accessories store, clothing store or crafts shop.

It comes with lots of features, Soapery is fully compatible with the latest version of WooCommerce which allow you to create a online shop.

The theme has an intuitive visual interface and informative layout that looks wonderful on any platform. Soapery is compatible with a bundle of premium plugins such like Revolution Slider, Essential Grid, Visual Composer and PO Composer for making your crafts shop comfortable for your customers.

Bachas – Premium Theme $59

bachas

Bachas is a responsive theme is an elegant design WooCommerce with 4 layout homepages. It supplies many necessary features for an eCommerce store.

The Mega Menu shows product categories with the popup contains a nice image. The slideshow is nice, big and lively with smooth transition. Sale products are displayed with beautifully sliders.

Static blocks with nice images and text bring helpful information about your store. In addition, Testimonials and Blog help you build a lasting relationship with your customers through reviews, comments in the store.

Hawa – Premium Theme $59

Hawa

Hawa is a great choice if you are in the need to display your creative work online with a robust canvas of options and with not a pixel out of place.

This theme undoubtedly a high-performance WordPress theme, which tells a story through imagery, fonts and layouts. It can be used to create just about any kind of site you want.

Hawa is a responsive and retina-ready theme which comes with a versatile set of display options, such as 23 Homepage Variations, plenty of portfolio options, numerous demo layouts, and several plugins like Slider Revolution, Visual Composer, and Ultimate Addons for Visual Composer

Included in the theme is a one-click installation, Mega Menu options, modern typography, portfolio hover variants, 30 portfolio page types, over 200+ Short Codes, 15 extras pages, and it’s WooCommerce-ready.

Raymond – Premium Theme $59

raymond

Raymond is a super clean and modern WooCommerce Theme, which been created specifically for fashion, shopping and style bloggers around the globe. Along with a modern blog coupled with a fully styled WooCommerce store means you can write about what you love, and sell the key pieces you mention.

Included in this theme are plenty of customisation options that are easy to use. In this theme you can use the built-in colour pickers to choose your main theme colour, select a custom Google font with just a few clicks.

You can also choose your columns layouts and more all from the live WordPress theme customizer. Having great inventory and extensive business knowledge are two of the three key ingredients to a successful eCommerce venture.

Tofino – Font – Pay What You Want

tofino-font

Popo – Free Font

Popo

Fofer – Free Font

fofer

Toma Sans – Free Font

Toma-Sans

Andis Typeface – Free Font

Andis

Bowie – Fonts from $19

bowie

Core Sans A – Fonts from $19

core-sans-a

Saline – Font $35

saline

Nanami – Fonts from $25

nanami

App Icons set by Awesomed

App-Icons-set-by-Awesomed

BPXL Icons for Sketch

BPXL-Icons-for-Sketch

Free 70 Basic Icons

Free-70-Basic-Icons

Hi there, if you think that I’ve missed something that you think should have been on this list, please let me know down in the comments or if you know of a new app or resource that should be featured next month post it there.

Thanks.

Share

New Handpicked Goodies for Designers & Developers for June 2016