50 New HandPicked Goodies for Designers & Developers for December 2014 Part 1

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, frameworks, responsive web design, things for Ruby, and for those WordPress lovers I’ve also includes some themes and plugins and lastly I’ve added some fonts, ui kits and icons.

JavaScript & jQuery Plugins

Voice Elements

Voice Elements is a web component wrapper to the Web Speech API, that allows you to do voice recognition (speech to text) and speech synthesis (text to speech) using Polymer.Voice recognition is the translation of spoken words into text. This is achieved in the browser by using the SpeechRecognition interface from the Web Speech API. Speech synthesis is the conversion of language text into speech.

MagicEye.js

MagicEye.js is a JavaScript library for generating “Magic Eye” images in the browser. Technically, it generates single-image random dot stereograms, or SIRDS.

JuliusJS

JuliusJS is a speech recognition library for the web. It is an opinionated port of Julius to JavaScript. It actively listens to the user to transcribe what they are saying through a callback. All recognition is done in-browser through a Worker.

Lining

In CSS we already have the selector ::first-line to apply style on the first line of element. But there is no selector like ::nth-line(), ::nth-last-line() or even ::last-line.

and there comes Lining.js, as it offers you complete DOWN-TO-THE-LINE control. So if you want your line style support Responsive web design all you do is to make sure you add the data-auto-resize attribute and it will automatically relining when window resize event happen. lining.effect.js is an extra part of lining.js. It gives you the power to add appearances animation on your lines.

Vue

Vue-js

Vue.js is a library for building interactive web interfaces. It provides the benefits of MVVM data binding and a composable component system with a simple and flexible API. Technically, Vue.js is focused on the ViewModel layer of the MVVM pattern. It connects the View and the Model via two way data bindings. Actual DOM manipulations and output formatting are abstracted away into Directives and Filters.

SVG Morpheus

SVG Morpheus is a JavaScript library that lets you create SVG icons that morph into one another. It’s easy to use and works with Material Design’s Delightful Details transitions.

SmartUnderline

SmartUnderline is an open-source JavaScript library which uses clever tricks to draw underlines in a more beautiful and readable way.

SmartUnderline works by searching your page for links which have a CSS underline applied with text-decoration, and replaces the text-decoration with a smarter line drawn in such a way that it gets cleared by the descenders—glyphs such as “g”, “j”, and others—creating more readable and beautiful links.

Blip

blip is a lightweight JavaScript library that wraps the Web Audio API, abstracting away the AudioContext, and simplifying node creation and audio routing. It also provides some extremely powerful and flexible methods for looping and manipulating samples that allow for both temporal precision and musical expressiveness.

Desktop, Mobile & Web Applications

Timeless – iOS App – $1.99

Timeless is a countdown timer and stopwatch application that combines a very simple and fast interface with powerful features like multiple timers, labeling, gesture based controls, Focus mode and colour themes.

Hot Shots 2 – Mac OSX App – $3.99

Hot Shots 2! is an even better way to browse Dribbble shots from amazing designers and developers on Dribbble.com. It’s been updated to use the new Dribbble API – you can like shots, follow players, and browse shots of a player.

Flowdock – Desktop/Mobile/Web App – $3pm/per user

Flowdock is a team collaboration app for desktop, mobile & web. Work on things that matter, be transparent and solve problems across tools, teams & time zones you can even try it for free for 30 days.

Overlook – Web App – Free

Overlook.io let you create very simple test plans & invite your team members to participate testing cycles. Ensure that your web & mobile projects are tested on a broad range of browsers and mobile devices. You can build very simple test plans without the fluff. Use your sprint’s tasks or detailed test cases – whatever your project requires.

Gulp Fiction – Web App – Free

Gulp Fiction is an easy to use online app for visual editing of your gulp files. It lets you shorten the build setup, and you can save your completed files to Dropbox or copy them.

Brimir – Web App – Solo Free/Start Up €9($11) pm/Business €27($33)pm

brimir

Brimir is an open source ticket manager that can be used to handle support requests via incoming email. You can de-clutter your support inbox, as you can provide support with a team of different agents and a perfect overview of all your communication as this is all using an open source product.

Brimir allows you to send and receive support emails through a friendly web interface, that allows you to received emails that are converted to tickets, which can be assigned to agents. Brimir supports all features you would need in a help desk support system. Incoming email support, reply via email, customisable user signatures and much more.

CSS, HTML, Frameworks & Other Great Tools

Hood.ie

hoodie

Hoodie is a free & open source software that is for building applications for the web and iOS, as it is a complete backend for your apps, ready for you to get creative. It works immediately out-of-the-box: develop your frontend code and then plug it into Hoodie’s front-end friendly API and your app is ready. When you develop it, your app runs locally first, you can then deploy and host it wherever you want to. Hoodie is a noBackend technology so it’s there for making the lives of front-end developers easier by abstracting away the backend and keeping you from worrying about backends.

Skeleton

Skeleton is for those who are embarking on a smaller project or just don’t feel like you need all the utility of larger frameworks. Skeleton only styles a handful of standard HTML elements and includes a grid, but that’s often more than enough to get started

Charted

Charted is a tool for automatically visualising data, created by the Product Science team at Medium. Give it the link to a data file and Charted returns a beautiful, shareable chart of the data. Charted does not store any data. It only fetches and visualizes what the link provides. It also refetches the data every 30 minutes, so the chart is always up-to-date.

CSS Specificity Graph Generator

The CSS Specificity Graph Generator makes it simple to create specificity graphs for your stylesheets, for better insight into how well structured they are. It uses d3, css-parser, and specificity to create interactive visualizations.

RubyGems

RubyGems.org is the Ruby community’s gem hosting service. Instantly publish your gems and install them. Use the API to interact and find out more information about available gems. Become a contributor and enhance the site with your own changes.

Glumpy

glumpy

Glumpy is a python library for scientific visualization that is both fast, scalable and beautiful. Glumpy offers an intuitive interface between numpy and modern OpenGL.

WordPress Plugins & Themes

WooCommerce Advanced Newsletter – Free Plugin

WooCommerce Advanced Newsletter allows you to quickly and easily integrate your Mailchimp or MailerLite with WooCommerce It will subscribe customers to a your selected MailChimp or MailerLite list depends upon order creation or order completion.

AddFunc Mobile Detect – Free Plugin

Redirects mobile traffic to mobile site, allows visitors to opt for desktop site, provides shortcodes and widget to generate links to mobile site

WP Responsive Select Menu – Free Plugin

WP Responsive Select Menu plugin creates a nice three-lined mobile menu button (or custom image if you choose) that users can click to bring a slide out menu (from the left, right), which is easily navigated.

Flexible Slide To Top Accordion – Free Plugin

Flexible Slide To Top Accordion is a WordPress Accordion Plugin. It’s a good choice to display additional information with accordion effect. As an administrator, you can set number of items to be displayed.Flexible Slide To Top Accordion is built with flexible features: responsive layout, unlimited accordions content, unlimited galleries.

JC WooCommerce Cart and Checkout Donations – Premium Plugin $16

The JC WooCommerce checkout and cart donations plugin adds donation forms to your checkout and cart pages, where customers can round up their orders with a suggested amount or specify their own custom amount to donate.

Slate Pro – Premium Plugin $14

Slate Pro is a powerful WordPress admin theme plugin that reimagines WordPress with a clean and simplified design. White label your WordPress install with custom colors, a custom login screen, custom admin branding, and more. Note that Slate Pro is only compatible with WordPress 4.0 and above.

Captcha Plus – Premium Plugin $14

Captcha Plus plugin allows you to implement a super security captcha form into web forms. It protects your website from spam by means of math logic, easily understood by human beings. You will not have to spend your precious time on annoying attempts to understand hard-to-read words, combinations of letters or pictures that make your eyes pop up. All you need is to do one of the three basic maths actions – add, subtract and multiply.

BookitNow Reservation System WordPress Plugin – Premium Plugin $18

BookitNow is an easy-to-use reservation system with many advanced features that facilitate reservations for hotel rooms, professional services, event organizers, and many more. Your customers can book reservations by the hour or by a span of days. You can receive payments upfront with built-in payment processor for PayPal.

OneTake – Free Theme

onetake

OneTake is a one page HTML5 & CSS3 responsive business theme that displays all the essential features of your website on the home page. It have a very interesting and useful concept by showing you concise information on a single page, and having there everything you need about that website and nothing more which is really good if you don’t want to waste time and be effective instead.

Besty – Free Theme

betsy

Besty is really going to be the best WordPress theme for architectural blog, photography blog, design blog or any other creative niche because of its features and its modern look and feel. It uses masonry layout. As it is based on Twitter Bootstrap so it is mobile and tablets friendly. It is optimized for faster loading. It’s got W3C validate code and is SEO friendly as well. It’s got theme options to easily manage logo, social media links, footer text etc.

Book Rev Lite – Free Theme

bookrev

Book Rev Lite makes presenting and selling your books a piece of cake. The responsive design includes tools for presenting your books in a beautiful way. Book Rev Lite also includes tools to make downloading your book a breeze for buyers. This theme comes with different custom widgets and beautiful homepage template.

Voice – Premium Theme $48

voice

Voice is a professional WordPress blog/magazine theme created with online news and magazine websites in mind, but it can also be used for simple personal blogs. However, it is highly customizable so it can match your personal taste and be quickly converted into a multi-purpose theme as well.

Voice was made with a modern responsive design, awesome typography and a focus on readability and good visitor experience. Also, Voice was developed with SEO in mind, as well as for fast page loading.

CrossWay – Premium Theme $43

CrossWayis a Startup Landing Page Booststap WP Theme and it’s an advanced, unique and powerful premium WordPress theme suited for personal onepage/singlepage websites/blogs, business websites, users who want a very nice portfolio website where they can showcase their work, or for any other purpose website. It’s fully responsive, flexible, clean, with a professional design, Search Engine Optimised and comes with an advanced framework with tons of powerful and flexible theme options in order to make your life easier and build your site very quickly. Also it has included Visual Composer Page Builder which gives you freedom to create awesome web sites with almost any layout you can imagine in only couple of clicks and will save you tons of time working on the site content!

Eight – Premium Theme $58

eight

Eight is a Stylish Multi-Purpose WordPress theme for creation any kind of site with flawless layouts. Easy customisation, fast install and setup, awesome landing pages content, which can be imported with a single step, basic standard and additional features, helpful supporting documentation, easy-to-follow design – all the important points that makes this theme worth using. Theme is responsive with trendy style and retina ready with sharper and brighter elements. Eight is extremely flexible in customization and use. You can create any kind of website you need with this theme: a personal blog, photo-blog, portfolio or illustrations blog, business, magazine or news websites. You will be able to contact our support team in order to make your website much more attractive and usable.

FlowMaster – Premium Theme $58

FlowMaster is a Electronics Shop WordPress WooCommerce Theme that is a flat, stylish responsive and easy to use WordPress theme. It comes with powerful admin panel that allows you to modify the layout, colours, fonts, sidebars and functionality of the theme. You can easily build pages with content builder plugin. The theme is WooCommerce Ready and will help you build any kind of online shop, fashion and apparel shop, watches and shoes shop, furniture or electronics shop can easily be built with FlowMaster Multipurpose WordPress WooCommerce Theme.