background preloader


Facebook Twitter

Pure CSS Responsive Icons. Buttons - A CSS button library built with Sass and Compass. Tab drop for Bootstrap, from Twitter. Bootstrap Markdown. Bootstrap-Markdown designed to be easily integrated with your bootstrap project.

Bootstrap Markdown

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. Cascade Framework. Typeahead.js: You Autocomplete Me. 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. One such framework that has recently grown in popularity is Backbone.js. Update: The code associated with this post has been updated to use Backbone.js 0.5.3 and Underscore.js 1.2.1 Backbone.js. 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. 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. 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! Features. Bootleg.css Twitter Bootstrap. Raw denim you probably haven't heard of them jean shorts Austin.

Bootleg.css Twitter Bootstrap

Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.

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.

30 Amazing Resources for Sass Lovers

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. 18 Useful Twitter Boostrap Goodies You Should Know. Introduction Twitter Bootstrap is one of my favourite framework for quick website prototyping and default style for my CMS.

18 Useful Twitter Boostrap Goodies You Should Know

If you don't know about Twitter Bootstrap, it's a simple and flexible HTML, CSS, and Javascript for popular user interface components and interactions. Created by the developers from Twitter, this great tool contains base CSS, grid, responsive, general styling, UI components and javascript plugins that can speed up your development process. I have been using it for a while now, it allowed me to have full concentration on the functionality of the website instead of cross browsing testing and styling. Code smells in CSS. 20 November, 2012 Chris Coyier recently answered someone’s question: How can you tell if your CSS code smells?

Code smells in CSS

What are the signs that the code is sub-optional, or that the developer hasn’t done a good job? What do you look for in the code to determine how good or bad it is? I thought I would extend Chris’ great answer with my own, additional take on things… My day-to-day life is spent working in-house at BSkyB… I work on big websites, the last of which took me over a year to build the front-end for (and it’s still ongoing). Sass Mixins Library. Usage & Installation Install for Rails 3.1+ In your Gemfile: Then run: Mastering Sass extends and placeholders. It all begins with the @extend... It’s probably a safe bet you have heard of Sass, and for good reason too as using it really gives you an opportunity to organise and improve how you develop CSS. Before working at Primate I hadn’t had the chance to use Sass as part of my day job but I had experimented a little outside work.

Chances are, quite a few developers are in the same boat right now. It’s also really worth mentioning that you don’t need to be a Ruby/Rails developer to use Sass! There are some great tools out there which are incredibly easy to use and let you use Sass without running Rails. Best Web UI Interface Framework Kits. In web design today there are so many things to remember, that it is really nearly impossible to build it all from scratch every single time on every single project, this is where frameworks and kits come in. You really need a framework for things, especially for UI on the web. Whether you use these types of frameworks as is, or just use them as a base for your own creations, or even just use them for inspiration – they save you a ton of time and increase the quality of any project instantly.

Even though it is such a crucial part of any web design, some people may not understand really what a “user interface” is – just so everyone is on the same page, lets take a closer look. 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).

This means that all the application logic accessing and modifying the user interface elements is always in the same thread, hence the importance of keeping all the application work units as small and efficient as possible and taking advantage of any asynchronous capabilities the browser offers as much as possible. Browser Asynchronous APIs Luckily, Browsers provide a number of asynchronous APIs such as the commonly used XHR (XMLHttpRequest or 'AJAX') APIs, as well as IndexedDB, SQLite, HTML5 Web workers, and the HTML5 GeoLocation APIs to name a few.

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. Advertisement. DocumentCloud's VisualSearch.js. CSS Sprite Sheets: Best Practices, Tools and Helpful Applications. Using CSS sprites, instead of a collection of smaller individual images, will improve your web pages' performance and keep things more organized. Multiple Area Charts with D3.js. In this tutorial we will introduce some basics of D3.js and create an infographic with multiple area charts along with a context tool to zoom and pan the data. View demo Download source. Javascript Tips for Non-Specialists. By: Charlie Fiskeaux II Wed, 22 Aug 2012.

10 Life Saving CSS Snippets for the Designer - Changry. Collie - High Performance Animation Library for Javascript. JavaScript Patterns. All About Floats. What is "Float"? Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. 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.