If you’re a web developer, you’re almost certainly constantly looking for ways to improve your skills, expand your technology arsenal, and keep on top of the latest trends in development and design. Whether you need to pick up a new JavaScript frameworks, looking for some new and useful apps. Inside today’s post you’ll find 12 New Resources For Web Developers.

1. Smooth.js

Smooth.js takes an array of numbers or vectors and returns a parametric function that continuously interpolates that array. Smooth.js supports several interpolation methods, and flexible options for boundary behavior.

Smooth.js is written in clean, easy-to-read CoffeeScript, and has no external dependencies. It is licensed under the permissive MIT license, so you can use it in just about any project.

2. Timeline

Timeline is also great for pulling in media from different sources. It has built in support for pulling in Tweets and media from Twitter, YouTube, Flickr, Vimeo, Google Maps and SoundCloud. More media types will be supported in the future.  Creating one is as easy as filling in a Google spreadsheet or as detailed as JSON.

3. Retina.js

When your users load a page, retina.js checks each image on the page to see if there is a high-resolution version of that image on your server. If a high-resolution variant exists, the script will swap in that image in-place.

The script assumes you use Apple’s prescribed high-resolution modifier (@2x) to denote high-resolution image variants on your server.

4. jQuery PopBox

jQuery PopBox is a simple balloon UI element inspired by 37Signals Highrise CRM. jQuery PopBox requires a specific HTML structure in order to work. There is also a small stylesheet that can be used. jQuery is a dependency.

5. HTML2Canvas

This script allows you to take “screenshots” of webpages or parts of it, directly on the users browser. The screenshot is based on the DOM and as such may not be 100% accurate to the real representation as it does not make an actual screenshot, but builds the screenshot based on the information available on the page.

6. NHP Theme Options Framework

NHP Theme Options Framework is a simple, easy to use, very extendable options framework for WordPress themes. Every function/action can be customized, with more hook points and configuration options being added with every update.

7. WebPutty

WebPutty is a simple CSS editing and hosting service.  WebPutty gives you a syntax-highlighting CSS editor you can use from anywhere, the power of SCSS and Compass, a side-by-side preview pane, and instant publishing with minification, compression, and automatic cache control.

8. Camera

Camera slideshow is an open source project, based on Diapo slideshow (http://www.pixedelic.com/plugins/diapo, no more supported, sorry), but improved a lot. You can suggest changes or improvements if you want. Camera slideshow requires jQuery 1.4+ and other jQuery plugins are necessary and if you want to use some functionality: jQuery Easing and a customized version of jQuery Mobile to use Camera with mobile devices.

9. Graphene

Graphene is a realtime dashboard & graphing toolkit based on D3 and Backbone.  It was made to offer a very aesthetic realtime dashboard that lives on top of Graphite (but could be tailored to any back end, eventually).

Combining D3’s immense capabilities of managing live data, and Backbone’s ease of development, Graphene provides a solution capable of displaying thousands upon thousands of datapoints in your dashboard, as well as presenting a very hackable project to build on and customize.

10. Fake S3

FakeS3 is a lightweight server that responds to the same calls Amazon S3 responds to.
It is extremely useful for testing of S3 in a sandbox environment without actually making calls to Amazon, which not only require network, but also cost you precious dollars.

The goal of Fake S3 is to minimize runtime dependencies and be more of a development tool to test S3 calls in your code rather than a production server looking to duplicate S3 functionality. Trying RiakCS, ParkPlace/Boardwalk, or Ceph might be a place to start if that is your goal.

11. Create JS

CreateJS is a suite of modular libraries and tools which work together to enable rich interactive content on open web technologies via HTML5. These libraries are designed to work completely independently, or mixed and matched to suit your needs. The CreateJS Suite is comprised of: EaselJS, TweenJS, SoundJS, PreloadJS, and Zoë.

12. Screenqueries

Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions


12 New Resources For Web Developers