Facebook Twitter
.icon-home .icon-arrowRight .icon-arrowLeft .icon-arrowDown .icon-arrowUp .icon-comment .icon-comment-text .icon-mail .icon-calendar .icon-plus .icon-minus .icon-file .icon-folder .icon-tag .icon-desktop .icon-tablet .icon-phone .icon-menu .icon-download .icon-upload .icon-tpl-full .icon-tpl-side-r .icon-tpl-side-l .icon-list-view .icon-grid-view .icon-camera .icon-image .icon-play .icon-stop .icon-pause .icon-forward .icon-next .icon-rewind .icon-prev .icon-stats .icon-battery-empty .icon-battery-1_4 .icon-battery-half .icon-battery-3_4 .icon-battery-full .icon-sound-mute .icon-sound-normal .icon-sound-loud Usage Include cikonss.css file in the head of your html file, like so: Now you can simply choose out of 43 icons, 5 sizes and 3 variants. An icon is made of two <span> elements. Parent element defines: Cikonss | Pure CSS Responsive Icons

Cikonss | Pure CSS Responsive Icons

Buttons - A CSS button library built with Sass and Compass Flat Buttons press mepress mepress mepress mepress mepress me

Buttons - A CSS button library built with Sass and Compass

Tab drop for Bootstrap, from Twitter Example Basic exemple. Resize the window to see how the tabs are moved into the dropdown With tabs on the bottom and custom text for the dropdown tab. With pills. Tab drop for Bootstrap, from Twitter
Bootstrap-Markdown designed to be easily integrated with your bootstrap project. It exposes useful API that allow you to fully hook-in into the plugin Switch regular textarea within your form into Bootstrap-Markdown editor seamlessly by adding data-provide="markdown" attribute Code Bootstrap Markdown Bootstrap Markdown
Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which may be customized by you or using one of the available skins. You may also place inside that div some HTML code or text using insert option. For this HTML: <label><input type="checkbox" name="quux[1]" disabled> Foo </label><label for="baz[1]">Bar</label><input type="radio" name="quux[2]" id="baz[1]" checked><label for="baz[2]">Bar</label><input type="radio" name="quux[2]" id="baz[2]">

Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin

A force directed graph layout algorithm in JavaScript. What is Springy? Springy is a force directed graph layout algorithm. Springy - A force directed graph layout algorithm in JavaScript. Springy - A force directed graph layout algorithm in JavaScript.
A set of simple round icon hover effects with CSS transitions and animations for your inspiration. View demo Download source Today we want to share some simple icon hover effects with you. The idea is to create a subtle and stylish effect using CSS transitions and animations on the anchors and their pseudo-elements. For the icons we are using an icon font (Eco Ico by Matthew Skiles, created with the IcoMoon app) which we add using the :before pseudo-class. Simple Icon Hover Effects Simple Icon Hover Effects
Cascade Framework The generic "cell" class further provides a default padding that can be used as a child for your grid cells to provide a default responsive gutter across your page. You can easily define your grid by adding your own custom styling rules as shown in the example below. If you need to support IE<9, you will need to add a shiv to allow the section, article, header, footer, aside and nav elements to be styled. Cascade Framework
Typeahead.js: You Autocomplete Me Twitter typeahead.js is a fast and battle-tested jQuery plugin for auto completion. Today we’re open sourcing the code on GitHub under the MIT license. By sharing a piece of our infrastructure with the open source community, we hope to evolve typeahead.js further with community input. If your web application needs a fully-featured queryable search box, typeahead.js can help. Typeahead.js: You Autocomplete Me


The typical way of using dropzone is by creating a form element with the class dropzone: That's it. Dropzone will find all form elements with the class dropzone, automatically attach itself to it, and upload files dropped into it to the specified action attribute. The uploaded files can be handled just as if there would have been a html input like this: Dropzone.js
8 Amazing jQuery Lightbox Plugins You Need to Check Out jQuery can be defined as a cross browser java script library. It is a multi-browser java script library and is basically designed for the purpose of simplifying the scripting of HTML on the client side. This is also the most popular java script library which is used by the people these days. jQuery has a lot of advantages such as it is absolutely free of any cost and it is also open source software. The syntax of this software is designed in a way that it makes it easier to navigate a document in addition it also helps to select DOM elements, create animations , handle events and also helps to develop ajax applications. Using jQuery the developers can also create plug-ins and also create low level interactions.
Pines Notify comes with the following files: jquery.pnotify.js & jquery.pnotify.min.js (Minified) - The main JavaScript. jquery.pnotify.default.css - The main stylesheet. jquery.pnotify.default.icons.css - Use this to support Pines Icon styles. Pines Notify
Backbone.js, now realtime with Pusher - Realtime Blog This tutorial was written by Micheil Smith Recently there have been a number of frameworks developed that allow you to add extra structure to your code when building rich javascript-heavy applications. These frameworks often achieve this structure by adding in layers of Models, Controllers, Views, and Events, most of the time performing synchronisation between the client and server using AJAX.

Badass JavaScript

Rik Arends has just released TraceGL, an interesting JavaScript codeflow debugging tool using WebGL for its UI rendering. Described as “an oscilloscope, for code”, TraceGL is an improvement on the familiar step debuggers that can be found in browser dev tools like Chrome, Firebug, and now Firefox itself. TraceGL works by instrumenting all of your code so it knows when calls took place, and all of the boolean logic that determined which code path to take. Then it visualizes all of this, using WebGL for performance, showing you a high level overview called the “mini map” in the top left, a log of function calls in the top right, the call stack in the bottom left, and finally the code for the function in the bottom right. As your code runs, TraceGL visualizes all of this data in real time. The mini map is useful to see the ebbs and flows of the code, i.e. where the stack gets deeper and shallower again.

80 Awesome Twitter Bootstrap Templates To Get You Started

Twitter Bootstrap is a powerful and easy to use framework enabling front-end developers to craft professional and high quality Bootstrap templates with flexible responsive layouts that look great on tablets, mobiles and desktops. Since its release back in august 2011 the development community has been growing fast, providing developers with the tools and knowledge to create ready-to-use, native Bootstrap html/CSS templates or themes that work on popular publishing platforms like WordPress and Joomla. One of the main reasons why Bootstrap is so popular is the ability to develop web apps and websites fast and its support for responsive design.
Building Firefox OS
Extending Twitter Bootstrap Typeahead Plugin | redlab-log
JavaScript and jQuery PDF Viewer Plugins
Gridy.js Demo
Bootleg.css Twitter Bootstrap
30 Amazing Resources for Sass Lovers
18 Useful Twitter Boostrap Goodies You Should Know
Sass Mixins Library
Mastering Sass extends and placeholders | 8 Gram Gorilla
40+ Best Web UI Interface Framework Kits
Introduction to CSS3 – Part 1: What Is It?
20 Must Know Recent CSS and CSS3 Resources and Tools
Asynchronous JavaScript Programming. The Power Of $.Deferred for HTML5 Application
Extend Twitter Bootstrap Javascript Plugins
Useful JavaScript Libraries and jQuery Plugins For Web Developers
CSS Sprite Sheets: Best Practices, Tools and Helpful Applications
Multiple Area Charts with D3.js
Javascript Tips for Non-Specialists
10 Life Saving CSS Snippets for the Designer - Changry
Collie - High Performance Animation Library for Javascript
Dust by LinkedIn
50+ Useful CSS3 Tutorials to Enhance Your Skills
Tabs with Round Out Borders
Pull Off Awesome Scroll Effects With Scroll.js
Playing a little with Ember.js | Mauro Krikorian
Mutually Human Software
20 Essential jQuery Plugins for Every Developer's Toolkit
Browse Palettes