31 May 2012

Best New Web Technology Design Development Resources

In this post we have collected new resources and tools, particularly relevant to web designers and developers. These tools are available that can help web designs stand out with amazing effects. Click on an individual image to take you to the selected site.

"Codeanywhere is a code editor in a browser with an integrated ftp client, and all popular web formats are supported (HTML, PHP, JavaScript, CSS, and XML)"

"DirtyMarkup combines the power of HTML Tidy, CSS Tidy,JS Beautify, and the Ace editor to effortlessly clean up your messy code"

"The Responsinator helps website makers quickly get an indication of how their responsive site will look on the most popular devices. It does not precisely replicate how it will look, for accurate testing always test on the real devices"

"SnipSave features a very easy-to-use interface where you can quickly create, edit and delete code snippets. It was designed and built for ease and speed of use"

Beautifully crafted timelines that are easy, and intuitive to use.

"CanJS is an MIT-licensed, client-side, JavaScript framework that makes building rich web applications easy"

CSS optimizer

"Fixie.js is an open source tool that automatically adds filler content to HTML documents"

"heatmap.js is a JavaScript library that can be used to generate web heatmaps with the html5canvas element based on your data"

Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service

"Leaflet is a modern, lightweight open-source JavaScript library for mobile-friendly interactive maps. It is developed by CloudMade to form the core of its next generation JavaScript API"

"Evaluate your JavaScript functions in real-time _while_ editing"

"With SpritePad you can create your CSS sprites within minutes seconds. Simply drag & drop your images and have them immediately available as one PNG sprite + CSS code"

"Webshims Lib is a modular capability-based polyfill-loading library, which focuses on accurate implementations of stable HTML5 features, so that developers can write modern, interoperable and robust code in all browsers"

"A javascript library for multi-touch gestures"

"HTML5 Notifications come in two flavours: plain text and HTML. Plain text allows you to customize a couple of parameters, HTML shows any .html file you want as a notification"

"KineticJS is an HTML5 Canvas JavaScript library that extends the 2d context by enabling high performance path detection and pixel detection for desktop and mobile applications"

"A full-fledged scrolling animation library. In fact, you can use it and still have no parallax scrolling at all"

"A very easy way to implement and activate a plethora of social sharing buttons — any time you wish. On document load, on article hover, on any event!"

"Harness the power of type annotations and program specifications to make your code robust"

Feel Free to add your comments to this post, thank you.

Search Keywords Here