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

Today is Part 2 of New HandPicked Goodies for Designers & Developers for November 2014 which has over 50+ handpicked goodies, So basically down below you will even more greatness such as JavaScript tools, jQuery plugins, also below you will find some great Mac/iOS apps, web apps to some great web resources in a colour palette generator, mobile development, HTML, a free book about Web UI and for most of us who uses WordPress I’ve also have add WordPress Themes and Plugins plus lastly I have added some UI’s, icons and fonts.

JavaScript & jQuery Plugins

MetricsGraphics.js

metricsgraphics-js

MetricsGraphics.js is a library built on top of D3 that is optimized for visualizing and laying out time-series data. It provides a simple way to produce common types of graphics in a principled, consistent and responsive way. The library currently supports line charts, scatterplots and histograms as well as features like rug plots and basic linear regression.

Vivus

vivus

Vivus is a little JavaScript class (little because it’s lightweight and has no dependencies) to make animating SVGs easy. Different animations are available, and you can even script the entire SVG to do whatever you want.

FixedContent.js

fixed-content

FixedContent.js is a mobile friendly jQuery plugin for content that persists while scrolling, including sidebars and nav. It includes settings for the top nav, as well as width and position on load and refresh.

Angular-kickstart

angular-kickstart

Angular-kickstart makes it faster to develop with AngularJS. It combines AngularJS, GulpJS, and Bower, while also keeping your code reusable and with a modular structure.

Desktop, Mobile & Web Applications

Mischief – OS X 10.8+ – $24.99

Mischief

Mischief is a revolutionary, infinite canvas drawing app that allows you unlimited freedom to sketch, create and explore.  Mischief’s unbelievable responsiveness delivers a natural drawing experience, like actually sketching with pen and paper. Create authentic feeling pencil roughs and silky smooth line work that scales beautifully.

Paper – iOS App – Free

paper

Paper is the simplest way to express your ideas. You don’t need to know how to draw. From sketching out a new product design, to drafting a kitchen remodel or outlining a great business plan, Paper sets your ideas free. It works the way you think, with no fussy settings or distractions. Available with Paper are five beautiful tools to Sketch, Write, Draw, Outline, and Color.

Canva – iOS App – Free

canva

With Canva you can create beautiful designs by choosing from more than one million layouts, stock photographs and illustrations. Search for the best graphics, photos, and fonts then use Canva’s simple drag and drop tool to create a design.

BeeFree – Web App – Free

beefree

BeeFree makes it easy to create an email message that can be used to send a company newsletter, announce a new product, promote a sale, etc. It’s free to use: you don’t even need to create an account of any kind.

With BeeFree you can create an email message using its innovative, easy-to-use features. You can then preview the message to see how it will likely look in your email client, send a test to yourself, download the HTML source code so that you can use it in another application, or use it in an email campaign by signing up for a MailUp account.

Nibbler – Web App – Free

nibbler

Nibbler is a free tool for testing websites. You simply enter the address of any website and Nibbler will give you a report scoring the website out of 10 for key areas such as the accessibility, SEO, social media and technology.

Size Marks – Photoshop Script

Size-Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers, the script converts the rectangular marquee to labeled measurement mark. Landscape marquee → horizontal mark. Portrait or square marquee → vertical mark.

CSS, HTML, Frameworks & Other Tools

Furtive

Furtive

Furtive is truly mobile-first and nearly all dimensions are done in rem. It also has a small footprint, cutting down on the bandwidth necessary for downloading CSS. Furtive is intended to be just that, furtive. It’s the perfect starting point to get your project up and running. Furtive remains lightweight because it doesn’t preoccupy itself with older browsers. As a result, Furtive can use cutting edge tech like flexbox, SVGs, and limited vendor prefixing. It’s also available in SCSS, CSS, and comes with a gulpfile for customising the build.

SocialDoe

social-doe

SocialDoe provides a simple but effective solution to present your projects and passion. It’s an online space where creative personalities & professionals can exchange ideas, share feedback& get inspired. For the creative human being that wishes to move on with their passion, will feel at home here, As SocialDoe is the right place for designers and everyone who wishes to share their inspirations with others.

You can join the group of art enthusiasts who want to enhance the world with their work with. All of SocialDoe plans includes the use of custom domains, portfolio editing, Google Analytics, HTTPS password protection, embedding URL’s on profile (e.g. external links to your shop, social media profiles like behance), unlimited bandwidth, responsive page (view your page on laptop, smartphone or tablet), Socialdoe audience (followings, likes & comments).

Type Genius

type-genius

TypeGenius will help you pick the perfect font combinations for your projects. First you will just need to select a starter font, and then view matches and each match even includes a link to the webfont.

Pakyow

Pakyow

Pakyow is an open-source platform for the modern web, you can build web-based apps faster with a view-first development process that’s friendly to everyone – whether you’re a designer or a developer. It’s for getting along.Pakyow lets you start with a view and build the app on top.

SVG Circus

svg-circus

SVG Circus enables you to create cool animated SVG spinners, loaders and other looped animations in seconds.

FormKeep

form-keep

FormKeep is a  form endpoints for designers and developers, FormKeep hash no iFrames, JavaScript embeds, or CSS overrides as it’s simply generates a URL for your form’s endpoint which you plug into your existing code to deploy.

Coolors

coolors

Coolors is a super easy to use colour palette generator that you just press the space bar to generate a palette (is that simple or what!)

Twemoji

twemoji

Twemoji is a set of all of the new Twitter emojis that appear on the Twitter, it’s packaged up as an open source icon set that you can use for your own projects.

Wami MAP

wami-map

Wami Map project makes OSM data for everyone, easily. As they take advantage of MongoDB potential for big data management to implement a search for relevant data from OSM data sources. Their APIs make it possible to retrieve POI in different formats including geoJSON, which allows to display them directly on the client. Wami Map project is published under Apache 2 license, so feel free to fork it, use it and make it better.

Stitches

stitches

Stitches is an easy to use HTML5 sprite sheet generator. Just drag and drop images onto the app and it will generate both the sprite sheet and necessary CSS.

Stairtower

stairtower

Stairtower is a (experimental) database server for schema-free, JSON documents, that provides a restful API and is entirely written in PHP.

Web UI Design Best Practices

Web-UI-Design-Best-Practices-Book

Web UI Design Best Practices is a book about UI Design you will get taught from the experts about the theory and practice of web UI design from industry leaders and top companies

WordPress Plugins & Themes

WordPress Plugin Boilerplate

The-WordPress-Plugin-Boilerplate

WordPress Plugin Boilerplate is a standardised, organised, object-oriented foundation for building high-quality WordPress Plugins. As the Boilerplate follows both the coding standards and the documentation standards so you don’t have to hunt them down. Describe your work in the comments, write code, and go.

Bubble SEO – Free Plugin

bubble-seo

Bubble SEO is fast and exactly what you need for SEO your website, SEO also can view from the Administration Panel. One of the main features of this plugin is its speed and efficiency in the search engine robot that captures your links.

Soundcloud Latest Tracks – Free Plugin

Soundcloud-Latest-Tracks

This plugin is to fill the hole in the WordPress plugin directory where users wish to show their latest X amount of tracks on X amount of rows each row being an embedded Soundcloud player.The user will also have the option to add a “hear more” button to get the next X amount of tracks from the chosen Soundcloud user.

PCSH (PastaCode and SyntaxHighlighter) – Free Plugin

pcsh-pastacode-syntaxhighlighter

With PCSH, you can easily add code into your posts with the awesome SyntaxHighlighter js-library. You can insert source code into the post editor, from a file, or from webservices like GitHub, Gist, Pastebin or BitBucket. Webservices responses are cached in order to avoid too many HTTP requests.

WP Remote Connections – Premium Plugin $16

wp-remote-connections

The WP Remote Connections is a plugin that allows you to send content from a WordPress site to one or many WordPress sites remotely. As you will be able to send posts, pages and media objects, the plugin will submit ALL the data attached to a given post or page (basic content plus featured image, categories, tags, custom fields…) or media (the file itself plus title, description, alternate text, and so on).

With this plugin you will save plenty of time when it comes to recreating and publishing existing content from one of your sites onto another or several of your websites. That is incredibly useful for blog networks, magazines, newspapers, etc. but the limit is your imagination.

WP Rate Everything Star Rating – Premium Plugin $17

wordpress-rate-everything-star-rating-plugin

This plugin allows anyone to add star rating to any WordPress post, post type and pages or just simply paste the short code from the backend or PHP short code to make the rating work anywhere you want. The plugin will show web site visitors the current rating and once they are logged in they can rate using AJAX. Simple yet powerful rating solution with industry leading accuracy in displaying decimal ratings.

Web Site Tour Builder – Premium Plugin $15

web-site-tour-builder-for-wordpress

Web Site Tour Builder for WordPress is a powerful Tour Plugin, which can be used as a site tour, helpers, guides or tooltips. Use the Web Site Tour plugin for your website, products, applications, landing pages or something else. The plugin is very easy to use and allow you to create a very cool tour in simple dynamic steps.

WP Admin Menu Manager – Premium Plugin $14

wp-admin-menu-manager

WP Admin Menu Manager plugin will let you hide some items of the WordPress Dashboard, this plugin will also lets you rename some of the menus which would make much sense as it will be more easier for your clients to understand some of the WordPress functionality?

Torch – Free Theme

torch

Torch is a lightweight free WordPress theme. With some custom widgets to add to homepage, you can create a homepage that you find in the premium themes demo. The 12 custom widgets include Slogan, Contact form, Services, Testimonial, and other seven widgets. With these widgets, you can add different elements to the homepage with little effort.

This well-coded theme is built with Bootstrap and coded with HTML5 and CSS3 language, and therefore, it is fully responsive in desktops, tablets, and smartphones. Other features include full screen slider, portfolio, custom sidebar, and more.

SweetHeat – Free Theme

sweetheat

SweetHeat is a modern looking business theme meant for companies and individuals that want to have a strong online presence. Features include a clean design, multiple options for building your front page, custom colours, Google Fonts, page templates and much more.

Quill – Free Theme

quill

Quill is designed with law firms in mind. Use it to create a great online presence for your firm and show your potential clients what you’re all about by using the many available front page blocks. You can brag with your latest cases, show off your most valuable employees, present facts about your firm and much more. Also, Quill provides a high level of customization options.

Health&Medical – Premium Theme $58

health-medical

Health&Medical WordPress theme is clean, flexible, retina ready and has a fully responsive design.Health&Medical theme is loaded with features, and has powerful customization options. Built with HTML5 & CSS3. It comes with free support on our support forum. Health&Medical theme aimed for doctor, dentist, dental and health clinics or any other medical related websites. It’s very quick to setup and easy to customize, thanks to the intelligent admin panel.

Love Fashion – Premium Theme $58

love-fashion

Love Fashion is a modern, clean and fully responsive theme that looks perfectly on any device. It is a multipurpose WordPress theme with highly customizable layout ideal for online fashion stores, clothing store, apparel, mall shop.Using the latest HTML5 and CSS3 technologies allows to show many animated effects. Furthermore, this amazing theme is integrated with WooCommerce, many plugins with lots of features, Slider Resolution with smooth transition effects, super UberMenu with multiple column styles and advanced widgets… You are free to control this theme in order to make your store more friendly and adorable for your customers.

Helium – Premium Theme $53

Helium

Helium is a WordPress theme build especially for creative people and bloggers. Featuring three different portfolio layouts, a beautiful blog and backed by a robust AJAX navigation system, Helium is guaranteed to bring an enjoyable user experience for those viewing your site. Beside showing off your work, selling digital goods or prints with Helium can be done effortlessly with the full integration of Easy Digital Downloads.

Hookie – Premium Theme $58

hookie

Hookie is a Multipurpose WordPress Theme for any kind of creative or agency use. Built upon the responsive Twitter Bootstrap framework, the theme is highly optimized for both mobile and desktop platforms. Animate CSS give awesome look-and-feel loading and page scrolling effects. With SEO and performance in mind, this theme also comes with the Visual Composer so you can make infinite Layouts posibilities.

Design Pieces – Icons, UI’s & Typography

Ainslie Slab – Fonts from $24

ainslie-slab

Hansom Slab FY – Fonts from $35

hansom

Byker – Fonts from $29

byker

Graviola – Fonts from $30

graviola

Rafale – Free Font

rafale

Aery – Free Font

aery

Linotte Typeface – Free Semi Bold

Linotte-Typeface

Round Social Media Icons

Round-Social-Media-Icons

Unigrid: 100 Free Vector Icons

Unigrid-100-Free-Vector-Icons

File Extension Icons

File-Extension-Icons

Free PSD Blackberry Icons

Free-PSD-Blackberry-Icons

Things Pattern

thing-pattern-shot

Material Design Ui Kit Design

Material-Design-Ui-Kit-Design

Free UI PSD

Free-UI-PSD

Dribbble App Material Design

Dribbble-App-Material-Design

Mobile Wireframe Kit

Mobile-Wireframe-Kit

Share

50+ New HandPicked Goodies for Designers & Developers for November 2014 Part 2