.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:
Flat Buttons press mepress mepress mepress mepress mepress me
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.
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
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" disabled> Foo </label><label for="baz">Bar</label><input type="radio" name="quux" id="baz" checked><label for="baz">Bar</label><input type="radio" name="quux" id="baz">
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
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.
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.
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:
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.
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
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
CSS Sprite Sheets: Best Practices, Tools and Helpful Applications
Multiple Area Charts with D3.js
10 Life Saving CSS Snippets for the Designer - Changry
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