Jan 15, 2015 Tag: Javascript
Ongoing attempt to collect clever stuff about Javascript. Will be updated as needed.
Updated on Jun 26, 2018
See also
Navigate this page:
To be explored:
<script src="//code.jquery.com/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js" type="text/javascript"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="//modernizr.com/downloads/modernizr-latest.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.1/underscore-min.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.1/underscore-min.map" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.1/underscore.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore-contrib/0.3.0/underscore-contrib.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore-contrib/0.3.0/underscore-contrib.min.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/underscorejs/1.8.1/underscore-min.js" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/underscorejs/1.8.1/underscore-min.map" type="text/javascript"></script>
<script src="//cdn.jsdelivr.net/underscorejs/1.8.1/underscore.js" type="text/javascript"></script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Parsley starter</title>
<style>
input {
display: block;
}
</style>
</head>
<body>
<form id="formid" action="">
<label for="number">Number</label>
<input type="text" name="number" id="number" value="" required/>
<label for="email">Email</label>
<input type="email" name="email" id="email" value="" required/>
<input type="submit" name="submit" id="submit" value="submit"/>
</form>
<script src="//code.jquery.com/jquery-1.11.2.js" type="text/javascript"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/parsley.js/2.0.7/parsley.js" type="text/javascript"></script>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function () {
$("#formid").parsley();
});//]]>
</script>
</body>
</html>
To be sorted:
Proprietary but high rated online documentation at msdn: https://msdn.microsoft.com/en-us/library/ff679977%28v=VS.94%29.aspx
JavaScript Charts:
matter.js is a “Javascript 2D physics engine for the web”, Documentation
jose-jwe is a “Javascript encryption library for Jose JWE”, Github
JavaScript library to encrypt/decrypt data in JSON Web Encryption (JWE) format. This library is designed to work in the browser (tested in Chrome 38). It can do RSA-based public/private crypto as well as shared key.
Has a good README with good links!
Validator.js, powerful objects and strings validation in javascript for Node and the browser , Documentation, Github, same author as with Parsley
jformer is a “form framework written on top of jQuery”, Documentation, Github, Comment: Promising at first sight, but not ready to run. Development seems to have stopped in 2011. Package doesn’t look like a modern framework package.
Javascript; Underscore http://underscorejs.org
2016-12-14
Seen at ...:
! function() {
$('[data-docs-code]').each(function(index, value) {
var copyBtnId = 'copy-btn-' + index.toString();
var $button = $('<button class="docs-code-copy" id="' + copyBtnId + '">Copy</button>');
var text = $(this).find('code').text().replace('<', '<').replace('>', '>');
$(this).prepend($button);
var clipboard = new Clipboard('#' + copyBtnId, {
text: function() {
return text;
}
});
clipboard.on('success', function(event) {
$button.text('Copied!');
window.setTimeout(function() {
$button.text('Copy');
}, 3000);
});
clipboard.on('error', function(event) {
console.error('Action:', event.action);
console.error('Trigger:', event.trigger);
});
});
}();
Learning Advanced JavaScript: http://www.mybridge.co/view/9935
This tutorial contains code and discussion from the upcoming book Secrets of the JavaScript Ninja by John Resig.