This article was published 9 years 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, etc and like always I’ve also got some WordPress themes and plugins including some fonts, UI kits, icons etc

JavaScript & jQuery Plugins

TouchPoints

touch-point

TouchPoint.js is a small 3.6kb minified vanilla JavaScript library made for in-browser HTML prototyping (as part of the UX process) that visually shows where the user clicks/taps on-screen using CSS3 transforms and transitions.TouchPoint is highly customizable, mobile ready and great for screencasting, screen recording, user testing and presentations. TouchPoint is customisable.

There are a number of options that you have access to to customize the look for your needs. Performance should not be an issue because each individual TouchPoint element is dynamically created and then automatically removed from the DOM after being used.

FormFiller

FormFiller

FormFiller is a simple Javascript bookmarklet that helps you to stop wasting your time. Stop filling out the same forms over and over again, instead fill it out once and drag the bookmarklet to your bookmarks bar.

Bootbox.js

bootbox

Bootbox.js is a small JavaScript library which allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

SubstituteTeacher.js

substituteteacher

substituteteacher.js is a JavaScript library that lets you substitute sentences for each other, swapping only the words necessary.

html5tooltips.js

html5tooltips

Tooltips, written in pure JavaScript, with smooth 3D animation implemented in CSS. No framework dependencies.

Image Blur Plugin

Image-Blur-Plugin

Image Blur Plugin is a ultra small plugin for Blurring images. This plugin utilises SVG filter to blur the image if SVG is supported by the browser (all except IE), otherwise the plugin creates an IMG tag and applies a special IE-only filter in CSS. If you are using Velocity.js animation library, the plugin will automatically detect its presence and make fade in/fade out animations more performant, especially on mobile. If Velocity is not present on the page, jQuery’s “animate” is used.

Desktop, Mobile & Web Apps

Eve – Mac App – Free

hotkey-eve

EVE helps you to learn shortcuts, in order to increase your productivity with MAC OS X. Every time you execute an action using the mouse, EVE will teach you the matching shortcut.

Nice Clipboard – Mac OS X App – $2.99

Nice-Clipboard

Nice Clipboard is a clipboard history manager that is always waiting for you under menubar icon on your Mac or on your Home Screen on your iPhone. It is synced via iCloud between your Macs and iOS devices and is built using newest Apple technologies to be lightweight and superfast. These features make your clipboard a much more useful tool in your everyday life.

Benjamin – iOS & Android App – Free

benjamin-app

It’s all about the benjamins. benjamin (app) is breathing life into the deal space with deals from your favorite brands in apparel, fitness, and sports. You won’t find these deals anywhere else.  Is there a catch? Of course there is. You have sixty seconds to decide whether to buy or pass.  Download the benjamin app and get your deal fix anywhere and anytime. After all, those extra benjamins should be where they belong: in your pocket.

Status Board 2 – iOS App – Free

Status-Board-2

Status Board lets you easily create a beautiful status display for your company (or yourself!) by just dragging and dropping powerful, customizable panels.

Use Status Boards easy, built-in panels to see data about your life: calendar, tweets, email, weather, news, and more. Or, via in-app purchase (that’s free for Status Board 1.0 owners), access an even richer set of panels that display photos, tables, graph data, and via the DIY/Web panel, display basically anything.

Mobilizer – Web App – Free(1 App) or $12 (Unlimited Apps)

Mobilizer

With Mobilizer you can create a mobile friendly website that looks and acts just a like an app quickly and easily. Automatically redirect mobile visitors to your new mobile site which can be hosted on Mobilzer.me or your own web server. Optionally download your mobile site to convert it to iOS or Android apps using Cordova, PhoneGap, Intel XKD, or Ionic CLI. Guaranteed to pass the Google Mobile Friendly Test.

GameAnalytics – Web App – Free

Game-Analytics

GameAnalytics is a free analytics service created by and for game developers. They have designed event types and the resulting metrics that are specific to gaming concepts so that you know what to track and how to best track it. These include: User acquisition, Player engagement, Monetization, including drivers of first time purchases, Player progression through game content, In-game economies and virtual resources (e.g. gold, lives, XP), Error tracking.

TwLng – Web App – Free

twlng

TwLng is a mobile-optimized micro-blogging platform based on Twitter. Great! So what is TwLng? TwLng lets you post content to Twitter without being constrained to 140 characters.

Imgix Sandbox – Web App – Free

imgix-sandbox

Imgix will resize and process images in real-time with with simple URL commands. Enter an imgix URL in the box or click an example below on the website and the sandbox will break down each image transformation for you as you edit and add new operations.

CSS, HTML, Frameworks & Other Items

Crayon.css

Crayon

Crayon.css is a list of css variables linking color names to hexadecimal values, usable with postCSS or with your favourite CSS preprocessor, being it Stylus, Sass or Less.

CSSPlus

css-plus

CSS Plus wants to provide a simple and fast way to make flexible layout based on flexbox modeling. This awesome css feature lets you specify a flexible container which the children can also be flexible and re-sized automatically when the size of the container changed. It supports Chrome 14, Internet Explorer 10, Firefox 6, Safari 4, Opera 12.10.

Quanity Queries Builder

Quantity-Queries

QQUIA is a tool designed to help build and understand Quantity Queries.

Styleguide

style-guide

Styleguide is a tool to make creating and maintaining styleguides easy. All you need to do is to add the Styleguide to a separate folder in your project. Use it as your CSS and the only thing you just need to import the generated file inside your HTML and you are all set!

This way the Styleguide will be synced with your project…. Isn’t that awesome!?Just copy your project’s CSS and paste it in the Styleguide CSS file. Now you only need to customise the modules to use the proper classes. You can always create/edit any module when you need.

The Styleguide is also a independent project. You can download it and use it in your browser. Then all you need to do is edit it’s CSS and set/customise the modules. When you are finished you can send the files to a server or use the HTML version.

InstantUpdate

instant-update

Instant Update is free Open Source PHP/MySQL Content Management System (CMS) but this CMS is a bit different that your regular old CMS and that because it’s been based on a no template structure as your HTML will be your template.  As HTML elements may have unique ID attribute set, our choice was to use HTML IDs to mark editable regions. This is all done on the fly. That means that Instant Update recognizes all IDs automatically.  All documentation and issues are located at the InstantUpdate website community

Unsplash It

unsplash-it

Unsplash.it is a beautiful placeholders using images from unsplash. Just put your image size (width & height) after Unsplash.it URL and you’ll get a placeholder. You can easily get a random image by appending ?random to the end of the url; Get a blurred image by appending ?blur to the end of the url; Select the cropping gravity by adding ?gravity to the end of the url. You can use the /g/ path to greyscale the image. You can also get a specific image by appending ?image to the end of the url.

Dummy Credit Card Generator

Dummy-Credit-Card-Generator

Dummy Credit Card Generator Generate fake Credit Card numbers for eCommerce testing purposes this does not generate valid credit card numbers. It will pass the Luhn algorithm/formula a.k.a the mod 10 check, but the financial institution will reject it.

Convox

convox

Convox is an open source Platform as a Service that runs in your own Amazon Web Services (AWS) account. Instead of signing up for a multi-tenant PaaS like Heroku, you can have your own. This gives you privacy and control over your platform and avoids the substantial markup on AWS prices that other platforms charge.

Once that’s all set up you can start deploying and managing your apps with Convox, without having to worry about the underlying AWS services.

WordPress Plugins & Themes

PeepSo – Free Plugin

peepso

PeepSo.com is a super-light, free, social network plugin for WordPress that allows you to quickly and effortlessly add a social network or an online community, similar to Facebook right inside your WordPress site. You’ll get an activity stream, profiles, photo and video-sharing, location-sharing, moods, messages and so much more. Social network for WordPress – in one single click!

UNLOQ – Free Plugin

UNLOQ

UNLOQ increases the security of your digital properties through a distributed authentication system that doesn’t require your users to remember any passwords. From now on you can forget about them wherever you see the UNLOQ login box. Just click the UNLOQ button and you’ll receive an authentication request on your phone for you to approve or deny.

tinyWYM Editor – Free Plugin

tinyWYM-Editor

tinyWYM Editor was created to help inexperienced WordPress users create cleaner, more semantic markup, and to avoid some of the pitfalls of WordPress’s standard WYSIWYG editor. It does this by labelling and highlighting all HTML elements in the editor, creating a visual representation of the HTML being generated.

WPBounce – Premium Plugin $19

wp-bounce

WPBounce is a WordPress plugin that helps you minimizing the bounce rate of your landing pages, online shops and other websites by displaying an offer when a potential customer is about to leave your website. That way the plugin can convert almost lost visitors into real customers.

sMapCC – Premium Plugin $14

sMapCC

sMapCC is WordPress Google maps plugin which will insert google map anywhere in your page. It is created for easily pointing location on the map. It can be used for showing map in blogposts (for example to show location of conference), in contact section to show how to reach your business, or for example if you are running real estate site you can show map for every property and route to it. And you can also customize pointer tooltip/info window so you can put price, image and additional short info there.

Lax Background Addon for VC – Premium Plugin $13

LAX-COMPOSER

Lax Composer is a row background effect addon for Visual Composer. It is possible for you to add unlimited layers with different animation . It supplies customers with horizontal layer mouse interactive parallax effect. Easily configured and launchable in just one click.

BLDR – Free Theme

bldr

BLDR is a multipurpose WordPress theme which uses Site Origin’s page builder plugin to help craft your pages with ease and precision. Insert our pre-made home page layout and populate with your own content for a powerful website that is easy to manage. BLDR was created to be a limitless solution to WordPress web designers, it use BLDR to run a powerful, efficient, and beautiful website to fit your needs. There are infinite possibilities for BLDR, so download today and start creating.

Cruzy – Free Theme

cruzy

Cruzy is fresh and modern WordPress Blog Theme, full width with two main columns, one dedicated to the images and one dedicated to content, unlimited colors and 4 post formats. The sidebar is hidden and comes out through special button.

Bizmo – Free Theme

Bizmo

Bizmo is a flat design style with a focus on a more corporate style business layout. Includes custom colors and other features for the Theme Customizer and a language file for translation.

Golmart – Premium Theme $58

golmart

Golmart is a creative WooCommerce Theme that is a multi-shop purpose, sophisticated, clean & professional design, high quality code for best WooCommerce WordPressTheme. It is perfectly suited for any kind of shop websites, e-shops, portfolios, , blogs, marketing or technology websites, photo, services and others. Built with Bootstrap and CSS3 this creative theme is fully responsive design ready for the perfect look on any device. It is touch screen optimized, Easy to customizable, Editable layout, colors, styling, fonts and more.

This theme can be easily modified to your needs and style. You get tons of layout possibilities and unlimited variations. What’s more! With a variety of 8 eye-catchy homepage layouts and awesome woocommerce features such as Visual Composer Elements, Ajax Shopping Cart, Quick View Product, Product Wishlist, Golmart is really an ideal place to choose shopping theme for your online business. Golmart always wants your shop to look amazing and loved in your customers’s hearts.

InHost – Premium Theme $58

inhost

Inhost – a powerful corporate WordPress theme provides you with immense application to any website you are going to create. Covered by sophisticated and clean design and developed with the highest applicability in mind, Inhost is suitable for all kinds of website whether it is about Hosting, Business, Corporate or design agency. It embraces everything needed for a modern website: 100% Responsive and Retina ready, 5 Homepage layouts including One-page option, WHMCS integration, Visual Composer page builder and tons of ready-to-use shortcodes.

WP Industry – Premium Theme $48

wp-industry

WP Industry is a premium business theme developed specifically for industrial, technique, engineering or machinery businesses. Theme is elegant, modern and easy-to-use flexible, modular and responsive layout. Theme includes lots of features like Drag & Drop page builder, unique page builder blocks etc. You will receive a detailed documentation along with additional features like Unlimited color schemes, Google webfonts, custom widgets and page builder blocks etc. Functions are based on solid back-end Redux framework.

Design Pieces – Icons, UI’s & Typography

Someicons – 125 Awesome Free Line/Stroke Icons

some-icons

Sketch Wireframe – Free

sketch-wireframe-free

Snap UI kit – iOS 8 wireframes built for Sketch – Free

Snap-UI-kit

Foxhole Typeface

foxhole

Break – Free Font

break

Zebral – Free Font

zebral

Elppa – Free Font

Elppa

Noyh – Fonts from $55

Noyh

YWFT Poplock – Font from $24.99

ywft-poplock

Frygia – Fonts from $29

frygia

Monsal Gothic – Fonts from $32

Monsal-Gothic

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 August 2015