Browse By

17 New Web Design Tools for Designers

The number of resources for web designers and web developers that are launched every month is impressive, but if you consider how big this industry is, it seems quite normal to have over 40 new resources of high quality every month. Imagine that there are web designers and developers all over the world. Of these, a few create tools to help the community and set a high standard which leads to competitiveness which in turn leads to improvements and evolution.

BoonEx

boonex_com

Chart.js

chartjs_org1

Bespoke.js

markdalgleish_com_projects_bespoke_js

Bespoke.js provides the foundation, then gets out of your way so you can focus on uniquely crafting your own personal deck style.

Using keyboard and touch events, Bespoke.js adds classes to your slides, while you provide the CSS transitions.

Sails.js

balderdashy_github_io_sails

Sails.js makes it easy to build custom, enterprise-grade Node.js apps. It is designed to resemble the MVC architecture from frameworks like Ruby on Rails, but with support for the more modern, data-oriented style of web app development. It’s especially good for building realtime features like chat.

jPanelMenu

usablica_github_io_intro_js

jPanelMenu is a jQuery plugin that creates a paneled-style menu (like the type seen in the mobile versions of Facebook and Google, as well as in many native iPhone applications).

Intro.js

usablica_github_io_intro_js (1)

Better introductions for websites and features with a step-by-step guide for your projects.

Drawscript

drawscri_pt

Drawscript is an extension for Illustrator (available in Adobe® Creative Cloud). It generates graphics code from vector shapes in realtime.

Unslider

unslider_com

The jQuery slider that just slides. No fancy effects or unnecessary markup, and it’s less than 3kb.

Chardin.js: Simple overlay instructions for your apps

heelhook_github_io_chardin_js

Superhero.js

superherojs_com

Creating, testing and maintaining a large JavaScript code base is not easy — especially since great resources on how to do this are hard to find.

Simple Grid

thisisdallas_github_io_Simple-Grid

Simple Grid was created for developers who need a barebones grid. Simple Grid works well with 1140px layouts but easily adapts to any size of layout. With fluid columns, Simple Grid is responsive down to mobile.

iCheck

damirfoy_com_iCheck

Hook.js

usehook_com

bluePen

bluepeneditor_com

Responsive nav

responsive-nav_com

Responsive Nav is a tiny JavaScript plugin which weighs only 1.7 KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.

Leave a Reply

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