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 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 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 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
EpicEditor - An embeddable JavaScript Markdown editor JavaScript Guide - MDC Doc Center The JavaScript Guide shows you how to use JavaScript and gives an overview of the language. If you need exhaustive information about a language feature, have a look at the JavaScript reference. This Guide is divided into the following chapters. Introduction Grammar and types Control flow and error handling Loops and iteration Functions Expressions and operators Numbers and dates Text formatting Indexed collections Keyed collections Working with objects Details of the object model Promises Iterators and generators
Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Do you see the full-sized background image on this page? Images are fetched after your page is loaded, so your users won't have to wait for the (often large) image to download before using your site. Demos Where can I get it? If you are interested in learning more about Backstretch, it's recommended that you view the project on GitHub. Support Basic support is offered through Github's issues tracker. If you are in need of immediate support, Email Support is available for $17. Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built. Intelligist Share and demo code in-page, usingGitHub gists.