7 Great JavaScript Resources. Mtrpcic/pathjs - GitHub. HTML 5 Geolocation Demo and Examples. Ie7-js - Project Hosting on Google Code. IE7.js is a JavaScript library to make Microsoft Internet Explorer behave like a standards-compliant browser.
It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6. Current version: 2.1 beta4. IE7.js Upgrade MSIE5.5-6 to be compatible with MSIE7. IE8.js Upgrade MSIE5.5-7 to be compatible with MSIE8. You do not need to include IE7.js if you are using IE8.js IE9.js Upgrade MSIE5.5-8 to be compatible with modern browsers. You do not need to include IE7/IE8.js if you are using IE9.js The script only fixes images named: *-trans.png If you want the fix to apply to all PNG images then set a global variable as follows: var IE7_PNG_SUFFIX = ".png"; You must set this variable before including the IE7.js script.
<script src="IE8.js">IE7_PNG_SUFFIX=".png";</script> The suffix will ignore query string parameters. Var IE7_PNG_SUFFIX = ":"; By default, the PNG will be stretched (this simulates tiling). You may link directly to these files if you wish: Modernizr. Eloquent JavaScript. Closure Compiler - Google Code. What is the Closure Compiler?
The Closure Compiler is a tool for making JavaScript download and run faster. Instead of compiling from a source language to machine code, it compiles from JavaScript to better JavaScript. It parses your JavaScript, analyzes it, removes dead code and rewrites and minimizes what's left. It also checks syntax, variable references, and types, and warns about common JavaScript pitfalls. How can I use the Closure Compiler? You can use the Closure Compiler as: An open source Java application that you can run from the command line. To get started with the compiler, see "How do I start" below.
What are the benefits of using Closure Compiler? Javascript Compressor - compress code online for free. Floatbox Info and Instructions. JavaScript: A Survey of the Language. Douglas Crockford www.crockford.com © 2002 Douglas Crockford This document is an introduction to the JavaScript Programming Language for professional programmers.
It is a small language, so if you are familiar with other languages, then this won't be too demanding. A re-introduction to JavaScript - MDC. 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. jQuery BlockUI Plugin (v2) The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1].
When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.blockUI(); Blocking with a custom message: Blocking with custom style: To unblock the page: $.unblockUI(); If you want to use the default settings and have the UI blocked for all ajax requests, it's as easy as this: $(document).ajaxStart($.blockUI).ajaxStop($.unblockUI); This page demonstrates how to block selected elements on the page rather than the entire page. Test link - click me! Lorem ipsum dolor sit amet consectetuer adipiscing elit sed lorem leo lorem leo consectetuer adipiscing elit sed lorem leo rhoncus sit amet lorem ipsum dolor sit amet consectetuer adipiscing elit sed lorem leo Test link - click me!
Javascript Progress / Percentage Bar with CSS by WebAppers. Sometimes, when we are building websites and web applications, we need a percentage bar / progress bar to show the progress of a specific task.
However, it is very difficult to find a working and easy solution without using Flash. Therefore WebAppers have created a simple Javascript based Percentage Bar / Progress Bar which is inspired by Bare Naked App. Bare Naked App taught us how to display Percentage Bar with 2 images only by using CSS. And then I used a little bit of Javascript to make it more interactive. You can use it anywhere you can think of. Display(elementId, percentage, colorCode) Display the Percentage Bar int colorCode: 1 = Green int colorCode: 2 = Yellow int colorCode: 3 = Orange.
Make a Progress Indicator For Slow-Loading Pages. A lightweight Javascript library. Script.aculo.us - web 2.0 javascript. Amberjack: Site Tour Creator - Simple. Free. Open Source. Mootable example. FancyForm - Javascript checkbox replacement.