background preloader


Facebook Twitter

Pure CSS Responsive Icons. Buttons - A CSS button library built with Sass and Compass. Flat Buttons.

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]"> With default options you'll get nearly this:

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. 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. Please note: this only works as intended in browsers that support the respective CSS properties. 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. Some of its capabilities and features include: Search data on the client, server, or bothHandle multiple inputs on a single page with shared data and cachingSuggest multiple types of data (e.g. searches and accounts) in a single inputSupport for international languages, including right-to-left (RTL) and input method editors (IME)Define custom matching and ranking functionsGrey text hints that help explain what hitting tab will do.

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. 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. When compared to other responsive CSS frameworks available it is also one the most mature frameworks with the largest user base at the moment, which certainly will have a positive effect on how mobile friendly websites are build. To help you get started, I have collected a list of my favorite Twitter Bootstrap templates.

Article Index. Paper.js — Paper.js. BootMetro. Building Firefox OS. Elusive icons, an icons font designed for use with Bootstrap. In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery.

Extending Twitter Bootstrap Typeahead Plugin. 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. We needed a slightly different functionality. Our use case: 2 inputboxes, one for postal code (the numeric form) and one inputbox for the community that has that postal code.In Belgium different communities can have the same postal code, and the right community should be selected on selecting a postal code.

The typeahead plugin is not suited for that. We wanted to use typeahead instead of any other existing JQuery plugin since we’re already using twitter bootstrap. To achieve this I extended, (actually more copied and altered) typeahead. 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: 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! Features Validate form fields from over a dozen rules No dependencies Customizable messages Supply your own validation callbacks for custom rules Chainable customization methods for ease of declaration Conditionally validate certain form fields Works in all major browsers (even IE6!)

Bootleg.css Twitter Bootstrap. Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. 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 Compass Compass is the quintessential companion to Sass. Bourbon Sass Mixins Library If Compass seems like overkill for you, but you still like the idea of leveraging some awesome CSS3 mixins, check out Bourbon. 18 Useful Twitter Boostrap Goodies You Should Know. Code smells in CSS.

20 November, 2012. Sass Mixins Library. Mastering Sass extends and placeholders. Best Web UI Interface Framework Kits. Introduction to CSS3 – Part 1: What Is It? This article marks the first of several, providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. 20 Must Know Recent CSS and CSS3 Resources and Tools. Asynchronous JavaScript Programming. The Power Of $.Deferred for HTML5 Application. One of the most important aspects about building smooth and responsive HTML5 applications is the synchronization between all the different parts of the application such as data fetching, processing, animations, and user interface elements.

The main difference with a desktop or a native environment is that browsers do not give access to the threading model and provide a single thread for everything accessing the user interface (i.e. the DOM). Gallery of free HTML snippets for Twitter Bootstrap. Extend Twitter Bootstrap Javascript Plugins. Twitter Boostrap is gaining a lot of attentions nowadays.

10 Easy Image Hover Effects You Can Copy and Paste. Hover effects are always a fun topic to explore. In the past, we’ve built some awesome examples of CSS hovers that were easy to copy and paste right into your code. 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. 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)

Free textures for your next web project.