The web industry is always in a state of constant flow of changes such as new JavaScript frameworks, web and other useful apps for working with client include a few great new showcases/inspiration sites.
Many of the resources below are free or very low-cost, and are sure to be useful to a lot of designers and developers out there. If i missed something that you think it need to be included in this post, please post your comments
1. batman.js
batman.js is a full-stack microframework extracted from real use and designed to maximize developer and designer happiness. It favors convention over configuration, template-less views, and high performance by simply not doing very much. It all adds up to blazingly fast web apps with a great development process; it’s batman.js.
2. agility.js
Agility.js is an MVC library for JavaScript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.
3. Recurly.js
Recurly.js is an open-source JavaScript library for creating great looking credit card forms to securely create subscriptions, one-time transactions, and update billing information using Recurly. The library is designed to create fully customizable order forms while minimizing your PCI compliance scope. This library depends on jQuery 1.5.2+. A future version may be framework agnostic.
4. deck.js
A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft highly customized decks, but also provides templates and themes for the HTML novice to build a standard side-show.
5. Sprite3d.js
Sprite3D wraps HTML elements with the necessary behaviours to easily control their 3D-position using a simple JavaScript syntax. To create a Sprite object, you can either supply an existing DOM object or let the library create an empty
6. Columnal
The Columnal CSS grid system is a “remix” of a couple of others with some custom code thrown in. The elastic grid system is borrowed from cssgrid.net, while some code inspiration (and the idea for subcolumns) are taken from 960.gs.
7. Jux
Stunning. Simple. Unlike anything else. Jux is like blogging in HD. 100% delicious content. Zero crap.
8. Branding 10,000 Lakes
Lake logos have a tendency to be, well, fairly ugly. This project was created to rethink what they could be.
9. Samuel L. Ipsum – Text Generator
Samuel L Ipsum is an alternative Lorem Ipsum Generator, it uses quotes from films which Samuel L Jackson has starred in place of the standard ipsum text.
10. Patternry
Patternry keeps your User Interface design patterns, components and code snippets in one place. It helps designers, developers and others communicate and design great User Experiences.
11. Mail’ette
Mailette is a web application for web designers, freelancers and graphic design agencies to present design mockups to clients with ease.
12. Where’s The Fold ?
This site can help answer the questions about where your site’s content will show up for different percentages of the world’s internet browsers. Based on data gathered from millions of internet users, the graphics on this site will help you lay out content accordingly.
13. Gather Content
Take away the headache with a no-nonsense way of collecting, organising and approving client content for web projects
14. Rocketr – Social Notetaking
A faster, simpler way to share thoughts across all your groups.
15. Spur
Spur is a little app from ZURB which teaches and helps people to critique a webpage in 30 seconds through hands on examples, using your own website.
16. Easy HTML5 Video
It’s great, but what is the usual route to create HTML5 video? First you need to find converters and make three versions of your video – .OGG, MP4, WebM. Then, to provide the compatibility with IE and old browsers you add a fallback Flash version of your video with Flash video player. And finally, you extract an image for poster and write batch lines of code to combine all of it… Quite complicated? Forget about it with EasyHTML5Video!
17. JPEGmini
JPEGmini is a patent-pending photo recompression technology, which significantly reduces the size of photographs without affecting their perceptual quality. The technology works in the domain of baseline JPEG, resulting in files that are fully compatible with any browser, photo software or device that support the standard JPEG format.
18. CSS Deck
CSSDesk is an online HTML/CSS sandbox. Experiment with CSS, see the results live, and share your code with others
19. Animation Fill Code
The CSS3 Animations Module is still in the working draft stage. This means that in order to get the code to work, vendor prefixes are required. After you write your code using either WebKit or Mozilla syntax, use this tool to generate the necessary duplicate code with the appropriate vendor prefixes. The tool will also create duplicate code with the standard (prefix-less) syntax. If you don’t want the standard syntax (which doesn’t work in any browser), then just delete it.
20. LESS Elements
LESS is a fantastic tool that extends CSS and makes writing and maintaining large style–sheets easy. Even so, I found myself re-writing the same mixins again and again for different projects. LESS Elements is a collection of these common re-usable mixins.
21. Web Font Plugin For Photoshop
The Web Font Plug-in for Photoshop® lets you design with the same web fonts you will use to ‘go live’. Frankly, it had to be done–so we did. This plugin is a free public beta and suitcase fusion 3 only but when test this beta all extensis asked from you is to give them useful feedback to make it better.
22. FontDropper 1000 From Extensis
Drag-and-drop web font tester This is the easiest way to test or design with web fonts from WebINK. Just open FontDropper 1000 on any web page and start dropping fonts. See your changes instantly. Adjust font size, color, spacing and more. Start playing with web fonts
23. LayerVault – Simple Version Control App
Developers have CVS, SVN, Git and all kinds of other version control systems. Designers, on the other hand, have strange naming conventions. They have their own systems for storing file versions and backups. That’s now ancient history. You won’t have to change the way you work and that’s the best part. At the time of writing this post, LayerVault are still in private beta
