10++ Best Web Developers Resources and Tools from 2011 (Part 1)

Sam Deering
Tweet

What we have for you today is our selection of what we think the most useful and innovative tools and resources from 2011. We have come up with a wide list but we’ll just be giving you 20 tools and resources (including frameworks, boilerplates, apps, JavaScript resources, CSS3 animations tools, etc.) and here’s the first part of it. So, no matter what, you are assured to discover something really, really useful from 2011. Have fun!

Related Posts:

1. Mobilizer

Is a Webkit-based Adobe AIR app that lets you preview your mobile websites, design mockups, and local HTML on a variety of phone shells. With Mobilizer all you have to do is visit any URL or drag and drop local HTML, Flash, or even image files. It can export PNGs of device views – perfect for portfolios.


Mobilizer

Source + Demo

2. Instant WordPress

Is a complete standalone, portable WordPress development environment for Windows. It has a built-in Apache web server, PHP, and MySQL installations that start and stop automatically and comes with dummy posts and pages for fast theme and plugin testing.


Instant WordPress

Source + Demo

3. Google Swiffy

Converts Flash SWF files to HTML5, allowing you to reuse Flash content on devices without a Flash player (such as iPhones and iPads). The output works in all Webkit browsers such as Chrome and Mobile Safari.


Google Swiffy

Source + Demo

4. Kendo UI

Combines everything needed for modern JavaScript development, including a powerful DataSource, universal Drag-and-Drop, Templates, Themes, and UI Widgets.


Kendo UI

Source Demo

5. Ace

Is a standalone code editor written in JavaScript with the goal to create a browser based editor that matches and extends the features, usability and performance of existing native editors such as TextMate, Vim or Eclipse.


Ace

Source + Demo

6. Microjs

Is a large collection of micro-frameworks and micro-libraries, with most under 2kb in size. Get exactly what you need and nothing more, keeping the load light.


Microjs

Source + Demo

7. Cube

Is an open-source system for visualizing time series data, built on MongoDB, Node and D3. If you send Cube timestamped events (with optional structured data), you can easily build realtime visualizations of aggregate metrics for internal dashboards (for example, you might use Cube to monitor traffic to your website).


Cube

Source + Demo

8. D3

Allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. It is not a traditional visualization framework. Rather than provide a monolithic system with all the features anyone may ever need, D3 solves only the crux of the problem: efficient manipulation of documents based on data. This gives D3 extraordinary flexibility, exposing the full capabilities of underlying technologies such as CSS3, HTML5 and SVG.


D3

Source Demo

9. Ideal Forms

Is a very easy to use and small framework that helps you build powerful and beautiful online forms. Everything is stylable with CSS and comes packaged with three styles (sapphire, comix and forest) to get you started. It degrades gracefully with JavaScript disabled.


Ideal Forms

Source + Demo

10. Jwerty

Is a small (1.5kb) JS lib which allows you to bind fire and assert key combination strings against elements and events. It normalizes the poor std api into something easy to use and clear.


Jwerty

Source + Demo

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.