Boost up your Workflow with these 37 new design resources

Here are some fresh resources for designers and developers to boost your workflow this October.  All are New, Handpicked resources to speed up your web design work.

Blend me in

Access the world’s largest* collection of icons right in Photoshop for free!.

http://blendme.in/

BlendMe.in Photoshop Extension   Browse thousands of Icons  Vectors and other assets directly from Photoshop

 

Background Check

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

http://www.kennethcachia.com/background-check/

BackgroundCheck

 

annyang!

annyang is a tiny javascript library that lets your visitors control your site with voice commands. annyang supports multiple languages, has no dependencies, weighs just 2kb and is free to use.

https://www.talater.com/annyang/

annyang  Easily add speech recognition to your site

 

88 Miles

Simple, smart web based time tracking. You sell time. Do you know how many hours you sold today? 88 Miles helps you track your time, and to track your business.

http://www.88miles.net/

88miles   Simple Time Tracking

 

 What do you stand to make?

Stand to Make is an interactive visual tool for calculating your earnings potential. Do you have an idea for an awesome eBook? Are you designing a killer icon set, UI Kit, or WordPress theme? Whatever the product, Stand to Make can help you answer the question “What do I stand to make?”

http://standtomake.com/

What do you stand to make

 

UI Kit

A lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.

http://www.getuikit.com/index.html

UIkit

 

UI Box

Curated HTML, CSS, JS UI Component Library

http://www.uibox.in/

UIBox   Curated HTML  CSS  JS UI Component Library

 

Splashbox

hi-resolution photos from unsplash.com delivered to your Dropbox every 10 days.

http://splashboxapp.com/

Splashbox

 

Slides

Slides is a place for creating, presenting and sharing presentations.

http://slid.es/

Slides – Create and share presentations online

 

Elusive-Icons Webfont

Elusive Icons is a webfont that can be used with any of your projects. Bootstrap-based, Foundation-based or even your custom projects! It was created by the need for an Open-Source font that can be used in your projects without licencing issues and/or other “attribution” claws.

http://shoestrap.org/downloads/elusive-icons-webfont/

shoestrap.org

 

Responsive elements

Responsive elements makes it possible for any element to adapt and respond to the area they occupy. It’s a tiny javascript library that you can drop into your projects today.

http://kumailht.com/responsive-elements/

Responsive Elements   Helps you build better responsive websites

 

Realnam.es

A faster way to a memorable domain name.

http://realnam.es/

Realnam.es

 

Random Thing Generator

Generate Names, Addresses & Businesses easily. Just click on a line to select it.

http://www.randomthing.me/

Random Thing Generator

 

pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

http://amsul.ca/pickadate.js/

pickadate.js

 

One page Scroll

Create an Apple-like one page scroller website (iPhone 5S website) with One Page Scroll plugin

http://www.thepetedesign.com/demos/onepage_scroll_demo.html

onepage scroll like apple

 

Noise Texture Generator

Generate some nice noise texture with this noise testure generator.

http://www.noisetexturegenerator.com/

Noise Texture Generator v2.1

 

New Old Stock

VINTAGE PHOTOS FROM THE PUBLIC ARCHIVES. FREE OF KNOWN COPYRIGHT RESTRICTIONS.

http://nos.twnsnd.co/

New Old Stock

 

Mixture

Rapid prototyping, static site generation and so much more

http://mixture.io/

Mixture

 

Gif Generator

To make your gif, drag and drop images into the box. Images must be 72dpi (screen resolution) jpeg, bmp or png. Press play to test your gif, and select each frame to change the speed. Download to your desktop and save!

http://generator.15folds.com/

Make a GIF   15 Folds GIF Maker

 

Lootback

Designers Earn Cash Back When You Purchase Themes, Stock Photos, Vectors & Video.

http://lootback.com/

Lootback   Cash Back for Designers   Developers

 

 

Logo!

Convert any text to Yahoo new logo style.

http://logo.thatsaspicymeatball.com/

Logo Designer

 

Little Big Details

Your daily dose of UI inspiration. Featuring little big details of an UI.

http://littlebigdetails.com/

Little Big Details

 

Typ.io

We want to be better at typography. It’s never been easier to deconstruct designers’ decisions so we’re revealing them for all to see. We look under the hood of websites to show what fonts they’re using and how they’re using them.

http://www.typ.io/

Latest typography samples   Typ.io

 

jsPDF

A HTML5 client-side solution for generating PDFs. Perfect for event tickets, reports, certificates, you name it!

http://parall.ax/products/jspdf

jsPDF   HTML5 PDF Generator   Parallax

Inkwell.io

Pen before Pixel : A handmade sketch kit created specifically for web and app designers, filled with carefully curated tools and tips

http://www.inkwell.io/

Inkwell.io   Pen before pixel

 

HOW MUCH TO MAKE AN APP

Estimate the cost of an app easily using this handy tool. A tool by Oomf

http://howmuchtomakeanapp.com/

How Much Does It Cost To Make An App

 

Hopscotch

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

http://linkedin.github.io/hopscotch/

hopscotch

 

Assemble

It has never been easier to leverage the full force of powerful frameworks like Bootstrap and Zurb Foundation. Nothing can stop you now.

http://assemble.io/

Home   Assemble

 

Hex Invaders

The world needs your typically useless skill of Hex Code knowledge to prevent the invasion. Hex based game to learn while play.

http://www.hexinvaders.com/

Hex Invaders

 

Semantic UI

UI is the vocabulary of the web. Semantic empowers designers and developers by creating a language for sharing UI.

http://semantic-ui.com/

Getting Started   Semantic UI

 

Generate WP

The easiest and the fastest way to create custom and high quality code for your WordPress project using the latest WordPress coding standards and API’s.

http://generatewp.com/

GenerateWP

 

Embed Responsively

embedresponsively.com helps build responsive embed codes for embedding rich third-party media into responsive web pages.

http://embedresponsively.com/

embedresponsively.com

 

Editorially

Editorially makes collaborative writing easy. Write. Rewrite. Share and discuss. Everything you need to make good writing great.

https://editorially.com/

Editorially

 

Create CSS3

Generate CSS3 for more browsers faster than ever.

http://www.createcss3.com/

Create CSS3   Easy CSS3 Generator

 

Colorrrs

Just press spacebar and see some great colors.

http://colorrrs.com/

Colorrrs

 

Cloud Convert

Convert anything to anything. CloudConvert supports the conversion between more than 100 different audio, video, document, ebook, archive, image, spreadsheet and presentation formats.

https://cloudconvert.org/

CloudConvert   convert anything to anything

 

blurr

Because the internet doesn’t always deserve 20/20 vision.

http://blurr.im/

blurr   The internet doesn t always deserve 20 20 vision

 

Hope you enjoyed these new tools and resources for designers and developers. Please do not forget to share it. Subscribe us to get more awesome resources right there in your inbox.

 

Freelance Web & UX Designer from Incredible India. I design and develop creative websites, landing pages, and applications for startups and enterprises.

Twitter