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 to some awesome items in HTML5, CSS, A/B Testing, mobile development and including some frameworks.

For those WordPress lovers I’ve also includes some themes and plugins and last but not lease i’ve added some design files such as icons and fonts both free & premium (paid for).

JavaScript & jQuery Plugins

Content Share

contentshare

ContentShare is a jQuery plugin which lets you share the exact content on a page which you actually want to share. It enables you to share selected text on your social network rather the default text specified in thetags. By default, it supports Facebook and Twitter but you can add more networks easily.

jInvertScroll

jinvertedscroll

jInvertScroll is a lightweight jQuery plugin that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.

Pixel Perfect

pixelperfect

A JavaScript plugin to handle your website image preview in order to create a pixel perfect website. Through a simple line of code, Pixel Perfect allows you to toggle the visibility of your image preview just above your webpage, simply clicking a button

NProgress

nprogress

NProgress js is a small nanoscopic progress bar for ajax applications. It Features realistic trickle animations to convince your users that something is happening.It is inspired from youtube , medium and Google.This jquery plugin is perfect for Turbolinks, Pjax, and other Ajax-heavy apps.

Animo.js

animo

A powerful little JS tool for managing CSS animations. Stack animations, create cross-browser blurring, set callbacks on animation completion, make magic.

Favico.js

favico-js

Favico.js make use of your favicon with badges, images or videos. You can easily animate your favicon with animated badges. You can customize type of animation, background color and text color. It supports animation like slide, fade, pop.

AdminJS

adminjs

AdminJS is a framework for building admin pages that allows us to manage the database of apps/sites.The framework is backend-agnostic. It is a self-contained Ember.js application and will work with any backend that supports EPF.

Intention.js

intentionjs

Intention.js is a lightweight tool for responsive design developed at Dow Jones that manipulates the DOM via HTML attributes. The methods for manipulation are placed with the elements themselves, so flexible layouts don’t have to be so abstract and messy.

Annyang

annyang

Annyang is a tiny javascript library that lets your visitors control your site with voice commands. Annyang has no dependencies, weighs less than 1kb, and is free to use and modify. It plays nicely with all browsers, progressively enhancing browsers that support SpeechRecognition, while leaving users with older browsers unaffected.

Glide

glide

Glide.js is responsive & touch-friendly jQuery slider. It based on CSS3 transitions with fallback for older broswers. It’s simple, lightweight, light and was designed to slide, no less, no more.  This plugin works on smartphones, tablets and desktops. It supports Swipe event, Arrows and bullets navigation, Keyboard navigation, Public API with callbacks, Autoplay and Pause on hover.

iosOverlay.js

iosOverlay

iosOverlay.js is iOS-style overlays/notifications for the web. It has been tested on IE7 and up, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad. To prevent icon flickers as they load, you have to preload image resources. and Spin.js is required if you want to use a spinner object

EasyDropDown

easydropdown

EasyDropDown is a jQuery plugin that effortlessly turns humble elements into styleable drop-down menus for use in forms or general UI/navigation. It’s like Chosen but with only the essential features: clean, semantic markup, form & validation compatibilty, full keyboard control with textual search, inner-scroll for long lists, degradation to native UI on touch devices.

Parallax.js

parallax

Parallax.js is aimple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Salvattore

Salvattore

Salvattore organizes your HTML elements according to the number of columns you specify. Each of the items in your container is placed within these columns, one by one. To get started simply add a data-columns attribute to the container.

Random User Generator

Random User Generator

RandomUser is an API that provides you with a randomly generated user. These users can be used as placeholders in web mockups, and will save you time from creating your own placeholder information.

Desktop, Mobile & Web Applications

TouchRetouch – Mac 10.7+ App – $9.99

TouchRetouch

Are you addicted to photography? Is photo editing an integral part of your daily life? Do you believe that getting the best images possible out of your favorite photo-editing apps goes hand in glove with using a Mac?

If you have answered the above questions in an affirmative way, you will definitely be in your element when using TouchRetouch for Mac, tailored especially for fans of photo editing like you. The app is mainly aimed at performing removals of unnecessary content out of photos. However, it also includes a few more useful and usable tools for accomplishing color correcting, cloning, horizon straightening, and cropping tasks.

Blind – Mac 10.8 App – $2.99

blindbrowser

Are you a web developer with a Retina display? Do you want to see what your site looks like on a 1x display? Introducing Blind.  Run Blind concurrently with your normal browser to view your sites in 1x resolution.  Safari has a ‘low-resolution mode,’ but it doesn’t accurately represent what someone experiences on a 1X resolution display.

InBoard – Mac App – Free while in Beta

inboard

Inboard is an image library to organize your favorite images and screenshots.

Cloudup – Mac App – Free

cloudup

Cloudup lets you instantly and securely stream videos, photos, music, links, and files to anyone. By simply dragging and dropping files or links to your account, you can share streams without waiting for uploads or downloads, and at no cost. Rock out to your favorite YouTube and Soundcloud links; share beautiful picture and video galleries; or send over top secret docs to your boss. It’s safe, secure, and flexible to suit your needs for work or play.

EntourageBox – Web App – Free

entourage box

EntourageBox solves the void for letting friends with no cloud storage account – or an account with another service – upload files straight to your cloud storage. The service is simple to use and friends can start uploading just by following a URL. All they need to do is drop the files on the website and minutes later the files appear in your cloud storage.

CloudConvert – Web App – Free

cloud convert

CloudConvert is a pretty amazing and free online file conversion service that is compatible with 140+ file types. It supports almost all video + audio file types, compression formats, images and more.Also, the service has an API which enables you to integrate such conversion features to any app.

ProofHub – Web App – Nano – $15 p/m, Standard – $49 p/m, Premium – $99 p/m,Enterprise – $149 p/m

proof hub

ProofHub is a web based project management and collaboration software that helps you easily manage projects, schedule, discuss, work and communicate with your clients & team members.

Compress PNG – Web App – Free

compress png

Compress PNG images into PNG-8 format with transparency support and full browser compatibility.  Start with selecting up to 20 PNG files from you computer, then upload queue. Use thumbnails to select images.  Reduce the number of colors with the force of an elephant color slider for maximum compression.  BMP, ICO, GIF and JPG files are also supported through auto conversion to PNG

OOCharts – Web App – Free

oocharts

OOcharts is an awesome little project that makes it easy to embed and share Google Analytics data through charts.

.PSD Fonts – Web App – Free

psd fonts

Figure out what fonts are being used in a psd without trawling through badly labelled layers.

Just Delete Me – Web App – Free

just delete me

Just a directory of direct links to delete your account from web services.

Carrot Alarm – iOS App – $1.99

CARROT Alarm

Carrot is a hilariously twisted AI construct who wants nothing more than for you to get out of bed every morning. Her witty spoken dialogue, beautiful songs, and innovative wake-up system will have you starting each day with a smile on your face.

Refresh – iOS App – Free

Refresh App

Refresh is the only mobile application to deliver an instant dossier about the people you know, the people you meet, and even chance encounters so you can get the most out of every conversation.

Refresh connects the dots between profiles, photos, statuses and events across social networks to deliver a complete dossier about the people you meet with throughout the day.

Whether it be a tidbit of the lives – passions, achievements, jobs, trips taken, close friends, interests – the Refresh dossier deliver just-in-time insights to help you spark meaningful and mutually interesting conversation.  With a Refresh dossier, you have everything you need to make the most of your relationships, whether it’s someone you’re meeting for the first time or for the hundredth time.

Recordium – iOS App – $1.99

Recordium

Recordium is a powerful yet elegant recording app designed for iPhone, iPad, and iPod Touch. Recordium lets you highlight the track while playing or recording audio, helping you focus on the most important parts of your recordings.

Prompts – iOS App – $2.99

Prompts

Prompts is a Dropbox-syncing minimalist writing app that provides inspirational starting lines to combat Writer’s Block in a unique way.

CSS, HTML, Frameworks, PHP & Other Dev Greatness

Pixate

pixate

Pixate is a free platform for creating the user interface of native mobile apps with CSS.  It is actually a graphics engine that transforms CSS into scalable graphics, bitmap effects and more.  The app can be built with any tool/language (Objective-C, Titanium, etc.) and Pixate will work with all of them.

Bootstrap Magic

Bootstrap Magic

Bootstrap themes generator, featuring Bootstrap 3 and AngularJS. Update your variables, change it with a smooth colorpicker and get instantly the result.

TypeWonder

typewonder

TypeWonder helps you to test web fonts on any web site on the fly ! Enter the site url and preview instantly the fonts with-out any hassle !

Docker

docker

Docker is an open-source project to easily create lightweight, portable, self-sufficient containers from any application. The same container that a developer builds and tests on a laptop can run at scale, in production, on VMs, bare metal, OpenStack clusters, public clouds and more.

Guzzle

guzzle php

Guzzle takes the pain out of sending HTTP requests and the redundancy out of creating web service clients. It’s a framework that includes the tools needed to create a robust web service client, including: Service descriptions for defining the inputs and outputs of an API, resource iterators for traversing paginated resources, batching for sending a large number of requests as efficiently as possible.

Create CSS3

createcss3

Create CSS3 is another one but more complete compared to others as it has support for most of the CSS3 properties. This tool lists the properties that allows us to customize the values of each and displays the preview instantly. Multiple rules can be added to the same element and the generated CSS code can be edited also.

Sixpack

sixpack

Sixpack makes it easy to run A/B tests across multiple web services written in different languages.It includes a beautiful dashboard for viewing test results and choosing winners.

ExtractCSS

extractCSS

extractCSS is an online tool which can extract ids, classes and inline styles from HTML document and output them as CSS stylesheet. All you have to do is to type or paste your HTML document and let extractCSS to do the rest for you!

Tridiv

tridiv

Tridiv is a free to use web app for creating awesome 3D CSS shapes easily, using the app you can insert four different shapes (cuboid, pyramid, cylinder, prism) and resize or rotate them. The editor interface displays all the views (front, sides & top) at the same time and it is possible to use any number of shapes.

Each shape can be styled (colour, opacity, background image) and you can preview the work with a single click. Once you have completed Tridiv generats all the HTML/CSS code and a save button can store it on localStorage

A PHP Login Script

PHP & MySQL Login Script

This script is clean, crisp, fast, free, safe, object oriented, high performant and reduced to the max. Including the best password encryption available in PHP (bcrypt with blowfish, using the official (!) PHP password hashing functions). This script works perfectly with PHP 5.3, PHP 5.4 and PHP 5.5! Available in a 1.) one-file, 2.) minimal (basic functions, 1 minute setup), 3.) advanced (verification, password reset, mails, etc.) and 4.) a full-MVC-framework-like version (PDO, professional structure, URL rewriting, basic UI and even a responsive layout).

Clank

clank

Clank is an open source HTML/CSS prototyping framework for mobile apps. Think of it as Twitter Bootstrap but for prototyping native apps.

KnaCSS

knacss

KNACSS is a minimalist, responsive and extensible style sheet to kick-start your HTML / CSS projects. It relies on common best practices and experience on the topic.  Designed by Alsacreations agency and used on a daily basis in production, KNACSS is not only a 8KB lightweight documented framework but also a CSS reset, adapted to every project no matter its size.

It handles basic elements, good practises, box sizing, margins, floats, simple and complex aligns, positioning, layout grids, gutters, old IE fallbacks and last but not least responsiveness, everything automagically !

WordPress Frameworks, Plugins & Themes

Customize Login Image – Free Plugin

customize login page

This plugin allows you to customize the image and the appearance of the WordPress Login Screen. You can change: The logo, the link of the logo, the background color and add your own CSS.

WP images lazy loading – Free Plugin

WP images lazy loading

The WordPress Images Lazy Loading plugin (WPILL) enables the jQuery lazy loading of images to improve page load times and increase your Google PageSpeed Score. It delays loading of images outside of the viewport (visible part of a web page). These images won’t be loaded before the user scrolls down to them. Using WPILL on long pages containing many large images makes the page load much faster. It will also reduce server load and save some bandwidth.

Custom Content Shortcode – Free Plugin

Custom Content Shortcode

This plugin adds a shortcode to get the content or a field from any post type.

Heat Map Tracker – Free Plugin

Heat Map Tracker

HeatMapTracker lets you record website visitors and generate instant Heatmaps showing where they click, scroll and Spy on Your Visitors record their every move

WooCommerce Extra Fee Option – Free Plugin

WooCommerce Extra Fee Option

A WooCommerce plugin that allow user to add an extra fee for any order with the minimum amount option. If you set minimum order amount, then it will compare with current cart/order total. Or else, it just add extra fee to all orders.

Really Simple Guest Post Plugin – Free Plugin

Really Simple Guest Post Plugin

Looking for wordpress guest post plugin? Use Really Simple Guest Post Plugin and allow your visitors to submit posts without registration (as a guest author). Anyone will be able to submit post and it will be added automatically as pending post. After reviewing you will be decide which posts approved for publish and which are rejected. Submitted posts will be included with author name, email address, author url, post title, description and keyword tags. Use simple short-code [mag-simple-guest-post redirect=”url” author=”username”] (url= Put your selected page/post url to redirect after form submit. Author= confirm your selected author username) inside page or post content to show guest posting form.

Collapse

Collapse generates a collapsible pull-out panel for your site that you can populate with different content types that you want to prominently expose to your users. The sliding panel can be docked towards left or right, you can change its vertical position, width and maximum height and customize it section by section. All these settings can be changed on a panel by panel basis.

Stripe Connect for WordPress

Stripe Connect Plugin allows you to authenticate stripe users and allows you to collect a stripe token that can then be used to process payments on behalf of your users. This allow you to add an application fee for every transaction they process. This transaction fee can be a fixed amount or a percentage of each sale.  Stripe connect is perfect for marketplaces, e-store builders and anything else that helps users get paid.

Stripe Connect uses the OAuth to connect users to your stripe account, so it easy to further develop on-top of this plugin.

Table Rate Shipping for JigoShop

The JigoShop Table Rate Shipping plugin has the ability to add multiple rates for a given customer based on a variety of conditions set by admin. These can include shipping destination, cart subtotal, item shipping class, price, weight, and so much more.

BugMeBar

BugMeBar lets you add a message to the top of the screen which a user can dismiss. You can use a cookie if you like so that the notification bar can stay gone once the website visitor has clicked close.

WordPress Post Styler

WordPress Post Styler Plugin, add an extra feature to your default WordPress post editor, to add pretty styles to posts. This plugin allows you to add custom paragraph boxes, heading tag styles, title styles, download link styles, download buttons, image styles, address box, code box, testimonials styles, blockquote styles and many more…

Aeolus

Aeolus, a carefully crafted WordPress plugin that displays your work in a clean, fancy way. Some of the plugin’s strong points are: unlimited colors, fully responsive, advanced admin panel (easy drag and drop interface), modern look & feel.

Viper – Free Theme

viper

Responsive WordPress magazine theme with multiple home page layouts, 300×250 ads, 125×125 ads, 2 premade (white, Blue) ready to use color schemes/skins, 2 page layouts including a full width page template, featured posts, social icons, threaded comments and widget support.

MesoColumn – Free Theme

mesocolumn

Mesocolumn is a HTML5 and CSS3 WordPress Theme. The theme also support BuddyPress, BBPress and WooCommerce and comes with Unlimited Color with Categorize Color Setup and 600+ Google Webfonts Selection. With a responsive mobile friendly design its compatible with devices like Desktop, Tablet, small phone, i-Pad, iPhone, and Android Phones.

SuevaFree – Free Theme

suevafree

Sueva is a free responsive clean and corporate Tumblelog WordPress Theme. The theme support all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9 and 10 and uses the most modern technologies like Html5 and Css3.

PR News – Free Theme

pr-news

PR NEWS is a powerful responsive and multi-purpose WordPress theme, perfect for news or magazine, blog website and many more. Theme designed with the popular Bootstrap CSS Framework, and using Font Awesome for the lightweight usage of icons. PR NEWS has a solid flexible responsive layout that scales from 320px to 1260px with all Bootstrap features. The flexible and widgetized layout lets you easily adapt the theme for your needs. You can display articles, photos, your portfolio in many different ways. Easy customise as there are many interesting features available in the theme options page.

Innovative – Free Theme

innovative

Innovative is a Simple, Clean and Responsive Ready WordPress Theme which adapts automatically to your tablets and mobile devices. Theme is easily customizable with numerous theme options.

Magazine Style – Free Theme

magazine-style

Magazine Style Theme is best WordPress style magazine theme for personal and bussiness With full features SEO Optmize theme easly adapts on your mobile and desktop or any other device. Theme with lots of customization and connect social media like facebook, google+, twitter, pinterest, rss, skype, vimeo, dribbble, flickr, linkedin, youtube and Adsense ready It supports all the awesome WordPress features completely free theme works also for blogging.

magazine

Magazine is a clean and responsive multipurpose WordPress theme. It has very rich contents in homepage. They can be grouped under category or post type. Every news item has representative image thumbnail. So, your site will visually great.

WirePress

WirePress is premium WordPress theme perfect for online magazines, blogs and editorial sites.  WordPress themes don’t need to be complicated. WirePress includes everything you need to create your own eye catching magazine but without the unnecessary feature bloat. The end result is a great looking theme that is easy to setup and use.

Wilder – $40 Theme

Wilder

Wilder is the ultimate and professional way for you to present your portfolio or the very best starting point for your own corporate website. If you are searching something different and out of the line, please check out the Wilder – Flat One Page Responsive WordPress Theme!

Shoppest – $55 WooCommerce Theme

shoppest

Shoppest is an elegant responsive woocommerce wordpress theme built on Twitter Bootstrap clean and easy to customize.  Shoppest depend on WordPress Theme Submission Requirements. so shoppest theme includes two plugins first Sama Bootstrap Shortcodes and Shoppest Post Type used for slider.

Arsynoe – $40 Theme

Arsynoe

Arsynoe is an awesome one page parallax theme that utilities a unique bold design and bunch amount of features to brings your portfolio site to the top! It comes with responsive and Retina Ready layout, so it looks flawlessly on a wide range of devices such as PCs, smartphones, tablets, notebooks etc. If you want to showcase your work in unique and elegant way, do not hesitate, try out arsynoe.

WP Form – $40 Theme

WP Form

WP Form is a very powerful, super clean and fully responsive design (try re-sizing your browser). Coded with care in HTML5 & CSS3, WP Form is easy to customize and well documented. Its very easy to setup, and comes with free lifetime support via our support site.  WP Forms super clean and modern design make it suitable for any type of website: creative, agency, portfolio, blog and many more!

Design Pieces – Icons, UI’s & Typography

iOS 7-Inspired Line Icons – Pay with a Tweet

iOS 7-Inspired Line Icons

iOS7 Ui Kit

ios7-ui-kit

iPhone 5s Vector

iPhone 5s Vector

24 Free Flat Social Icons

24 Free Flat Social Icons

 

Free Flat Icons

Free Flat Icons

Single Page Website Design Free PSD

Single Page Website Design PSD

Mobile Design Kit

Mobile Design Kit

Bootstrap 3 PSD

Bootstrap 3 PSD

Login Box Free PSD

loginbox PSD

We Are Rockstar – Free Font

We Are Rockstar

Corduroy Slab – Free Font

Corduroy Slab

Canter – Free Font

Canter

Dense – Free Font

Dense

Nanami Rounded – Font $30 & Up

Nanami Rounded

Clinica Pro – Font $15 & Up

Clinica Pro

Railham – Font $25 & Up

Railham

Share

80+ New Handpicked Goodies For Web Developers & Designers For September 2013