Web

Facebook Twitter

Cikonss | Pure CSS Responsive Icons. Buttons - A CSS button library built with Sass and Compass. Flat Buttons press mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress mepress 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.

Tab drop for Bootstrap, from Twitter

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. Bootstrap-Markdown designed to be easily integrated with your bootstrap project.

Bootstrap Markdown

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. Customize checkboxes and radio buttons with iCheck (jQuery and Zepto) plugin. iCheck plugin works with checkboxes and radio buttons like a constructor.

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

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]">

Springy - A force directed graph layout algorithm in JavaScript. Simple Icon Hover Effects. A set of simple round icon hover effects with CSS transitions and animations for your inspiration.

Simple Icon Hover Effects

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. 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.

Cascade Framework

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.

Typeahead.js: You Autocomplete Me

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. Dropzone.js.

8 Amazing jQuery Lightbox Plugins You Need to Check Out. jQuery can be defined as a cross browser java script library.

8 Amazing jQuery Lightbox Plugins You Need to Check Out

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. Notification. 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.

Backbone.js, now realtime with Pusher - Realtime Blog

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. 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.

80 Awesome Twitter Bootstrap Templates To Get You Started

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. Paper.js — Paper.js.

BootMetro. Building Firefox OS. Elusive icons, an icons font designed for use with Bootstrap. X-editable :: In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery. Extending Twitter Bootstrap Typeahead Plugin | redlab-log.

Update: also read this post In twitter bootstrap there is a JQuery plugin for auto completion. It’s called bootstrap-typeahaed. Typeahead uses an array of strings as datasource and is easily activated with in it’s simplest form 1 line of code. It’s very easy to use but somewhat limited. JavaScript and jQuery PDF Viewer Plugins. Today’s post is about some JavaScript and jQuery PDF related plugins we found on the Internet that allows you to embed and view PDF files. Enjoy! Related Posts: pdf.js. Backgrid.js.

List of Twitter Bootstrap Resources. Gridy.js Demo. Validate.js. Lightweight JavaScript form validation library inspired by CodeIgniter. No dependencies, just over 2kb gzipped, and customizable! Validate.js (development - 16kb) validate.min.js (minified - 2.1kb) Example All of the fields were successfully validated! Bootleg.css Twitter Bootstrap. Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. 30 Amazing Resources for Sass Lovers. Despite the predictions of countless skeptics, Sass hasn’t proved to be a fad at all, but rather a remarkably robust set of tools that genuinely improve CSS authoring.

I’m a huge Sass fan and I know many of you are too, so I’ve compiled this list of thirty amazing resources for Sass lovers. In it you’ll find all kinds of goodies built on and for Sass: frameworks, plugins, apps and a lot more. Frameworks and Grid Systems. 18 Useful Twitter Boostrap Goodies You Should Know. Code smells in CSS. Sass Mixins Library. Mastering Sass extends and placeholders | 8 Gram Gorilla. 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. Gallery of free HTML snippets for Twitter Bootstrap. | Bootsnipp.com.

Extend Twitter Bootstrap Javascript Plugins. 10 Easy Image Hover Effects You Can Copy and Paste. Useful JavaScript Libraries and jQuery Plugins For Web Developers. DocumentCloud's VisualSearch.js. 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. JavaScript Patterns. All About Floats. Dust by LinkedIn.

25 CSS Snippets for Some of the Most Common and Frustrating Tasks. Journey Through The JavaScript MVC Jungle. 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. 10 things you didn't know JavaScript could do. Mutually Human Software. Powerful New CSS- and JavaScript-Techniques (2012 Edition)

Responsive Web Design just got Easier with the Responsive Grid System. 20 Essential jQuery Plugins for Every Developer's Toolkit. Browse Palettes. Over 100 Incredible Infographic Tools and Resources (Categorized) Subtle Patterns | Free textures for your next web project.