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
Mock4U™ – Mockups for UML « rainwebs.net Mock4U is Mockups for UML using Balsamiq Mockups. Be agile and use Balsamiq Mockup to create your UML design, too. See also Mockups for Agile. Use Case Diagrams Class Diagrams Sequence Diagrams Other diagrams are in preparation. Mock4U™ – Mockups for UML « rainwebs.net
Portas de Correr em Madeira | Tudo 10 As portas de madeira sempre estiveram presentes nas mais diversas construções pelo mundo afora, são sinônimos de segurança e privacidade em residências, imóveis comerciais, hotéis e muitos outros. A tendência da moda em decoração são as portas de correr, elas deixaram de serem vistas como barreiras para passar a fazer parte de decorações modernas e atuais. São vários os modelos de portas de madeira de correr, elas são adaptadas em corrediças que deslizam as portas para ambos os lados, com formatos super modernos e eficientes, contando ainda com a grande vantagem de poupar espaços que antes eram ocupados pelo abrir e fechar de portas. É possível encontrar modelos de portas de correr em madeira em lojas especializadas, algumas beneficiadoras de madeiras fazem estes modelos de portas sob encomenda conforme o gosto e desejo do cliente. Outras lojas de materiais de construção também possuem vários modelos de portas de correr em madeira a pronta entrega. Portas de Correr em Madeira | Tudo 10
iPad Receptionist | TextUs.Biz™ iPad Receptionist | TextUs.Biz™ The iPad Receptionist is the most versatile, effective and easy-to-use Visitor Management system available! From offices with just a few employees to others over 3,000, the app is used by hundreds of businesses around the globe. Whether you are looking for a simple visitor logging system to track your visitor traffic, or require a fully customizable, SMS and email based, two-way communication system with badge printing, The iPad Receptionist can solve your specific office needs.
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 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.
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

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 Scripts

jQuery LiveSearch

JavaScript Jquery

Exemples jQuery

jquery-plugins