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 & 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

Nightmare

nightmarejs

Nightmare is a high-level wrapper for Phantomjs that lets you simplify deeply nested callbacks into sequential statements. It’s pluggable and has a simple API.

Thaw.js

thaw

Thaw.js offers synthetic asynchronous processing in JavaScript, which defers processes until the browser is ready for them. And unlike web workers, it gives you access to the DOM.

Mapael

mapael

jQuery Mapael is a jQuery plugin that has been based on raphael.js which allows you to display dynamic vector maps.

For example, with Mapael you can display a map of the world with clickable countries, or you can just build a simple dataviz by setting some parameters in order to automatically set a colour depending on a value to each area of your map and display the associated legend.

Snabbt.js

snabbt

Snabbt.js is a minimal JavaScript animation library. It focuses on moving things around and will translate, rotate, scale, skew and resize your elements. By including matrix multiplication operations, transforms can be combined in any way you want with the end result being set via CSS3 transform matrices.

Snabbt.js been built to be fast. It will only animate things that modern browsers can animate cheaply: transforms and opacity. The goal is to make a library that will let the user make smooth animations without needing to know too much about browser rendering.

Libscore

Libscore

Libscore scans the top million sites on the web to collect stats on JavaScript library usage, you will see the search box, you just enter the case-sensitive variable that a library exposes itself as, e.g. jQuery, Modernizr, $.ui, or $.fn.fancybox and Libscore will aggregates this data to provide open source developers the numbers they need to measure their impact.

Specifically, Libscore scans for third-party modules loaded with RequireJS, jQuery plugins, window variables produced by non-jQuery libraries, and cross-domain external scripts (e.g. analytics services and CDNs).

Also it scans every site twice: once to pick up results for the desktop version of the site, and again to pick up results for the site’s mobile redirect page.

Desktop & Web Apps

Cactus – Mac App – Free

cactus

Cactus is a powerfull static web generator, it allows you to build websites locally, using modern web technologies, and have the results generated to a collection of flat files.

This is useful because setting up a server environment with Django or Ruby can be difficult and expensive as a static site generator lets you enjoy the flexibility of running a webserver, and host the generated flat files anywhere you’d like.

Kitematic – Mac App – Free

kitematic

Kitematic is a simple application for managing Docker containers on Mac OS X.

Dante Editor – Web App – Free

Dante-Editor

Dante Editor is Just another Medium editor clone.

UX Check – Chrome Extension

ux-check-chrome

UX Check makes heuristic evaluations quick and easy. The extension will open up Nielsen’s Ten Heuristics in a side pane next to your website. When you click on an element that doesn’t comply with a heuristic, you can add notes, and a screenshot will be saved. At the end, your results are exported to a docx so that you can share them with your teammates.

CSS, Frameworks, Podcasts, Templates & Other Awesome Tools

6to5

6ro5

ECMAScript 6 is the upcoming version of the ECMAScript standard, this standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now.

6to5 turns ES6+ code into vanilla ES5, so you can use next generation features today and 6to5 has plugins for all of your favorite build systems, just check out the official plugins for Gulp, Grunt, Browserify, Webpack, and many many more.

By using either the CLI or require hook, you can easily setup 6to5 to work with your Node.js app. Module authors can also easily precompile their assets before publishing to npm.

Typesettings.css

Typesettings

Tpesettings.css is the typography boilerplate for you to build minimal website or blog project.

As all typographic styles been inspired by traditional graphic design fundamentals—the boring stuff that you learn in Typography 101.

You simply include typesettings.css in the head section after your main stylesheet, and then add class=”typesettings” to your article element.

Brand Style Guide Examples

brand-style-guide-examples

Brand Style Guide Examples is a hand-picked collection of brand style guide examples, pattern libraries and design manuals for inspiration.

The Design Details Podcast

The-Design-Details-Podcast

The Design Details Podcast is a weekly show about the people who design our favorite products that is hosted by Bryn Jackson and Brian Lovin.

Developer Tea Podcast

developer-tea

Developer Tea is a podcast for web and software developers hosted by a developer that you can listen to in less than 10 minutes. The show will cover a wide variety of topics related to the career of being a developer.

Dashboards by Keen IO

keen-io

If you are building an analytics dashboard, don’t start from ground up just grab one of Keen IO Bootstrap-based Dashboards Templates that will get you to admire your data in minutes.

With Keen IO dashboards you can create an attractive, custom analytics dashboard that’s ready to be shown to your team or your customers, so no more hours lost tweaking CSS or testing responsiveness on eight different devices.

Founder’s Cabin

founders-cabin

Founder’s Cabin is a publication for founders, entrepreneurs & startups, curated weekly by Josh Pigford, founder of Baremetrics and dozens of other startups. I’ll provide tips, insights & resources for everything you need to run your business well.

Pixlbrowser

pixlbrowser

Pixlbrowser is a new way to discover portfolios. Open up preview mode and quickly explore live sites for inspiration.
Portfolios are submitted, and the best are listed on the homepage with users able to like and save favourites to their own collection.

Titon Toolkit

titon-toolkit

Titon Toolkit is a collection of some very powerful user interface components and utility classes for the responsive, mobile, and modern web.

Each component represents encapsulated HTML, CSS, and JavaScript functionality for role specific page elements. and the Toolkit makes use of the latest and greatest technology, this includes HTML5 for semantics, CSS3 for animations and styles, Sass for CSS pre-processing, Gulp for task and package management, and powerful new browser APIs for the JavaScript layer.

ECharts

echart

ECharts is a comprehensive charting library thats offers a painless way of adding interactive charts to your  products.

On the foundation of ZRender-based (a whole new lightweight canvas library) coordinate system, legend, tooltip, toolbox and other basic components, ECharts currently supports line, column, scatter, pie, radar, candlestick, chord, gauge, funnel, map and force-directed chart types, many of these can be combined in one chart.

ECharts is compatible with most common browsers — including the old IE6/7/8/9+, Chrome, Firefox, Safari and Opera. Compared with a single chart, a combination of charts can be more expressive and more interesting. ECharts supports any combination of any chart provided herein (a total of 11 types and 17 subtypes).

Hover States

hoverstates

Hover States is a collection of what’s is the newest & interesting of user interface and interaction design.

The goal of Hover States is to serve as a source of inspiration for designers and developers and to showcase the amazing things people are doing on the web.

Hover States believe the beauty of interaction design is the way it moves and behaves, which is why they showcase all content they discover as video.

Apache Aurora

apache-aurora

Apache Aurora is a Mesos framework for long-running services and cron jobs. Aurora runs apps and services across a shared pool of machines, and is responsible for keeping them running forever.

When machines experience failure, Aurora intelligently reschedules those jobs onto healthy machines. And when updating a job, Aurora will detect the health and status of a deployment and automatically rollback if necessary.

Aurora has a quota system to provide guaranteed resources for specific applications, and can support multiple users to deploy services.

Crosswalk

crosswalk-project

Crosswalk is an HTML application runtime, built on open source foundations, which extends the web platform with new capabilities.  The web platform already has many advantages, from easy cloud services integration to flexible user interface elements. Recently, the platform has become even more attractive, with its increased focus on mobile performance and device APIs.  However, for many developers, basic functionality is still missing, making it hard to adopt the web as it is today.

WordPress Plugins & Themes

Domain Replace – Free Plugin

Domain-Replace

Domain Replace is a pretty simple but useful (powerful too) plugin for those people who moves their website from one domain to another domain and get trapped.There are lots of backup plugin in the market that helps you to take a backup your site and restore into another site.

But WordPress uses absolute URL instead of relative URL. So, the files inserted in content of your posts, pages and other custom post types, settings etc are still pointed to the old URL.Here comes “Domain Replace” to help you. It will change all instances of the OLD URL into NEW URL.

BuddyPress Edit Activity – Free Plugin

BuddyPress-Edit-Activity

This plugin will let your BuddyPress members edit their activity posts and replies on the front-end of the site. You can even set a time limit for how long activity posts should remain editable.Just activate the plugin, and every activity post and reply will become editable, styled automatically by BuddyPress to fit with your theme.

Variables – Free Plugin

Custom-Variables

With this plugin, you can create your own variables and use them in WordPress site. It is much more convenient when you update your variables. For example, your contact phone number displays in four places on your site. When you need to update your phone number, you have to find each of them and edit them one by one. With this plugin, you only need to edit it once at the control panel. You can put the shortcode anywhere on your website.

WPMailDrill – Premium Plugin $16

WPMailDrill

WPMailDrill makes it easy to send emails with Mandrill on your WordPress site. This means you don’t need a mail / SMTP server to send emails. It works automatically in the background, all you need to do is enter your Mandrill API key and turn it on! Fully documentation and guides are available too so what are you waiting for, stop worrying about email and start using WPMailDrill.

Total Donations – Premium Plugin $22

total-donations-for-wordpress

Total Donations is an easy-to-use but powerful WordPress plugin for accepting donations online. Your donors can quickly contribute to your organization using an easy-to-use donation form while the administrative panels allow you to manage your progress bars, campaigns and tasks with ease.

DV Team – Premium Plugin $16

dv-team-responsive-team

DV Team is a premium responsive team showcase plugin for WordPress. You can create unlimited teams, members and categories. It is a highly customizable plugin. You can change all colors, font sizes, spacings etc. from powerful plugin settings panel. It can be also used for other purposes like portfolios, product galleries etc.

The Thinker Lite – Free Theme

The-Thinker-Lite

The Thinker Lite is a perfectly simple blogging theme. It has just enough detail without being flashy and just enough features not to get complicated. Beautiful typography and clean layout are a must for any modern blogger and this is where “The Thinker” excels. It keeps readers focused on the content while creating relaxing environment for the eyes. Nice responsive behavior keeps that perfect balance across the whole range of internet capable devices. Be it a 4″ smartphone, 10″ Tablet or a 27″ screen this theme will hold its own unique character and content oriented approach.

Counsel – Free Theme

Counsel-Theme

Counsel is a beautiful multipurpose responsive theme that can used for corporate, professional or magazine blogging sites. It incorporates flexslider which allows you to display slideshow with text overlay and a clickable button. The social icon section of Counsel allow you to integrate your social profiles into your site. Counsel has single top menu with 3 footer sidebars.

The Theme options panel can be used to modify various aspect of this theme easily. Counsel is built for corporate professionals but anyone who wants simple and sleek design will like this theme too. Counsel is Translation ready and comes with 100% GPL license and online documentation.

Eptima Lite – Free Theme

eptima-lite

The Eptima Lite Theme is incredibly responsive, clean and multipurpose WordPress theme which suits to nothing but the best in the industry. It is specially created for corporate giant, a business holder or creative agency. Eptima packs modern features that are aimed at giving your website an edge over others. It comes with useful widget to facilitate impressive display of fields like architecture, construction company or portfolio site.

SuperNews – Premium Theme $58

SuperNews

SuperNews is a fresh and powerful WordPress magazine theme (with WooCommerce support) which is beautiful and well-organized. It’s perfect for news/magazine websites to attract readers visit and remember your website. SuperNews has been built by using the latest HTML5/CSS3/jQuery techniques and it’s fully responsive, it works great on all devices, any screen size, including desktops, laptops, tablets and mobile phones. Present your content in a way that is accessible, logical and beautiful.

Khokty – Premium Theme $48

khokhty

khokhty is a creative Responsive WordPress News, Magazine, Blog, the perfect choice for professionals who’s looking for a magazine template or a personal, niche, corporate, and marketing blogs. It’s highly customizable so it can match your personal taste and be quickly converted into a multi-purpose theme as well.

Hometown – Premium Theme $53

HomeTown

Hometown is a Premium WordPress Theme for Real Estate related websites. It has elegant & clean design and comes with lots of features like property search, property slider, property map with stylish markers, front end user login & register, front end property submit & edit, payment integration with PayPal, dsIDXpress IDX Plugin support, WPML plugin support, custom widgets, various templates, well designed theme options & meta-box, Google reCAPTCHA support and much more …

Design Pieces – Icons, UI’s & Typography

Mairy – Fonts from $39

mairy

Don Sans – Fonts from $34

don-sans

Sica Expanded – Fonts from $30

sica-expanded

Brooklyn – Free Font

Brooklyn

Retro – Free Font

Retro

Lev Black Distressed – Free Font

Lev

Blog Admin Dashboard

Blog-Admin-Dashboard

Retina UI Kit

Retina-UI-Kit

iPhone 6 mini icons

iPhone-6-mini-icons

48 Icons Free PSD

48-Icons-Free-PSD

Photorealistic iPhone 6 Plus PSD Mockup Templates

Photorealistic-iPhone-6-Plus-PSD-Mockup-Templates

Share

New HandPicked Goodies for Designers & Developers for January 2015