Perfectum Dashboard - Admin Template - WrapBootstrap: Themes for Twitter Bootstrap About Bootstrap Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex. Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples. Built to support new HTML5 elements and syntax with progressively enhanced components. Browser support Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.
Tabulous.js A jQuery tabs module for todays web! Documentation Tabulous.js can be used with any contents you choose in the tabs and it couldn't be more simpler to use. ..:: Getting Started Include the relevant files Firstly include jQuery and the tabulous.css and tabulous.js files. Create the tabs <div id="tabs"><ul><li><a href="#tabs-1" title="">Tab 1</a></li><li><a href="#tabs-2" title="">Tab 2</a></li><li><a href="#tabs-3" title="">Tab 3</a></li></ul><div id="tabs_container"><div id="tabs-1"></div><div id="tabs-2"></div><div id="tabs-3"></div></div></div> Initiate the plugin Once you have created your tabs you will need to initiate the plugin. At its most basic level you can initiate the plugin like: $(document).ready(function ($) { $('#tabs').tabulous(); }); If you want to initiate the plugin with options then you can do so like: ..:: Options
Responsive Web Design: Fresh Tools, Articles and Tutorials inShare12 It’s been a while since we have last time posted our three roundups dedicated to responsive web design. A lot of new tools, tutorials, articles and techniques appeared and have decided to come up with the latest and newest collection of the freshest materials. Articles and Tutorials Responsive Grids With Susy How we built MSN UK’s responsive Olympics site How To Create A Responsive Navigation How to Create a Responsive Image Slider in jQuery and CSS3 In this tutorial we will code a responsive image slider from the Impressionist UI. Developing Responsive Designs With Opera Mobile Emulator Optimizing Typography in Responsive Web Design In this article, we will be discussing typography vis a vis responsive web design. Responsive background images with fixed or fluid aspect ratios Gamma Gallery: A Responsive Image Gallery Experiment Demo Mythbusting the Responsive Design Myth Responsive Menu Concepts The Responsive Designer Breaking Down the Responsive ReadWrite Redesign Advertisement Demo Demo
c++ - Better random algorithm knrz/CSV.js Cosmo: A free Metro-inspired theme for Bootstrap - Bootswatch I’m pleased to announce Cosmo, a brand new Bootstrap theme inspired by Metro. Cosmo features bright colors and no-frill components reminiscent of Windows 8. You can jump right in and use it exactly like you would use standard Bootstrap. 10 Tips for Writing JavaScript without jQuery Danny Markov jQuery is a great library. It came to be around the time when IE6 was the number one browser. Back then, there were quirks and differences that were tedious to work around and jQuery was the perfect tool for writing cross browser code. Today, however, web browsers have advanced a great deal from those days. We can comfortably use all features provided by ES5, and we have at our disposal awesome HTML5 APIs that make working with the DOM so much nicer. Don’t get me wrong – jQuery is still a wonderful library and most often than not you will be better off using it. 1. The first thing you do when writing jQuery, is wrapping your code in a $(document).ready() call, so that you know when the DOM is ready for manipulation. Run 2. Once upon a time, we could only select elements by id, class and tag name, and jQuery was a life-saver with its smart css-like selectors. <ul><li class="monsters">Nessy</li><li class="monsters">Big foot</li><li class="monsters">La chupacabra</li></ul> 3. 4.
melanke/Watch.JS A re-introduction to JavaScript (JS Tutorial) - JavaScript Why a re-introduction? Because JavaScript is notorious for being the world's most misunderstood programming language. It is often derided as being a toy, but beneath its layer of deceptive simplicity, powerful language features await. JavaScript is now used by an incredible number of high-profile applications, showing that deeper knowledge of this technology is an important skill for any web or mobile developer. It's useful to start with an overview of the language's history. JavaScript was created in 1995 by Brendan Eich while he was an engineer at Netscape. Several months later, Microsoft released JScript with Internet Explorer 3. Because it is more familiar, we will refer to ECMAScript as "JavaScript" from this point on. Unlike most programming languages, the JavaScript language has no concept of input or output. Overview JavaScript is a multi-paradigm, dynamic language with types and operators, standard built-in objects, and methods. And there are some built-in Error types as well.
CSS3 Monochrome Icon Set A set of 85+ icons / glyphs created purely in CSS3 that you can use in your projects freely. These are inspired by Glyphicons and Glyphish. Related: Lonely Pixel - A simple, easy to use, versatile and customisable colour picker. click me View Picker on Github.Codepen Demo. Using Picker is as simple as this: var parent = document.getElementById('parent'); var picker = new Picker(parent); parent.onclick = function() { picker.show();}; picker.on_done = function(colour) { parent.style.background = colour.rgba().toString();}; Explained: There are also a number of options you can choose. You can customise the CSS in the source file, or do it dynamically like so: picker.wrapper.background = '#333'; Easy! Picker is in it's early stages, and although it's fully functional and usable, there could be a bug or two.
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck