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.
"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.
"Fixie.js is an open source tool that automatically adds filler content to HTML documents"
Kartograph is a new framework for building interactive map applications without Google Maps or any other mapping service
"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"
"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"
"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"