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. 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. Let's start off by looking at the building blocks of any language: the types. And there are some built-in Error types as well. Numbers
Parsley.js 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
knrz/CSV.js 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. 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. // Add an event listener of DOMContentLoaded to the whole document and call an anonymous function. // You can then wrap your code in that function's brackets // and it will execute once loading is complete. document.addEventListener('DOMContentLoaded', function () { // Our hawaiian greeting is displayed as soon as the page loads, console.log('Aloha'); }); Run 2. 3. 4. 5. 6. 7. 8. 9. Conclusion Learn more
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.