Menu

Useful Freebies for Web Designers & Developers from 2014 – Part 4

This is a fourth roundup of useful freebies for Web Designers and Developers. Every month a lot of useful tools and web apps are released for designers and developers to help them with their designing issues. Each of these tools serves a unique purpose and most developers have integrated them into their workflow. The purpose of these tools is to save the time and the workflow to make much easier, plus designers and developers gets professional tools to learn and add to the projects in freely way.

In this article we have compiled a list of Best Tools for Web Designers and Developers which might be useful for their assignments and can help them to achieve the desired and eye catching results in certain period of time. Following tools are free but contain premium features and you can use them for your commercial or non commercial projects. If you are aware of any other useful tools for web designers, please let us know by shooting a comment below. Enjoy!

1. Card

card-2Card is a single line of code that can make your credit card forms much more user-friendly. It’s built with pure CSS, HTML, and JS (no images), and includes animations for 4 different card types.

Open Source

2. Bootsketch

BootsketchBootsketch is a little Bootstrap 3 theme for wireframing web project. Unlike the Bootstrap base theme, Bootsketch provide a sketch render to remove all “design feeling” when we present it to client or during user test.

Open Source

3. Boba.js

Boba-jsBoba.js is a small, easily extensible JavaScript library that makes working with Google Analytics easier.

Open Source

4. Simple Sharing Buttons Generator

simplesharing-2The Simple Sharing Buttons Generator makes it easy to create HTML sharing buttons for Facebook, Twitter, Google+, and more. There are several styles to choose from and it’s completely free.

Open Source

5. PlayCanvas

playcanvas-2PlayCanvas is an easy to use WebGL Game Engine that’s free, open source, and includes collaborative development tools.

Open Source

6. Kivo

kivo-2Kivo makes it easy to annotate PowerPoint or PDF presentations. Just drag and drop your file to upload and get started.

Open Source

7. ScrollMe

ScrollMeScrollMe is a jQuery plugin for adding simple scrolling effects to web pages.

Open Source

8. Outdated Browser

Outdated-Browser1A simple tool to identify and upgrade old browsers.

Open Source

9. The Awesome Free Toolbox

awesome-2The Awesome Free Toolbox is a collection of awesome web design tools that includes resources for images, templates, and even hosting.

Open Source

10. Griddify

griddify-2Griddify makes it quick and easy to create custom grid systems with vertical rhythm in Photoshop. It works in Photoshop CS6/CC (though there are bugs in CS6).

Open Source

11. BTNS

BTNSA small css module for building beautiful, responsive buttons.

Open Source

12. Screenshotter

screenshotter-2Screenshotter is a free iOS app for organizing your mobile screenshots. It automatically separates your photos from your screenshots, makes it easy to share and archive shots, and lets you arrange them in folders, among other features.

Open Source

13. HeadStart

HeadstartAn easy-to-use automated front-end setup.

Open Source

14. Dept. of Design Web Field Manual

fieldmanual-2The Dept. of Design Web Field Manual, Summer 2014 edition, is a curated, categorized collection of some of the best resources out there for web design.

Open Source

15. Odyssey.js

Odyssey-jsThe odyssey.js library is being developed to help journalists, bloggers, and other people on the web publish stories that combine narratives with maps and map interactions.

Open Source

16. Tumblr Boilerplate

tumblr-2This Tumblr Boilerplate is a simple starting point for creating a great Tumblr theme. It includes post type support, it’s HTML5 based, and it’s optimized for speed.

Open Source

17. Get Shit Done

getdone-2Get Shit Done is a collection of free design elements, including buttons, menus, navigation, typographic styles, notifications, JavaScript components and more. There’s also a paid pro version with more resources.

Open Source

18. Pho Devstack 1.0

pho-2The Pho Devstack is an automated workflow for front-end developers. It includes tools for compiling, minifying, CSS prefixing, and more.

Open Source

19. Filament

filament-2Filament is an app “store” for your website that lets you easily install free apps on your site with a drag-and-drop interface, no code required.

Open Source

20. Cody

cody-2Cody is a free collection of HTML, CSS, and JavaScript snippets for your website. So far there are snippets for navigation, intros, shopping carts, and more.

Open Source

21. Dimensions Toolkit

dimensions-2The Dimensions Toolkit is a Chrome Extension for testing responsive websites that works offline, is refresh-friendly, and lets you add custom breakpoints. There’s also an online version.

Open Source

22. Framer.js

framer-2Framer.js is a prototyping toolkit to turn static mockups into animated and interactive prototypes.

Open Source

23. RandomColor

randomcolor-2randomColor is a JavaScript color generator. Unlike other color generators, though, by default it only generates “attractive colors”, eliminating grays, browns, and murky greens.

Open Source

24. Famo.us

famous-2Famo.us is a free, open source JavaScript app framework. It includes an open source 3D layout engine, a 3D physics animation engine, and more.

Open Source

25. FlexBox Grid

flexbox-2The Flexbox Grid is a grid system based on the “flex” display property. It’s responsive, fluid, has a simple syntax, and much more.

Open Source

26. Weblox

weblox-2Weblox is a simple webpage template builder that lets you easily build fully responsive pages based on Bootstrap.

Open Source

27. Finch

finch-2Finch is a tool for viewing local websites on any internet connected device. Just install the app and get a temporary public URL for your local project, secured with SSL.

Open Source

28. Respondly

respondly-2Respondly is a team inbox for email and Twitter, perfect for customer support, team workflows, and more. It’s free to try, with plans starting at just $9/month.

Open Source

29. Jeet

jeet-2Jeet is a grid system built for the way humans read things, rather than the way machines do. It eliminates needlessly nesting elements, rigid column rules, and more.

Open Source

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.