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, Prototyping, mobile development and including some frameworks. And as always, I’ve also got some WordPress themes and plugins including some fonts, UI kits, icons etc

JavaScript & jQuery Plugins

ExpandJS

expand-js

ExpandJS is a modular library with 80+ custom elements and 350+ utility functions to kickstart your Web Applications.The elements are built upon Polymer and follow Google’s Material Design guidelines, allowing for beautiful and responsive interfaces.The utility library is an extension of lodash, adding more functions and introducing checks for unexpected arguments.

DynamicJS

dynamics-js

Dynamics.js is a JavaScript library to create physics-based animations. Simply include dynamics.js into your page, and then you can animate CSS properties of any DOM element. You also can animate SVG properties. Dynamics.js has its own setTimeout. The reason is that requestAnimationFrame and setTimeout have different behaviors. And any JavaScript object. It has been tested on Safari 7+, Firefox 35+, Chrome 34+, IE10+.

CanmanJS

caman-js

CamanJS is (ca)nvas (man)ipulation in Javascript. It’s a combination of a simple-to-use interface with advanced and efficient image/canvas editing techniques.CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which continues to grow. It’s completely library independent and works both in NodeJS and the browser.

Justice

justice-js

Justice.js creates an on-page toolbar that displays page timing metrics and includes a streaming FPS graph. It’s a high level performance discovery tool that provides insight into the performance of a webpage.

KinWin

KinWin

KinWin.js is a minimalist JavaScript DOM manipulation library. It’s straightforward and easy to use.

Enhance

enhance-js

Enhance is a port of Zoom.js plugin that is simple jQuery plugin for image zooming – now with support for object-fit/object-position, powered by Velocity.js animations, complete with some pre-defined image cropping classes.

Desktop, Mobile & Web Apps

FontScout – iOS App – Free

fontscout

FontScout is an app for iPad that lets you browse the MyFonts collection based on visual similarity. This app gives you a new way to explore the world of fonts. Use FontScout to find the perfect font for your project and discover unknown gems.

Polarr – iOS App – Free

polarr

Polarr is an advanced, intutivie and versatile photo editior that have the must have efeatures, with this app you can make high level edits with this powerful and elegant tool for those advanced photo enthusiasts.

Type Case – Mac App OS X 10.10+ – $4.99

typecast

TypeCase is a simple Mac utility that helps you preview and compare the fonts saved on your hard drive so you can find the perfect font combinations for your projects.It’s not practical or desirable to install every font you own, so Type case lets you preview fonts without having to install them.

Simply add a folder containing a stack of fonts and Type case will check through all the subfolders, find all your fonts and preview them as a list, a grid or a larger 1-up view so you can find perfect font pairings, or prepare a shortlist to present to your team, you can set custom preview text, adjust size and also change the font colour and once you are happy with a selection you can save the project for reference and even export a PDF of the font specimen to use as a style guide or to send to a client.

Paste – Mac App OS X 10.9 – $2.99

paste-app

Paste is a new way to copy & paste for your Mac. It keeps everything you’ve ever copied and lets you to use your clipboard history anytime you need it.Paste recognizes and stores any type of content: text, links, images, files and generates beautiful previews for easy browsing.Paste works in background and tightly integrates into your system and your workflow. An intuitive user interface and incredible user experience allows you to focus on your essential work and not on the application itself.

Gestimer – Mac App OS X 10.10 – $2.99

Gestimer

Gestimer is a beautiful Mac menu bar app for those little reminders during the day. Simply drag the Gestimer menu bar icon onto the screen to create your reminder.

Mobile Checker – Web App – Free

mobile-checker

The Mobile Checker is a tool for Web developers who want to make their Web page or Web app work better on mobile devices.

Aboardly – Web App – Free/$50pm/$250pm+

aboardly

Aboardly is an email automation that is made simple, you can send emails to your customers triggered by their interactions (or lack thereof) with your business

Facebook Flat – Chrome Extension – Free

Facebook-Flat

This Chrome extension can make your Facebook beautiful, lighter and faster.

Tupiq – Chrome Extension – Free

Tupiq

Keep track of meetings or simply minimise and enjoy the stunning backgrounds.

Snip and Share – Chrome Extension – Free

snipandshare

Snip and Share allows you to share content from any website.

CSS/HTML, CMS, Frameworks & Other Resources

Spot.im

spot-im

Spot.IM is the creator of the first “everywhere” social network, empowering website owners and publishers to turn their websites into a social network driven by their own content. Spot.IM’s technology enables publishers to take back ownership of the conversation going on around their content, freeing them from having to rely on larger, external social networks to provide the social space for community content engagement.

Outline

outline

Outline is a simple CSS starter responsive boilerplate for any new web project, created by Matt Harris. It’s a modular, mobile-first framework which includes todays best practices for responsive design and core components I use on every project. Outline is designed to be a starting point. A solid foundation for your project, leaving the creativity up to you.

Bounce

bounce

Bounce is a script that allows you to publish beautiful banner bars on your site with no coding required. Target bars to users based on where they came from, what page they’re on and whether they’re blocking your ads.You can show a bar to users who have an AdBlocker installed. Ask users to turn off AdBlock or promote alternative ways to support your site. These bars won’t be shown to users who don’t have an active AdBlocker. You can also display different bars based on which site a user was referred from. These bars display your custom message by checking the referrer that visitor came from to help convert users.

Sitecake

sitecake

Sitecake is an easy to use CMS for small websites, this CMS with a WYSIWYG, drag&drop editor. A standard web hosting packet (a web server and PHP 5.4+) is all you need to install and use it. Sitecake reads, modifies and saves changes in regular HTML files. No PHP or template language knowledge required. All changes are saved directly in HTML page, all images in file system and once you finish editing you still have a static website.

Coverr

coverr

Coverr lets you download any video that you want (mp4+webm+image) AND it also gives you code snippets to help you implement them (html,css,javascript). It’s copyright free and always will be.

Inker

inker

Inker is an open source front-end architecture & delivery service that will change how you think about one-to-one emails in your company. Inker takes you from coding to sending, keeping it centralised so that your team stops losing time over emails & can focus on more important things.

Inker keeps your email code clean & gives you the tools to test faster, it comes with free templates for transactional emails (forgot password, receipts, account creation) and Inker uses Zurb Ink to provide you with a superior responsive CSS framework: you get all the goodies + a Sass component oriented structure.

Discourse

discourse

Discourse is the 100% open source discussion platform built for the next decade of the Internet, it works as: a mailing list, a discussion forum and a long-form chat room, so why break conversations into awkward and arbitrary pages, where you have to constantly find the Next Page button? They’ve replaced all that with the power of just-in-time loading. Want to read more, Keep scrolling down.

So when someone quotes your post, they’ll notify you and when someone mentions your @name, they’ll notify you, when someone replies to your post… If you’re not around, they’ll email you, too as Discourse is a simple, flat forum, where replies flow down the page in a line you expand the context at the bottom and top of each post to discover the full conversation without breaking your flow.

Tota11y

tota11y

Tota11y is an accessibility visualization toolkit for seeing how your site performs with assistive technologies. It makes the often tedious and confusing process of testing for accessibility much easier for developers who aren’t used to using the technology themselves.

WordPress Plugins & Themes

Simple Stripe Checkout Manager – Free Plugin

Simple-Stripe-Checkout-Manager

The plugin is an add-on for Simple Stripe Checkout which allows you to view your user transactions within WordPress.Instead of visiting your Stripe dashboard to review your transactions, you can do it from your WordPress admin area.

Product Sales Report for WooCommerce – Free Plugin

Product-Sales-Report-for-WooCommerce

The Product Sales Report plugin generates reports on the quantity and gross sales of individual WooCommerce products sold over a specified date range. Reports can be downloaded in CSV (Comma-Separated Values) format for further analysis in your spreadsheet software, or for import into other software that supports CSV-formatted data files.

Launcher – Free Plugin

launcher

Launcher is the perfect WordPress plugin for anyone launching a new product, website or service. Stun visitors with one of our beautiful, ready-made templates or create your own. Build anticipation with timers, contact forms and other promotional features.

WooCommerce Extra Options – Premium Plugin $16

WooCommerce-Extra-Options

WooCommerce Extra Options plugin is simple to use WooCommerce extension to customize product page by using 14 types input fields. Nice admin panel have bunch of options to customize this plugin. The core feature of this plugin includes: Best file upload with thumb, Image cropping, Aviary editing add-on, Conditional logic, Custom validate messages, Translation ready (PO file included and ) Bulk & Discount price.

FormFiller – Premium Plugin $18

formfiller

FormFiller is universal PDF documents creation system for WordPress that provides to you or to your clients as service to easily create PDF documents like invoices, offers, CV-Resume or any other documents you prepare as template.Integrated management system with extended functionality like custom address book, document saving, settings etc.

Quip Invoices – Premium Plugin $25

quip-invoices

Quip Invoices is a complete invoicing solution built directly into your WordPress website. Create and send invoices, accept payments, store client information and track your sales with Quip Invoices.Built from the ground up to cover all the invoicing needs of a small business, Quip Invoices is easy and intuitive to use, quick to get started and packed full of features.Not only that, but Quip Invoices is backed by the QuipCode support guarantee.

Franz Josef – Free Theme

Franz-Josef

Modern & beautiful responsive theme built on a solid framework that delivers sharp and crisp design on even the highest pixel density devices. Perfect for businesses and individuals alike.

MH Squared Lite – Free Theme

MH-Squared-lite

MH Squared lite is a free responsive magazine WordPress theme that is just waiting for your contents, this magazine theme gives you the ability to create an awesome-looking online magazine or a dynamic news website using a modern and sleek layout that is fully-customisable using the advanced theme customizer and an array of custom widgets. For more features and options you can upgrade to the premium version of MH Squared.

Avocation – Free Theme

avocation

Avocation is a lightweight, clean, super flexible and bootstrap based responsive theme for business or personal websites. Avocation Theme is built on top of Twitter Bootstrap which means that your site can be displayed on every device (pc, laptop, mobile devices, tablets etc) without horizontal scrolling. It has got custom widgets, theme-options etc in order to get it customized as per your need.

Spiral – Premium Theme $58

spiral

Spiral is ideal theme for any agency like creative design agency, web development agency, PR agency, fashion agency, as a theme for startup company or well established company. It would also look great for product or service landing page or product microsite.

With great collection of elements to choose from and present your product it is ideal theme for any startup company.

Spiral is taking advantage of latest technology, big screens, and touch features. All the elements are big, with big margins to make them work on touch and look great across all screen sizes. Clear section structure makes it easy to find and differentiate the elements.

Buffalo – Premium Theme $43

buffalo

Buffalo is modern and creative responsive WordPress Restaurant Theme. It is perfect for any Restaurant, a small Restaurant, Food take away, Drive through, 5* Hotel Restaurant, Street Food, Food Court, Bakery, Pastry Shop, Coffee Shop, Bar, Pub, Tea Stoll, Catering Service any Food business and personal Chef web sites. (Luxury restaurant – American grill – Italian style – Asian food), Theme is designed to comply with these requirements and all the latest trends of web design.

You will enjoy lots of customization Options, you could get to choose from hundreds of Google fonts, add your custom font, edit the colors, choose a full width page layout or boxed layout, Powerful Short code Option, Amazing One-On-One Email Support and Revolution Slider plug-in will help you to make your site colorful within the day. Several options menu navigation this theme is perfect for your Restaurant website.

Merceria – Premium Theme $58

Merceria

Merceria – Responsive WooCommerce Fashion theme is a new WordPress theme for fashion shop. We have included 5 defined layouts for home page to give you best selections in customization. You can mix between all home page layouts to get a different layout for your own website.In this theme, we include some of amazing features like Product Quick View, Product Zoom, Product Sale Countdown and Product Carousel.

When customers browsing products, they can add products to shopping cart quickly & easily with Ajax feature as well as remove products from shopping cart.This theme supports Contact Form 7 and Google Map for your contact page, we can bring to customers a easy way to contact by email. We also have MailPoet plugin to make the newsletter feature for your website.

Design Pieces – Icons & Fonts etc.

Stratus – Fonts from $15

stratus

Aldo Pro – Fonts from $42

Aldo-Pro

Blanc – Fonts from $26

Blanc

Alternate Gothic Pro Antique – Fonts from $35

Alternate-Gothic-Pro-Antique

I Pixel U – Free Font

i-pixel-you

Shumi – Free Font

Shumi

Kozuka Gothic Pro – Free Font

Kozuka-Gothic-Pro

Random Stuff Iconset Vol 2

Random-Stuff-Iconset-Vol-2

Free Vector Flat Shopping Line Icon Set

Free-Vector-Flat-Shopping-Line-Icon-Set

Flat Business Icons

Flat-set-of-business-icons

Illustrator iOS Wireframe Mockup

Illustrator-iOS-Wireframe-Mockup

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month

Share

New HandPicked Goodies for Designers & Developers for July 2015