For the past few months, we’ve seen a lot of new tools and resources for web designers and developers. This time, we’re going to share some new web apps, jQuery plugins, JavaScript resources, CSS and HTML frameworks, web development tools, and more. Some of these resources are free or very low-cost, and are sure to be useful to a lot of web developers and designers for their web projects.

Check them out to see how they can help. Don’t forget to bookmark your favorites for future reference, and share this article with your friends and co-workers!



Flight is an event-driven JavaScript framework that charts behavior to DOM nodes from Twitter. It utilizes ES5-shim and jQuery, as well as an AMD implementation like LoadRunner and Require.js.




This SASS tooltip library uses only HTML and CSS (no JavaScript) for creating simple tooltips using data-*, pseudo elements, content property, and CSS3 transitions. It can be degraded seamlessly, without any transition in browsers where CSS3 transitions aren’t supported.



This web application lets users easily build simple websites for small businesses. The resulting websites work perfectly on both desktops and mobile devices. The sites are also Cloud-hosted, includes custom form capability, and are SEO-friendly. Starter sites cost as little as $8 per month, with more robust plans available.

Mueller Grid System

Mueller is a modular grid system based on Compass. It works great on both responsive and non-responsive designs, with complete control over column width, gutter width, baseline grid, and media queries.

Top Drawer

top drawer

This tool uses CSS3 transitions to smoothly reveal menus, instead of JavaScript animations. It uses Modernizr to detect browser compatibility for CSS3 transitions, and makes use of JavaScript as a fallback.



This is a great tool for organizing team and projects. It works well with the things you already have in Dropbox, Google Drive, Evernote, and Box. It includes full previews that are up-to-date within Dispatch so you don’t have to download or update manually each time there’s a new feature.



Notism is a nice tool for working on visual content within a team. Users can upload, stack, and review visual project concepts; create working prototypes of static template; discuss drafts, and more. It also includes tools for signing off on layouts.



This plugin is used for CSS3 text animations that combines a number of awesome libraries to provide an easy-to-use plugin. All you need to do is to include it and its dependencies in your web project, then you can start creating awesome effects.



This easy-to-use toolkit is used for creating web interfaces. It uses HTML, CSS and JavaScript for building layouts, displaying common interface elements, implementing content-focused interactive features, and many more.



Cashboard makes it quicker and easier for you to run your business online. It features project management tools, tracking of time and expenses, invoicing, and even payment acceptance. The free plan offers support for one employee and two active projects, while the premium option offers more advanced features.