24 Most Popular jQuery Plugins of February 2012 Last month, many great jQuery plugins were created and new versions were released too. Now, lets go through some of the most popular plugins in February 2012. 1. Adds a beautiful transition similar to real pages in a book or magazine for HTML5. 2. jQuery Scroll Path It's a plugin for defining custom scroll paths. 3. 3D Gallery An experimental 3D gallery that uses CSS 3D transforms. 4. Allows you to add a dynamically-resized background image to any page or block level element. 5. noty It makes it easy to create alert, success, error and confirmation messages as an alternative the standard alert dialog. 6. A powerful JavaScript based smooth scrolling navigation system that utilizes the robust jQuery library. 7. Sequence is the jQuery slider plugin with infinite style. 8. This plugin allows you to create a web page with multiple fixed panels that unroll with an amusing effect. 9. jQuery plugin for creating a fully customizable photo viewer with beautiful CSS3 transition. 10. jQuery Shadow 16.
Absolute Floating Menu - Javascript Tricks and Code Examples Last updated: 21 Dec 2012 Many web pages are too long to fit on most users' screens. The visitors have to scroll to read the article on the page; however such scrolling hides the navigation menus (or a shopping cart contents) usually located at the top of the page. The javascript shown here allows to create dynamic menus which move along with scrolling. Such floating menu will be always visible on screen. The effect is achieved my moving an absolutely-positioned or relatively-positioned DIV box containing the menu markup. The floating DIV will visibly move towards the specified viewing area spot, slowing as it moves closer to it and finishing the move with a visible snap. Also available: Features include: Floating DIV demonstration Look for the floating box somewhere on the page. Click the buttons to move the floating menu to different corners: Using the javascript Create a DIV element with id of 'floatdiv' which contains the menu markup and add script start code. See Also Browser compatibility
JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, and Help - JS 38 Life Lessons I’ve Learned in 38 Years | zen habits 8 Best JavaScript Libraries for June 2012 The primary use of JavaScript is to write functions that are embedded in or included from HTML pages and interact with the Document Object Model (DOM) of the page. Because JavaScript code can run locally in a user’s browser (rather than on a remote server), the browser can respond to user actions quickly, making an application more responsive. Here at SkyTechGeek we have compiled 8 Innovative JavaScript Libraries for June 2012 which will surely enhance and improve one’s Web experience whether you are a Developer or regular web-user. The following JavaScript Libraries can be used to produce a variety of dynamic browser effects which will make your user’s online experience more interactive. 1. Mousetrap is a JavaScript library for creating and managing keyboard shortcuts. 2. Recline.js is an open source library for easily creating data-focused applications with only JavaScript and HTML. 3. 4. NVD3.js is an open source charting library that is built on top of the impressive D3.js. 5. 6. 7.
JavaScript in one page : JavaScript.SU Open minds reap rewards | Science The man was talking garbage. Willy Fowler knew this because he was an experimental nuclear physicist and nobody could do what the man, Fred Hoyle, was claiming: predict the energy of a complex atomic nucleus. An atomic nucleus was a "many-body system", with protons and neutrons buzzing about inside. Physicists could not calculate the precise properties of anything bigger than a "two-body system" such as the moon going round the Earth. Yet here, sitting in Fowler's office at Caltech's Kellogg Radiation Lab, was a Limey astronomer claiming he could do what no nuclear physicist could do. "I exist," he was sure Hoyle said, "therefore the carbon-12 nucleus must possess an energy level at 7.65 megaelectronvolts (MeV)." In the first step, four hydrogen nuclei would collide and stick together to make a nucleus of helium, the second-lightest atom. Enter Hoyle. Not showing Hoyle the door that day half a century ago would prove to be the smartest move Fowler ever made.
15 Useful jQuery Parallax Plugins and Tutorials to Create a WOW Factor Parallax scrolling is a technique that the background images move by the camera slower than foreground images, which can give the viewer a 3D/motion illusion. It was firstly used in the video game and started to appear in some fancy web design works recently. If your website is already awesome, adding one extra parallax effect would easily give visitors a bigger impression. To make your life easier, there are some excellent plugins and tutorials to get started. They are well written and documented and you might just add a few your own pictures and automatically have a parallax page. 21 Step-by-Step HTML5 Tutorials to Quickly Get Started 40 Best jQuery Plugins Every Web Developer Should Have Top 35 Essential jQuery Form Plugins and Libraries You’ll Actually Need jQuery Parallax Plugins: Stella makes it easy to create parallax scrolling websites. Super awesome plugin to make element appear or disappear at certain time when scrolling. No more vertical scrolling. jQuery Parallax Tutorials:
JavaScript Reference Al Pacino's 'One inch at a time' speech on Any Given Sunday 7 jQuery Parallax and Scrolling Effect Plugins Parallax precisely is a variance in the actual position of any object that is seen beside different lines of sight. The word Parallax is derived from a Greek word, parallaxis which basically means alteration. This term is relatively a new trend in the world of web designing. Although, Parallax has been around for quite some time now but it has gained popularity recently. You can use Parallax scrolling in order to create interesting web design and exciting 3D illusion. Parallax Slider – Responsive jQuery Plugin Parrallax Effect is powerful jQuery Plugin Sliders. Advertisement jQuery Scroll Path Scrollpath plugins define custom rotations, scroll paths and uses canvas syntax to draw arcs and lines. Static Background This scrolldeck.js demo page is built from the jQuery Parallax plugin demo. jParallax jParallax is another amazing plugin which turns nodes into absolutely positioned layers that move in response to the mouse. Stellar.js scrolldeck Scrollorama Parallax Slider with jQuery
Javascript Tutorial / WebDeveloper.com ® Javascript Tutorial by Heidi Brumbaugh I'll take you from a high-level overview of JavaScript language concepts through several useful scripts you can modify for use in your own pages. This tutorial introduces JavaScript, a language you can use to embed commands in an HTML document. This article assumes no prior knowledge of programming, but does assume HTML familiarity. I'll take you from a high-level overview of JavaScript language concepts through several useful scripts you can modify for use in your own pages. What HTML Isn't HyperText Markup Language (HTML) thrives in a static environment. This process, accomplished via a protocol called CGI (Common Gateway Interface), gets the job done...but if your user isn't connected via an Ethernet or ISDN line, it has obvious disadvantages. What JavaScript Is JavaScript shares the fundamental feature of all programming languages: it can get data from some source, process that data, and output the results. The Object Model window.status self.status