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

As web designers, web developers and 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 is a quick look at some the recently created resources that really deserve your attention — everything from some great JavaScript tools, jQuery plugins, Apps for your Desktop, Web & Mobile devices especially for those who loves dribbble and got some design software like adobe indesign I got a special plugin, and include for you I’ve found some awesome items in CSS, one great new CMS from dev7 (the people behind NivoSlider), some excellence web resources. For those WordPress lovers I’ve also includes some themes and plugins and last but not least I’ve added some design files such as icons and fonts that i hope you will find interesting..

JavaScript & jQuery Plugins



Mason was created to fix the problem that you find with most grid system currently available… Gaps. When you use Masonry, Isotope or any of the other type of grid plugins out on the market, sometimes the grid will contain gaps or ragged edges. Mason created to fix and fill those gaps.



Flippant.js is a small javascript & css library for flipping animation. It likes pinterest modals, but it can also make for any DOM in the HTML. Flippant.js is a standalone javascript library in vanilla javascript with 0 dependencies for using it.



cujoJS is an architectural toolkit for building highly modular, maintainable web applications that are easy to test and refactor, with zero framework lock-in.



Progression.js is a easy implemented jQuery plugin that shows tips within an active form field and that also displays the progress (how much of the form is filled). It uses the data attributes for storing the tips and has quite a few options for customising the tooltip . This plugin is excellence for those who has any type of form but especially the ones that a huge form that takes many page scrolls to be done.



Turn any set of <a> or <button> elements into tabs by wrapping them in a <div> with the .tabs class. Assign each tab a data-target whose value matches the ID of the tab content. Wrap all tab content <div> elements for a particular tab set in <div> with the .tabs-content class.


initmap js

initmap.js allows you to embed Google Maps in a nice, quick, and easy way. The plugin gets rid of the boilerplate code to embed a Google Map. With this plugin its also gives you the flexibility you need to do more complex things.


tabulous js

Tabulous.js can be used with any contents you choose in the tabs and it couldn’t be more simpler to use.



React is a JavaScript library for building great user interfaces. It uses a declarative paradigm for easier reasoning, computes the minimal number of changes necessary to keep your DOM up to date, React will work with the libraries and frameworks you’re already using.

Desktop, Mobile & Web Apps

NoteSuite – Mac App – $4.99


NoteSuite lets you stay on top of everything that’s important in one organized place. NoteSuite combines world-class note-taking, to-do management, web-page clipping, and document organizing in one app. NoteSuite can syncs with the iPad, so everything you do on one device can be available on the other. NoteSuite works anywhere, including offline. With no subscriptions, extra fees or Wi-Fi hunting required. All your data is stored on your devices, so it’s safe, private, and always available — today, and in the future.

Milk – Mac App – $9.99


Milk is a Tumblr Client for the Mac. Everything you love about Tumblr, from the comfort of your desktop from allowing the people who have multiple blogs on separate accounts you can switch between them with a click, and for those instance when you don’t have any internet connection milk will still allow you to create and save posts on your mac then you either can post,queue or even draft them when you’re are back online.

You don’t have to worry about updating Milk as it continually checks for the lastest update in the background this app is available for OS X 10.7+.

Brightpod – Web App – Professional ($19/Month), Studio ($49/Month), Agency ($129/Month), Agency Plus ($399/Month)


Brightpod is the easiest project collaboration software that your marketing team will use to feel calm, focused and in control. – Web App – Free


Blookist is a new and innovative blogging & publishing platform that has just emerged into existence. Blookist aims to change our approach to blogging by shifting the focus from the creator to the content and introducing a new way of collecting and publishing your content online – with “blooks”.

Ginger – Free, Small($19/Month), Medium($49/Month), Large($119/Month)


Ginger is a useful collaboration tool which can help users work with their teams, discuss projects, comment on the progress and that includes much more.

Roon – Web App – Free


Roon is a blogging platform which will look beautiful on all devices and every screen size. You get all of this without the need to write or customize any code and for people who want this app on either your Mac or iOS device these are coming very soon.

Clipping Magic – Web App – Free

clipping magic

With Clipping Magic you can easily remove the background from any of your photos to create masks,cutouts or clipping paths all done instantly online

Serial+ – iOS App – $2.99


Serial+ is an iOS app that helps you organize the warranties that come with everyday purchases. Most of the things we purchase these days come with a warranty, however we often forget to save this important information. Serial+ is here to help. Buy an item, open Serial+ and add it to your list. Quick, easy and how it should be. Serial+ can also help inventory your items for insurance purposes.

Elevatr – iOS App – Free


A beautifully-designed app designed to collect your business ideas.

PDF Max Pro – iOS App – $9.99

PDF Max Pro

PDF Max Pro was designed for those people who’re looking for a full-featured PDF annotating, form-filling & note-taking app. PDF Max provides all features you need for an everyday PDF & note-taking app in one place so that you do not need to spend extra money for other apps

Bounce – Software App – Free


Bounce is a free plugin that integrates and connects the Dribbble design community into the design applications you love to build with everyday. By keeping up with the game has never been easier as it’s now possible to check out the latest popular shots, keep track of your activitly feed and dish out the likes all without leaving the app your currently designing in. Bounce supports Photoshop, Illustrator, In Design and Fireworks.

CSS, HTML, Frameworks & Other Great Resources

CSS Buttons – Built with Sass & Compass


Buttons is A fully customizable CSS button library built using Sass & Compass, created by Alex Wolfe. Buttons.css is built by Sass and Compass. It contains a set of varibles that allow you to config and build your own.

CSS Modal


CSS Modal is built out of pure CSS. It is optimized for mobile and built using accessibility in mind.



Cinderblock is a stripped down HTML and CSS boilerplate for starting any project. It includes CSS and JavaScript starting points, but is incredibly flexible so it will fit your needs.



Gridism is a simple responsive grid that’s easy to use. on screens that are smaller than 568px wide the grid units will display stacked, while on larger screens grids can have a maximum width of either 978px or 1140px.

HTML Inspector


HTML Inspector is a highly-customizable, code quality tool to help you (and your team) write better markup. It aims to find a balance between the uncompromisingly strict W3C validator and having absolutely no rules at all (the unfortunate reality for most of us).



Aristochart is a small but highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.

Pico – CMS


Pico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create .md files in the “content” folder and that becomes a behind the scenes.

Screen Sizes

screen sizes is a nifty little database of screen specifications for the most popular devices on the market.



Cardinal is a small, “mobile first” CSS framework with some useful default styles, scalable typography, reusable modules, and a simple responsive grid system.



Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.



Hitch is a small (5.5k gzipped) JavaScript prollyfill engine which provides an extension model for CSS and HTML. Including Hitch in your pages will lets you import and use features like CSS selectors that have only been proposed or HTML widgetry based on an earlier Web Components proposal (simple microformats which provide an easy uplift to real native when you decide to do so). With Hitch, it is up to you the author of the page/stylesheet to determine which features you need, not the user’s particular browser.



Cikonss are created in order to be pure CSS, responsive and cross-browser usable. By “cross-browser” I mean IE8 as well. This means that CSS2 is in use which leads to limited shapes (and icons) available.



Girder is a minimalistic grid for building awesome websites with sass targeting the modern browser. It uses silent classes (placeholders) to structure content in HTML and keeps your Markup free of excess presentational classes like “unit_1of4”, “small-2”, “grid4”.



Codifferous helps you review code faster and more effectively. It tracks how much you’ve reviewed within the source code, and even lets you mark whether each line is accepted or rejected.



Stocksy is a stock photo service that offers high quality and royalty-free photos that are unlike most stock photos and exclusive to Stocksy and with photos that starting at only just $10.



Twittstrap is a responsive web template built with twitter bootstrap font awesome and windows metro buttons, using LESS CSS and while being managed through github

WordPress Plugins & Themes

Portal – Free Theme


At its core, Portal is a minimal blog theme, but it’ll work perfectly as photography and portfolio theme. It integrates with our Page Builder plugin, so you can use it to build anything from a single landing page to a full business website. We built Portal with speed in mind. It ships with fully optimized Javascript and image spritemaps – drastically cutting load times.

Current – Free Theme


Current is just about as flat as they come. It’s particularly well suited to designers and developers with its home page banner that can display your work on verity of flat devices. Current has full Page Builder integration. You can use this to build home and sub pages for your just about any type of site. Be it business, portfolio or just a simple marketing squeeze page.

Xin – Free Theme


XIN is a Mobile First theme based on Foundation 4 Framework. XIN is the moment before sunrise in Chinese. It features a touch-friendly Home Page template and responsive sidebars. XIN supports 2 menu positions, 15 widget area, 7 Page Templates, 3 color scheme and 2 highly customizable widgets. XIN has many easy to use theme options and build-in Google Fonts support. This is the second theme from the author of the popular Voyage theme. Free and professional support at

AndroCaptcha – Free Plugin


AndroCaptcha is a plugin that makes your admin page secure and it does it with style. It uses a captcha like an android lock screen where you have to match the pattern from an image.

New Google Plus Badge Widget – Free Plugin

New Google Plus Badge Widget

This plugin allows you to quickly and easily add the new Google Plus badge widget to your blog running WordPress.

Red Button – Free Plugin

Red Button

Adds css for a red button that matches the default blue button of WordPress 3.5.

WP FrontEnd Form

WP FrontEnd Form (WPF) is a WordPress Plugin, use to create a posting form at Front-End with shortcode support. WPF support unlimit Custom Post Types (CPT) , unlimited Taxonomies, unlimited meta fields and multiple input fields with different multiple purpose


InfinityFusion is a fully responsive and retina display ready (and even higher!) set of admin themes to accompany your front end WordPress theme, giving your users or clients a completely rounded and premium experience: This is a great way to impress all who view your work and make you and your website stand out from the crowd.

WP Store Frontend

Are you running e-shop with good traffic and want to increase more traffic, income and product then this plugin is best for you it help you to do so. this plugin support best WordPress eCommerce plugin WooCommerce, WP e-commerce, MarketPress just install activate and add your shortcode for start.


Hero is a WordPress Plugin that shows your portfolio in an interactive way. You can display portfolio as three, two and one column. Additionally you can also display portfolio by category. Hero also supports single page, multiple images or video for each portfolio item.
– Premium Plugin – $

WP URL Shortener

WP URL Shortener is plugin that allow you to shrink long URL to short URL with your own website domain. (e.g. This plugin will placed on wordpress meta box, under post editor.


WPLocation is a very easy-to-use plugin that allows location data to be attributed to posts and pages, which is then displayed through the use of Google Maps, to show either where in the world the article/post is refering to, or where it itself was written. This is very useful for websites which talk frequently about current affairs, and want to give a slightly deeper level of context with minimal effort.

Wordpress Social Invitations

Allow your visitors to invite friends of their social networks such as Facebook,Twitter, Linkedin, Google, Yahoo, Hotmail, Foursquare and more directly into your WordPress site. This plugin works perfectly with Buddypress and also hooks into Invite Anyone Plugin.


Orquidea Responsive WordPress Theme – is a wordpress theme for everybody. By our theme you can create an awesome website in less then 30 minutes. Choose Orquidea theme – and our support will help you to setting the theme. Our theme is universal, you can use it for a beauty salon, or for a fashion agency or as a photography theme.

Orquidea Theme have a lot of custom template, such as about pages, contacts, team, services, single service etc… You can enable or disable sidebars on pages or on the blog. The theme have an awesome gallery. Choosing Orquidea theme, you choose your future and your success!

Forest – Premium Theme – $40


Forest is a bold portfolio WordPress theme, created with flat design and solid coding practice. Clean, sharp and customizable design that is ideal for creative teams and individuals. Responsive from head to footer and retina display ready, this theme provides a future-proof solution for your next big thing.

Arto – Premium Theme – $45


ARTO is a beautiful Flat and Responsive WordPress theme with a clean design that fits perfectly for your upcoming project. ARTO is simple to use with an Advance Theme Option Panel and a lot of cool features that make this theme suitable to be a portfolio, business, corporate or landing website. Just be creative!

Clipboard – Premium Theme – $35


Clipboard is an awesome tumblog style WordPress theme that comes chock full of style and customisation options. If you’re looking to get started with microblogging then Clipboard is the way to go!

Superstore – Premium Theme – $55


Superstore is a hugely scalable WooCommerce theme designed to cater for lots of products. With infinite scroll on shop pages site visitors can view your entire shop catalog on one page, or easily drill down to category specific listings. With an optional business focused landing page, a responsive layout, and slick CSS animations and styling it’s super lightweight, whilst completely versatile.

WP Pro Real Estate – Premium Theme – $50

WP Pro Real Estate

WP Pro Real Estate 5 is one of the most powerful real estate themes purpose built to showcase your listings, loaded with features & beautifully designed! WP Pro Real Estate 5 is fully responsive so no matter what device your users are on it always looks SHARP!

WP Pro Real Estate 5 can be used for anything from real estate to vacation rentals to automotive sales. Don’t be fooled by others promising clean code and easy customization, I’ve coded this theme from the ground up with customization and ease of use in mind.

Design Pieces – Icons, UI’s & Typography

Micro – A Grid based wireframe PSD Template


Mini Mail Application (PSD)


Flat icons – EPS

Flat icons eps

Icon Set Grid and Guides

Icon Set Grid and Guides

iOS 7 icons – Vectors

Free iOS 7 icons in vector

Web & App UI Kit

Web & App UI Kit

Core Circus $5-$140

Core Circus

Niveau Grotesk $40-$249

Niveau Grotesk

Potomac – $15



50+ New Handpicked Goodies For Web Developers & Designers For July 2013