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
Chart.js
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
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
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
Better introductions for websites and features with a step-by-step guide for your projects.
Drawscript
Drawscript is an extension for Illustrator (available in Adobe® Creative Cloud). It generates graphics code from vector shapes in realtime.
Unslider
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
Superhero.js
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
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
Hook.js
bluePen
Responsive nav
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.
Originally posted 2014-09-09 18:05:14.