Skel JS is a sophisticated 12 column CSS grid system with tons of cool features and a concise, uncluttered syntax for building responsive sites and apps.

It offers a streamlined replacement for CSS media queries that’s intelligent and extremely easy to work with. It comes with handy shortcuts to deal with common CSS tasks, like browser resets and global box model changes.

Skel JS also has no dependencies and will play nice with (most) other libraries and frameworks.

FPSMeter is a simple JavaScript library for sexy, fast, and themable FPS meter. It can measure:

• Frames per second
• Number of milliseconds between frames
• Number of milliseconds it takes to render one frame

FPSMeter supports multiple instances on one page, has show/hide methods that also pause the meter rendering, and color heatmaps that make themes even more pretty!

Draggabilly is a lightweight JavaScript library to make HTML elements draggable.

It supports IE8+ and works great on mobile with touch.

Discover DevTools is an interactive Code School training course that will teach you how to take advantage of Chrome DevTool’s powerful suite of resources and speed up the development and debugging of your web apps.

Flowtime.js is a framework for easily building HTML presentations or keyboard driven websites. You can navigate through pages via links, keyboard or deep-linking. Links are managed using the href value targeting a formatted hash destination.

Flowtime.js is designed to perfectly fit your viewport and is based on a solid display: inline-block; foundation.

This framework doesn’t style your presentations or sites for you but it takes care of all the annoying things like navigation and deep-linking, so you are free to style every single element of your design as you like. But for the ones who need a ready-to-use tool it comes with a default theme that you can edit or you can add new themes just by linking your CSS files.

Intro.js a small script which offers a better way for new feature introduction and step-by-step users guide for your website and project. It comes with the ability to navigate with mouse and keyboard arrows.

If you are using the rails asset pipeline you can use the introjs-rails gem and use this project for Yii framework.

With the many benefits of using CSS, such as quicker download time, improved accessibility and easier site management, more and more web developers / designers are ditching tables and coming round to the idea of using CSS to control the layout of their site. And same is the case with JavaScript: offers a great intuitive browsing experience by quickly interacting with the user.

Historically the main problem with using CSS/JavaScript has been lack of browser support and here comes the hacks.

Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs.

FileReader.js is a lightweight wrapper for the JavaScript FileReader interface. This JavaScript interface allows you to read local files as binary.

FileReader.js does not require any other libraries. If you do use jQuery, there is a small plugin wrapping up the functionality though.

Opentip is an open source javascript tooltip framework. It comes as a framework independent tooltip and framework dependent as well. You can choose any adapter you want so you can work with the framework of your choice.

Supported frameworks are:

• Native. You can use this one if you don’t use any framework.
• Ender
• Component
• jQuery
• Prototype

There are great styles built right into opentip and it’s easy to create your own. Opentip can automatically download their contents via AJAX. It’s extremely easy to configure them to do

Just like Twitter Bootstrap, Ink is an interface kit for quick development of web interfaces/prototypes, simple to use and expand on.

It uses a combination of HTML, CSS and JavaScript to offer modern solutions for building layouts, display common interface elements and implement interactive features that are content-centric and user friendly for both your audience and your designers & developers.