background preloader

jQuery

proxy proxy Description: Takes a function and returns a new one that will always have a particular context. This method is most useful for attaching event handlers to an element where the context is pointing back to a different object. Additionally, jQuery makes sure that even if you bind the function returned from jQuery.proxy() it will still unbind the correct function if passed the original. Be aware, however, that jQuery's event binding subsystem assigns a unique id to each event handling function in order to track it when it is used to specify the function to be unbound. As of jQuery 1.6, any number of additional arguments may be supplied to $.proxy(), and they will be passed to the function whose context will be changed. As of jQuery 1.9, when the context is null or undefined the proxied function will be called with the same this object as the proxy was called with.
JQuery

Making A Cool Login System With PHP, MySQL & jQuery Making A Cool Login System With PHP, MySQL & jQuery Martin Angelov Introduction Today we are making a cool & simple login / registration system. It will give you the ability to easily create a member-only area on your site and provide an easy registration process. It is going to be PHP driven and store all the registrations into a MySQL database. To add the needed flair, we are using the amazing sliding jQuery panel, developed by Web-kreation. Step 1 – MySQL First we have to create the table that will hold all the registrations. table.sql CREATE TABLE `tz_members` ( `id` int(11) NOT NULL auto_increment, `usr` varchar(32) collate utf8_unicode_ci NOT NULL default '', `pass` varchar(32) collate utf8_unicode_ci NOT NULL default '', `email` varchar(255) collate utf8_unicode_ci NOT NULL default '', `regIP` varchar(15) collate utf8_unicode_ci NOT NULL default '', `dt` datetime NOT NULL default '0000-00-00 00:00:00', PRIMARY KEY (`id`), UNIQUE KEY `usr` (`usr`) ) ENGINE=MyISAM DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci; Step 2 – XHTML demo.php demo.css
When I work for my clients, I always try to figure out the best way to organize content and hide elements that doesn’t require immediate action to clean up the page a little bit while making sure to give the best user experience. A while ago, I started to sketch a few menus in my notebook. I wanted a menu that would be minimalist – almost invisible – but still accessible, some kind of button or maybe a link that would open the menu. I started to think where would be the best place to put it. In the upper left corner? That was now time to roll my sleeves up and see how to implement this. Here’s how it works. Preview/Download This menu is released under a Creative Commons Attribution-Share Alike 2.0 License. Screenshots Navigation – initial state: Navigation – on mouseenter: Step 1: HTML We need to create two containers inside our header: “nav-disabled” and “nav-enabled”. Add your logo. Finally, create an unordered list for your top navigation. That’s it for the HTML. Conclusion The Author Hidden jQuery Drop Down Menu for Minimalist Design Hidden jQuery Drop Down Menu for Minimalist Design
Heirarchial Models (Model and Steal) - JavaScriptMVC Forum I am starting a new application using JMVC and had the following thoughts on setup. A little background, the app we are working on is going to be one of a larger suite of applications, which share base data types. Directory setup: myprojectsuite/ myprojectsuite/models myprojectsuite/views myprojectsuite/search (module) myprojectsuite/myApplication myprojectsuite/myApplication/models myprojectsuite/myApplication/views myprojectsuite/myApplication/myModule1 myprojectsuite/myApplication/myModule2 Our hope was that we could have models from the base myprojectsuite level be used in the myApplication level, but from reading the documents on steal, that doesn't seem possible as it only steals models based on the current directory. Is this the wrong tack? Heirarchial Models (Model and Steal) - JavaScriptMVC Forum
JavaScriptMVC jQuery.Model.List JavaScriptMVC jQuery.Model.List JavaScriptMVC (JMVC) is a MIT licensed, client-side, JavaScript framework that builds maintainable, error-free, lightweight applications as quick as possible. It packs best-of-breed libraries and tools that are guaranteed to work together. It supports every browser that jQuery supports. If you are new to the framework, this page followed by the tutorials is the best place to start. JMVC's goodies are broken down into four sub-projects: CanJS - A client side MVC FrameworkjQuery++ - A collection of useful DOM helpers and special events for jQueryStealJS - JavaScript and CSS dependency management and build toolsFuncUnit - Functional and unit testing frameworkDocumentJS - Documentation engine The remainder of this page highlights each sub-project. CanJS CanJS is a JavaScript framework that makes building rich web applications easy and the MVC of JavaScriptMVC. Everything you want and need to know about CanJS can be found here. jQuery++ The best way to get started is the jQuery++ overview. StealJS
JavaScriptMVC (JMVC) is a MIT licensed, client-side, JavaScript framework that builds maintainable, error-free, lightweight applications as quick as possible. It packs best-of-breed libraries and tools that are guaranteed to work together. It supports every browser that jQuery supports. If you are new to the framework, this page followed by the tutorials is the best place to start. JMVC's goodies are broken down into four sub-projects: CanJS - A client side MVC FrameworkjQuery++ - A collection of useful DOM helpers and special events for jQueryStealJS - JavaScript and CSS dependency management and build toolsFuncUnit - Functional and unit testing frameworkDocumentJS - Documentation engine The remainder of this page highlights each sub-project. CanJS CanJS is a JavaScript framework that makes building rich web applications easy and the MVC of JavaScriptMVC. Everything you want and need to know about CanJS can be found here. jQuery++ The best way to get started is the jQuery++ overview. StealJS JavaScriptMVC jQuery.fn.models JavaScriptMVC jQuery.fn.models
Home
8 Most Popular jQuery Plugins of January 2012 Last month developers were busy with jQuery and it is time to go through some of the most popular jQuery plugins they created in January 2012. 1. Scrollorama The jQuery plugin for doing cool scrolly things. Basically, it lets you animate elements on the page based on the browser window’s scroll position. 2. While CSS3 allows us to rotate letters, it is quite complicated to arrange each letter along a curved path. 3. A super awesome, customizable text input supporting tags, autocomplete, ajax and other goodness in a crazy cool a-la cart way. 4. A jQuery port of impress.js based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com. 5. A jQuery plugin that allows you to display list items in a similar way like a iPhone home screen. 6. Stellar.js is a jQuery plugin that provides parallax scrolling effects to any scrolling element. 7. 8. * Enjoyed this roundup? * January 2012 background by Wow! 8 Most Popular jQuery Plugins of January 2012
jQuery Mobile Cookbook
IBM Human Ability and Accessibility Center | Forms | Web checkpoint 7 IBM Human Ability and Accessibility Center | Forms | Web checkpoint 7 Form element labels can be programmatically determined. RationaleRequired development and unit test techniquesRecommended development techniques Rationale For people who are blind, Web-based forms can be inaccessible if users cannot identify form elements when attempting to complete the form. The following resources provide additional information on accessible forms: Accessible Forms (link resides outside of ibm.com) from Jim Thatcher.Creating Accessible Forms (link resides outside of ibm.com) from WebAIM.If the form includes JavaScript®, see Checkpoint 2.1b: Scripts. Required development and unit test techniques To comply with this checkpoint, you must meet one of the following techniques for every form element. Note: The examples presented in the techniques are not exhaustive. At this time WAI-ARIA examples are only fully supported in Firefox version 3.6 or later and version JAWS 12 or later. Note: This product uses WAI-ARIA to comply with this checkpoint. HTML examples Back to top
jQuery UI - ThemeRoller jQuery UI - ThemeRoller Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Phasellus mattis tincidunt nibh. Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Lorem ipsum dolor sit amet, Nulla nec tortor. Nam congue semper tellus. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam congue semper tellus. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse scelerisque dui nec velit.
liteAccordion v2 | Freelance Front End Developer London I’ve been promising to release liteAccordion v2 for ages, but I’ve been snowed under with client work as of late. Last night I finally found the time to complete the last few bits and pieces that I wanted to finish before release. Plugin Home Page: Version 2.2 (21/01/13) Development status: on indefinite hiatus After this update, I do not plan to continue developing this plugin. New in liteAccordion v2 Methods: liteAccordion now has play, stop, trigger next slide, trigger previous slide, destroy and debug methods. Mouseover activationSlides can now be activated onmouseover. Custom easingThe plugin now supports custom easing functions (easeOutBounce is one of my favourites ) using George McGinley Smith’s jQuery Easing plugin. Linkable slidesYou can now link to individual slides by assigning a name to a slide in your html, and setting the ‘linkable’ option to true. liteAccordion v2 | Freelance Front End Developer London
13 Best jQuery 360 Degree Image Rotation Plugins Using JQuery 360 Degree Image Rotation Plugin is the most beautiful and convenient way to display the pictures on the web pages. These best 360° pictures allow the user to have a much detailed analysis of the product or article. jQuery Image Rotation Plugins let you display images in any angle 360 degrees, which can be useful for an e-commerce site to help customers look products in detail, from any angle they desire. In this article we have gathered 13 Best jQuery 360 Degree Image Rotation Plugins for our audience, following plugins are capable of displaying images in 360 degree angle. Hope you will choose and use the following 360 degree jQuery plugins according to your needs for your web projects. If you like the article you might be interested in our other article as well on 15 Best jQuery Image Slider Plugins 1. Reel is an established and the most versatile three-sixty player for jQuery. 2. Spritespin is a jQuery plugin that enables sprite animation in your website. 3. 6. 8. 9. 11.
360 Javascript viewer, 360 degrees JQuery image viewer
JS and Jquery

JQuery is the best ajax scripting library i have ever seen and it makes life so much easier. Jquery is not just powerful and the library code is very well documented. The are tonnes plugins available for jquery which makes jquery so much fun. If you are getting started with jquery then the tutorials listed below is worth exploring and there is so much to learn. I would regard these are the best jquery tutorials i have ever seen and i have categorized them accordingly. The following tutorials will kickstart you with jQuery, its understanding and few tips and tricks to get started. (i) jQuery Tutorial for Beginners (ii) Irresistible jQuery Tips (iii) Simplify Ajax Development with jQuery (i) Photoslider with Transparent Caption (ii) jQuery Lightbox 30+ Best jQuery Tutorials & Plugins for Beginners – Corpocrat
An Awesome CSS3 Lightbox Gallery With jQuery Martin Angelov In this tutorial we are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it. It will be search-engine friendly and even be compatible with browsers which date back as far as IE6 (although some of the awesomeness is lost). We are using jQuery, jQuery UI (for the drag and drop) and the fancybox jQuery plugin for the lightbox display in addition to PHP and CSS for interactivity and styling. Before reading on, I would suggest that you download the example files and have the demo opened in a tab for reference. So lets start with step one. Step 1 – XHTML The main idea is to have PHP as a back-end which will generate the necessary XHTML for each image. demo.php <div id="gallery"><? Nothing too fancy here. The gallery Step 2 – CSS Now that we have all the markup in place, it is time to style it. demo.css Step 3 – PHP
Javascript,Ajax,Jquery

JavaScript has gained a lot of popularity as one of the main programming languages for the development of web apps. This language has become an important factor for both web app developers as well as browser vendors. Owing to the increasing browser functionalities, in terms of a greater amount of interpreter and compiler technology, JavaScript has become the bloodline of almost every organization. So, if you are looking forward to become a part of this much coveted IT sector, JavaScript is a must learn language for you. A well used Javascript application will enable your pages to be more dynamic and be highly interactive with the end user with minimal server side interaction. You may find a lot of good books on JavaScript, however in this post we have focused on different kinds of free web resources which will help you learn JavaScript online for free are: Free E-books And Noteworthy Online Tutorials Free Websites Free Video Tutorials Best Free Web Forums To Ask Questions 65+ Best Free Javascript Tutorials, eBooks & PDF For Web Developers
Cool jQuery Snippets

20 jQuery Plugins You Should Use Today - Code Geekz JQuery has come to greatly simplify JavaScript programming, and can be considered as being the backbone of web development due to its expedient and concise JavaScript Library which simplifies HTML document traversing, event handling, animating, and Ajax interaction toward rapid web development. JQuery Plugins can enable developers and adept users with the required set of tools in creating enriched web applications by making them multi-functional and visually stunning. There have been stellar strides within JavaScript adoption by developers and browser vendors when it comes to JQuery, and they’ve gone on to produce a multitude of JQuery Plugins which have improved web development. This is just part of the reason as to why jQuery has become one of the most preferred and utilized JavaScript libraries available. In this article I have amassed 20 jQuery Plugins that are useful and able to accomplish your development related tasks. 1. 2. 3. 4. 5. 6. 7. 8. 8. 9. 10. 11. 12. 13. jQuery. 14. 15.
20 jQuery Plugins You Should Use Today - Code Geekz
50 jQuery Plugins to Take Your Website to Another Level - Code Geekz
介紹jQuery map()與grep() - 黑暗執行緒
js jquery

ECMAJAVASCRIPT陣列方法
memoization暫存方法
Calipers: The Fastest Way to Measure Image Dimensions in Node
jwagner/smartcrop.js
ES6 Overview in 350 Bullet Points
jQuery Tutorial – A jQuery guide for beginners with examples | Tutorials Collection
jQuery report resources

jquery grid layout
GitHub - web-tiki/responsive-grid-of-hexagons: CSS responsive grid of hexagons
React para jQuerys

React.js Introduction For People Who Know Just Enough jQuery To Get By · React for Designers
Using React and jQuery Together · Oyster.com Tech Blog
What is hard to do using React.js compared to jQuery? - Quora
Download jQuery | jQuery
Curriculum — JS for absolute beginners
JavaScript - jQuery

Jquery UI Plugins

15+ jQuery Radio Button & Checkbox Style Plugins
Checkboxes and radio buttons customization (jQuery and Zepto) plugin
Colorbox - a jQuery lightbox
jQuery API Documentation
How jQuery Works
Dynamic Drive DHTML(dynamic html) & JavaScript code library
JS/Jquery

blogs jquery

JQuery & JS

jQuery Aplications

jQuery LiveSearch

JavaScript Jquery

Exemples jQuery

jquery-plugins