This post was last updated over a year ago, therefore the contents of this post may be out of date.

As designers, developers or even graphic designers we are constantly looking at for those new resources, tools and application that can help us increase our productivity while working on client or personal work.

Down below I’ve included everything from some great JavaScript tools, jQuery plugins, Apps for your Desktop, Web & Mobile devices to some awesome items in HTML5, CSS, CMS’s etc and like always I’ve also got some WordPress boilerplate, themes and plugins including some fonts, UI kits, icons etc

JavaScript & jQuery Plugins

Choclat

Chocolat

Chocolat.js is a responsive jQuery lightbox plugin that enables you to display one or several images staying on the same page.The choice is left to the user to group together a series of pictures as a link, or let them appear as thumbnails.The viewer may appears full-page or in a block

Jet.js

Jets

Imagine a situation – your HTML markup renders at backend side, it contains some list of data. At one point you need to implement search by this list. It can be easily achieved by using Jets.js with a browser’s native search speed.

PriorityNav

PriorityNav

PriorityNav is a lightweight pure javascript plugin that will move your menu items if they don’t fit its parent. PriorityNav is developed by @gijsroge & weighs around 5kb & 2kb gzipped. The idea behind this plugin is based around the priority+ navigation from Brad Frost.

UpUp

upup

UpUp is a tiny JavaScript library that makes sure your users can always access your site’s content, even when they’re on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites. But in a world where everyone is mobile, an always-on connection isn’t something we can rely on. It’s time to start thinking Offline First. With UpUp you control the content your users see, even when they are offline. And you can do it with just a single JavaScript command.

lightGallery

lightGallery

jQuery LightGallery is a lightweight, customisable, modular, responsive, lightbox gallery plugin for jQuery. It uses CSS-only approach for resizing images and videos. So it will be extremely flexible, and considerably faster than using the JavaScript approach. Lightgallery comes with a few built in modules, such as thumbnails, full screen, zoom, etc. It is easy to create your own modules, as well as detach modules that you don’t want to use.

Desktop, Mobile & Web Applications

GitHub Desktop – Mac & Win – Free

github-desktop

GitHub Desktop is a seamless way to contribute to projects on GitHub and GitHub Enterprise.

Framer – Mac App – $99

framer

Framer Studio is a prototyping app for Mac, based on Framer.js. Framer Studio includes an editor based on CoffeeScript, instant visual feedback and much more.

Paper – iOS App – Free

Paper

When inspiration happens, put it on Paper. Paper is the best way to capture and connect your notes, photos, and sketches. Create checklists, spotlight details in photos, and sketch diagrams with unbeatable speed and ease — Paper is like a wall of sticky notes for everything that inspires you.

MailDrop – Web App – Free

maildrop

MailDrop is a free throwaway e-mail address. It’s temporary. It’s transient. It’s disposable. It’s meant for those times when you don’t want to give out your real address. Just give someone any e-mail address in the maildrop.cc domain, come back here, put in the e-mail address, and you can see that inbox.

Symu – Web App – Free

symu-co

Symu is an easy to use tool for web designers. With the help of our system you can present your projects in a browser for free. It is all very easy, simply Drag and drop your project anywhere Symu will prepare a mockup of your website for you and then you can add a comment anywhere on a project. This is a fast and easy way to gather input and proposed changes from your client. Click anywhere on a project and leave your thoughts.

HTML Block – Photoshop Extension CC

html-block

HTML Block is a Photoshop extension that allows you to place any kind of HTM/CSS right into your Photoshop document.

HoverCards – Chrome Extension

Hover-Cards

HoverCards is a chrome extension that lets you preview social links from youtube, twitter, reddit, soundcloud, imgur, & instagram. So next time your friend sends a video you’re too lazy to click, just hover for cards. HoverCards is a browser extension that gives you more context to links when you hover over them. It’s similar to how PH shows a preview of people when you hover over their images.

GMass – Chrome Extension – Free

gmass

GMass is a beautiful mass email system for Gmail (and it’s free), you can send email campaigns to your existing Gmail contacts. Personalize based on name and email address. Schedule mass emails to be sent later. Track opens. Create instant recipient lists based on search results. And the killer feature – emails can be sent as replies to the last conversation you had with each recipient.

CSS, HTML, Frameworks & Prototyping

HTML Color Codes

html-color-codes

HTML Color Codes allows you to get HTML color codes, whether it’s Hex color codes, RGB and HSL values with color picker, color chart and HTML color names. Let’s go!

Lightning Design System

Lightning-Design-System

Lightning Design System helps you create the world’s best enterprise app experiences. With the Design System you can build custom applications with a look and feel that is consistent with Salesforce core features — without reverse engineering our styles! Simply download our platform-agnostic CSS framework and get started today.

Flatmarket

flatmarket

Flatmarket is a free, open source e-commerce platform for static websites. Its simple architecture makes it extremely reliable, secure, and inexpensive to operate. View the source on GitHub.The platform uses Stripe for payment processing and is built on the latest web technologies like hapi, React, and Webpack.

Flarum

flarum

Flarum is the next-generation forum software that makes online discussion fun. It’s simple, fast, and free, it packed full of innovation, all wrapped up in a beautiful design. This isn’t just a nice skin. It’s forum software reimagined.

Xpos.it

xpos-it

xpos.it is a cutting-edge open-source CMS that uses a real-time visual environment instead of writing code, opening endless possibilities for web designers while not compromising on content management. Goodbye messy templates, design now defines the process.

Telepat

telepat

Telepat is an open-source backend stack, designed to deliver information and information updates in real-time to clients, while allowing for flexible deployment and simple scaling. Telepat empowers modern apps for the real-time age.

Classic Web APIs deliver on-demand, static information snapshots to clients. Data soon gets outdated, and cannot be synced between multiple clients. Instead of working with data snapshots that get stale, Telepat pushes all new information from the central node to all subscribed devices, instantly.

Javvy

javvy

With Javvy and its 150+ bite-sized, interactive tutorials, getting started with programming has never been so easy and so much fun. Javvy is the easiest and most entertaining way to make your first steps in programming. Javvy picks you up at the very beginning and allows you to learn at your own pace. With bite-sized tutorials, no break or subway ride is too short for a little coding. Javvy has a ready tongue and is packed with jokes and references to popular culture.

Rucksack

rucksack

Rucksack makes CSS development fun again, with features the language should have come with out of the box. It’s built on PostCSS, it’s modular, it doesn’t add any bloat, and it’s lightning fast.

WordPress Frameworks, Plugins & Themes

Bedrock – Boilerplate/Framework – Free

bedrock

Bedrock is the best way to start a WordPress project. It provides you with a project boilerplate that helps you get started with modern development tools, easier configuration, and an improved folder structure.

WooCustomers – Free Plugin

woocustomers

Woocommerce Customer Profiles See all your customers both registered and guest inside of woocommerce, no more messy user profiles. Easily search for a customer by name or email and see all their details, order history, lifetime value. This plugin is an add-on to woocommerce and there for requires you to have the woocommerce plugin installed.

WP MyBackup – Free Plugin

Wp-MyBackup

WP MyBackup is a plugin that enables blog authors and system administrators to backup their blog and/or system files with ease. It allows you to create a full, differential or incremental backups of both files and your MySQL databases. Furthermore it secures the backup by uploading it to the local disk, Ftp(s), Scp, SFtp, Dropbox, Google Drive, Webdav or sent via SMTP within a single/multiple e-mail messages as attachments.

OnePager – Free Plugin

Onepager

OnePager is a Modern, Powerful & Easy onepage Builder For WordPress. OnePager allow you to quickly edit everything on the fly. No overwhelming options and everything happens on frontend even your grandma build her website in peace.

Face Age – Premium Plugin $15

Face-Age

Face Age is a WordPress plugin that can transform your website into a ‘viral’ sensation as Face Age allows visitors to upload a picture or select one from the internet and then it will angyse their age, gender and race simply and quickly.

Cost Calculator – Premium Plugin $20

cost-calculator

Cost Calculator is a clean, simple quote / project price / estimation plugin which allows you to easily create quote or price estimation forms for your WordPress site. Quote and price estimation forms give your client idea of the cost calculation your service or product is based on.

Verifile – Premium Plugin $16

Verifile

Verifile is the all in one security solution for database driven websites! It’s simple to use, and notifies you as soon as it detects either a new file, or a change in an existing one via email. Verifile implements an “install and forget” model, meaning it will run completely in the background without requiring any work from you!Simply put, this script will ensure your website is doing exactly what you want it to be doing, nothing more or less! In this day and age of rampant cyber crime, it doesn’t make sense not to use Verifile.

Cannyon – Free Theme

cannyon

Cannyon is an elegant, modern and beautiful free WordPress theme built with HTML5 and CSS3. The clean, modern design can be used for any type of website: business, corporate, portfolio, products, etc. Theme comes with nice design concept and responsive layout. This theme is suitable for all type of devices. Responsive design is based on twitter bootstrap framework. Theme is developed by myThem.es. We carefully handcrafted this theme with a strong focus on typography, usability and overall user-experience. It’s very quick to setup and easy to customize. It also comes with free support, we care about your site as much as you do and will do what it takes to help in any way possible.

Jax Lite – Free Theme

jax-lite

Keeping its design to only the essentials, Jax Lite is a creative WordPress theme that has everything you will need to create the most eye-catching WordPress websites with a contemporary minimalist flair, with a masonry layout to create the most stunning photo showcases.

Aspact – Premium Theme $59

Aspact

Aspact is ultra responsive, retina ready, and built on Twitter Bootstrap framework. It features a clean, modern and interesting design, packed with the super powerful TouchSize Layout Builder which offers unlimited possibilities and options. This theme Page Builder is at the core of this theme, giving you full control over your website and lets you create sites that suits your needs. The builder incorporates some incredible features making it one of the most versatile themes on the market . If you’re looking for a theme that will offer you the possibility to create any website – Aspact is the one.

Peace – Premium Theme $49

peace

Peace is an insurance agency WordPress Theme designed for insurance company, individual agent, small insurance company or other companies with insurance & financial related services.Peace is modern, clean & professional layout makes sure your insurance agency builds trust.

Peace template has a lot of features like Slider, insurance product gallery. Find an agent, claim center, Agent, Single Investor, Financial report, Annual meeting Reopen – Download, Career, Wizard form, call to Actions, How it works & many short codes.

Poison – Premium Theme $49

poison

Poison is a professional and easy-to-use One-Page / Multi-Page Styled Music WordPress theme. A theme dedicated to music lovers, music bands, musicians, DJs, producers, film makers, labels or organizers of events and festivals. Perfect for the entertainment industry.With Poison you can display your tour dates, discography, videos, images and sell your band merchandise. The theme is to rock, share and deliver the latest information from the music world.

Design Pieces – Icons, UI’s & Typography

Stoked – Free Font

stoked

Hack – Free Font

hack

Madyson Typeface – Free

Madyson-Typeface

New Mexico – Free Font

New-Mexico-Font

Phobos UI Kit – Free iOS Screens for Sketch

Phobos-UI-Kit-Free-iOS-Screens-for-Sketch

Material Design Hand Gestures – Free

Free-Set-of-Material-Design-Hand-Gestures

Social Network Icons – Free

Free-Social-Network-Icons

50 Free Flat Icons (Sketch & Illustrator) – Free

50-Free-Flat-Icons-(Sketch-&-Illustrator)

iPhone 6S Plus Free Vector PSD + Ai Template

iPhone-6S-Plus-Free-Vector-PSD-+-Ai-Template

YouTube Channel 2015 Free PSD

Youtube-channel-2015-Free-PSD

Brand new Apple iPad Pro Mockup PSD

Apple-iPad-Pro-Mockup-Free

Share

New HandPicked Goodies for Designers & Developers for September 2015