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

It’s once time again to extends my earlier post of the 50 Handpicked Goodies for designers and develop for June 2014, like i said before this is an extension from my earlier post as I didn’t want to bury you with a huge list of great resources, so basically down below you will find some greatness such as JavaScript tools, jQuery plugins, Apps for your Desktop, Web, Mobile devices and I’ve included a tool that helps with testing development sites, web page builder, css3 animations to some great Plugins & Themes for WordPress and lastly some fonts, icons & UI kits that needs your attention to.

JavaScript & jQuery Plugins

jQuery fontIconPicker


jQuery fontIconPicker is a small  jQuery plugin which allows you to include an elegant icon picker with categories, search and pagination inside your administration forms. The list of icons can be loaded manually using a SELECT field, an Array or Object of icons or directly from a Fontello config.json or IcoMoon selection.json file.

You simply just include a copy of jQuery, the fontIconPickers script, the fontIconPickers theme and your Font Icons. Now you can trigger it on a SELECT or INPUT[type=”text”] element. jQuery iconPicker has been successfully tested on: Firefox (edge), Safari (edge), Chrome (edge), IE8+ and Opera (edge).



Boba.js is a small, easily extensible JavaScript library that makes working with Google Analytics easier. It supports the old ga.js library as well as the new analytics.js library. It has one out of the box function, trackLinks, and makes tracking everything else child’s play all you really need to add is jQuery.



ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It’s easy to set up and not a single line of javascript is required.



Odyssey.js is an open-source tool that allows you to combine maps, narratives, and other multimedia into a beautiful story. Creating new stories is simple, requiring nothing more than a modern web-browser and an idea. You enhance the narrative and multimedia of your stories using Actions that will let you tell your story in an exciting new way. You can use Odyssey’s templates to control the overall look and feel of your story in beautifully designed layouts and experts of Odyssey can also add custom Templates and Actions (e.g. map movements, video and sound control, or the display or new content). The library is open source and freely available to use in your projects.



sysend.js is small library that allow to send message between pages that are open in the same browser. They need to be in same domain. The library don’t use any dependencies and use HTML5 LocalStorage API. You can send any object that can be serialized to JSON or just send empty notification.

Desktop, Mobile & Web Applications

Fenix – Desktop App – Free


Fenix is a simple static desktop web server for developers. as you can work on multiple sites simultaneously and serve any number of HTTP projects side by side with Fenix. With Fenix you can view JSON, XML, and other webhook payloads with the request browser.  You can create, stop, start, and share Fenix servers from the command line with the free Node.js console app. Now you can turn your desktop into a public web server by sharing a link. Let collaborators/reviewers “touch and feel” the site.

Launch Center Pro – iOS App – $4.99


Launch actions, not just apps. The Launch Center Pro app is like speed dial for everyday tasks as it saves you time by launching complex actions in a single tap.

Stache – Mac OSX 10.9 & iOS App – $6.99(Mac) & $1.99(iOS)


Stache makes it quick and easy to collect and re-discover pages you find useful, interesting or inspiring, in a beautiful, visual and fully searchable library. Browser bookmarks can quickly become endless lists of un-organised messy page titles and hard to browse that also take time to organise as it can make it difficult to find the page you’re looking for. Stache makes bookmarking smarter with visual bookmarks and complete content search.

Sherly – Web App – Free

sherly is a private cloud solution that been designed for security conscious businesses that are looking to take back control of their sensitive data. Sherly will stop valuable information from leaving your organisation and help control access to data with a security focused solution that offers robust reporting, simple access management controls, and easy to use auditing tools.

Minimal Reader – Web App – Starter $Free or Premium $36 per year


Minimal Reader (MnmlRdr) is an RSS feed reader that is fast, lightweight, and beautifully simple, the goal is to minimize distraction and make content easy for you to read. By removing distracting elements from the reader, Minimal Reader help you focus on what matters most–the content.

Shortcut Mapper – Web App – Free


ShortcutMapper is a visual shortcuts explorer with support for multiple applications at the time of this post it currently only supported apps are  Lightroom,  Photoshop, Autodesk 3dsMax, Autodesk Maya, Blender & Sublime Text including versions, operating systems and different keyboard layouts but applications can be added by contributing via GitHub.

Placeit – Web App – Free


You know that it’s always better in context, as PlaceIt is an easy drag and drop your mockup screenshots into realistic mobile and desktop environments so you can tell the story behind your app in seconds.

Dayboard – Chrome Extension – Free


Dayboard is a to do list that focuses on just 5 items each day. Start your day by writing down the most important tasks you want to accomplish. Every time you open a new tab, you’ll be reminded of your todos to help you stay focused on the task at hand.

CSS, HTML, Frameworks, Responsive & Other Great Stuff



Finch is a tool that helps web designers and developers test their development sites on multiple devices without the need for lengthy deployments or public staging servers. Simply install the app and finch forward to quickly create a temporary public URL for your local project, secured with SSL.



Headstart is an easy to use automated front-end setup that gets you up and running in seconds. As it uses a folder structure and takes care of all the dependencies you’ll need, and even includes optimisations for all sorts of things, like SVG images and hinting.

Weblox Builder


Weblox is an easy-to-use webpage template builder. By using Weblox it will generate a fully responsive webpage based on Bootstrap.



Animations is versatile CSS3 animation pack with over 65 animations for various usages. Trigger CSS3 animations as elements enter the viewport, as you hover with a mouse or by binding them via JavaScript functions/event listeners.

Tumblr Boilerplate


The tumblr boiler plate theme is a theme created for tumblr designers and developers to use as a basis to each new project they create, the theme is simple, optimised for speed, and based on HTML5. No frills all skills!

Outdated Browser


Outdated Browser is a time saving tool for developers as it detects outdated browsers and advises users to upgrade to a new version.

Sketch Toolbox


Sketch is a very basic prototype of a package manager for



Supervisor is a client/server system that allows its users to monitor and control a number of processes on UNIX-like operating systems, it shares some of the same goals of programs like launchd, daemontools, and runit. Unlike some of these programs, it is not meant to be run as a substitute for init as “process id 1”. Instead it is meant to be used to control processes related to a project or a customer, and is meant to start like any other program at boot time.

Supervisor has been tested and is known to run on Linux (Ubuntu), Mac OS X (10.4, 10.5, 10.6), and Solaris (10 for Intel) and FreeBSD 6.1. It will likely work fine on most UNIX systems. Supervisor will not run at all under any version of Windows. Supervisor is known to work with Python 2.4 or later but will not work under any version of Python 3.



With Devcast you can discover quality handpicked screencasts to watch so you can become a better developer.

Git Banner


Gitbanner is a small tool that generates a Git repo to allow you to show a personalized banner on your Github profile.

The Guide to Wireframing – eBook


The Guide to Wireframing is a free ebook that is a complete companion to wireframing, guiding you through theory and practice of creating winning designs across every stage in the product development process – from concept to launch.

WordPress Plugins & Themes

Verify Ownership – Free Plugin


Verify Ownership is a lightweight plugin that allows you to easily add your meta tag verification codes to your site. It also adds statistics scripts (e.g. Google Analytics) to the footer of your site.

Aspose PDF Importer – Free Plugin


Aspose PDF Importer Plugin for WordPress that allows developers to get/read contents of PDF document without requiring any other software such as Adobe Acrobat or PDF reader. This module demonstrates the powerful import feature provided by Aspose.Pdf . It adds a simple button above Editor in WordPress and asks for the PDF file to be imported into the editor. Once the Pdf file is provided, users get the document contents displayed on the editor immediately.

FakerPress – Free Plugin


FakerPress is a clean way to generate fake data to your WordPress installation as this plugin is great for developers who need testing as whenever you create a new Theme or Plugin you will always need to create custom data to test whether your plugin is working or not so why not use this plugin so you don’t need to think of custom data.


With this Visual Assistant Creator you can easily creat your own flat and responsive visual assistants on your WordPress site . The helper aka a assistant is a sequence of text, tooltips and dialog windows that guide the user, even through the different pages of the site.It can be launched automatically upon arrival on a page (once or every time), or when the user clicks on a specific element.Each step can be configured with many parameters (eg : ask the user to click a link).


WooCommerce ElasticSearch plugin replaces default WordPress search with ElasticSearch and WooCommerce Layered Nav and Layered Nav Filters widgets with appropriate widgets. The plugin reduces the load on your MySQL server by avoiding facets calculation and search on database.


Document Importer by Plugmatter is the simplest and quickest way to import your docx documents into WordPress editor without losing the formatting. The plugin uses advance technology to ensure that formatting of your content doesn’t get affected. In short, you longer have to format your content after you copy+paste your content in WP Editor.


Superfly is a premium WordPress plugin that generates trendy responsive side menu for your site. Superfly makes navigation much easier and more unobtrusive. Concept of off-canvas side menu that proved itself on mobiles now shines on desktops too! Mouseover interface removes necessity of extra click and reveals menu with easy move and beautiful presentation. Under the hood, only industry’s best practices are used for animations and smooth performance both on desktops and mobiles.

Water Lily – Free Theme


Water Lily is a minimal two column responsive theme designed to showcase artwork and photography that use Masonry. It’s simple for new users to set up and looks best with large images and a minimal sidebar. Once installed and activated you can customize the site by changing the background colour and upload your logo. Developers can easily extend the code in a child theme.

Booster – Free Theme


Booster is a clean minimal and responsive WordPress theme well suited for small businesses like Plumbing, Carpentry, Hair Salons , Individual Consultants and any other creative websites and blogs. It’s got developed using Bootstrap 3 that makes it mobile and tablets friendly. Booster incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly.It has loads of Theme Options to manage home page content, Social media pages etc.

Editor – Free Theme


Editor puts bold and beautiful publishing right at your fingertips with comfortable, legible typography and large featured images. Using Featured Posts, you can display your favorite articles or editorials in the sidebar for even more exposure. Please open the readme.txt file to learn how to use Editor.


GoodDay is a WordPress Theme is amazing that comes with an unlimited design solutions can be created due to a great flexibility of settings and shortcode options with the included 99+ Custom Shortcodes that you can add through a Visual Content composer with drag’n’drop function. You can set a completely custom layout that stretches to any width, set your content in many columns and assign animation many parts of your content.

The GoodDay theme has a portfolio that can be set to any sort of a grid or a Masonry puzzle with variable paddings for elements, while Blog can have several different layouts too. Custom Profiles and Projects post types offer an optimal way to present your content, while it comes with valid code, SEO-optimised structure and microformats guarantee this content is easily crawled and indexed by search engines, GoodDay also comes with a Custom Mega Menu plugin, a really functional Form Builder and premium Revolution and Layer Slider plugins included for free. Multi-language, RTL-ready, plugin-compatible and professionally-supported theme.


Winter is a colourful and responsive single page WordPress theme, as this is simply a one page layout and clean type template with great typography. This theme contains the latest features to give your site a trendy look. Winter has been made fully responsive with bootstrap 3. It was made with great effort to give a great user experience to Winter with HTML5, CSS3, LESS. The Layout builder is easy to customise and enables you to create lots of positions for features and plugins.

The theme also been integrated with shortcodes as this might help you to reduce your time in typing codes. Google fonts and hundreds of icons can be added dynamically and by using shortcodes. Winter is utilize for business, portfolio, corporate and website.


Right is a multi-purpose premium WordPress theme that comes with a Multi pages layout and clean type template with great typography. The theme has been made fully responsive with bootstrap 3 to give the user a better experience to Right as the theme has been coded with HTML5, CSS3 and LESS. The layout builder is easy to customise and enables you to create lots of positions for features and plugins.


DialyMagazine is unique, clean and modern theme for news, blogs and review sites. It is totally responsive so it adapts to any device it is viewed on. It is loaded with great features like html5, css3 effects. You get mega menu which is fixed and has two different styles, light and dark. You can set fixed or wide page, with background image or solid colour. You can embed video or audio files.

Design Pieces – Icons, UI’s & Typography

Choplin – Free Font


Please note that the free font comes with the basic uppercase, basic lowercase, ligatures,basic numerals and punctuation if you want to buy the full version you can but it will cost $35 for an limited time (until the 26th July 2014)

Neythal – Free Font


Marianina Extended FY – Fonts from $50


Sanelma – Font $35


Emblema – Fonts from $29.50


10 Free Subtle Grunge Brushes


Stack – Best Mac OSX Yosemite UI PSD


Modern UI Kit


Free Clean UI Kit


Themify Icons


Music Purchase Icons


120 Free Retina Icons


60 Social Media Icons Set – Free PSD



51 More HandPicked Goodies for Designers & Developers for June 2014