background preloader

jQuery

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 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

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
The Web is on a perpetual flux of becoming and expanding with each and every passing day ( if not every hour on the hour ), and along with its expansion newer advancements are made. Within these advancements, developers are continually working on creating bigger and better scripts by which to further enhance the end user experience by making plugins which are lighter and possess more capabilities than their predecessors. The overall key factor within these newer advanced scripts and plugins is that they are now built to be Responsive without forfeiting the functional features they once possessed – but rather to be better and lighter ( as far as file size ) so that they dont end up slowing down page loading time. With jQuery’s architecture developers are able to create a plug-in code to extend its functionality, thereby being able to produce some of the best plugins by which to allow you to take your website or any given project to an entirely new level. Enjoy The Roundup! 1. 2. 3. 5. 6. 50 jQuery Plugins to Take Your Website to Another Level - Code Geekz
寫這篇的動機是常在專案看到「古典式」JavaScript陣列處理,例如:跑迴圈將物件陣列的某個字串屬取出轉成字串陣列、篩選物件陣列取得特定類別的集合。用for迴圈處理沒什麼不對,但既然專案已經用了jQuery,能一行搞定卻寫成三五行不免可惜(程式又不按行數計酬,寫愈多手愈酸咩 XD)。感覺上還有些朋友不認識$.map()跟$.grep()這兩個好東西,故寫篇文章推薦一下。 若用LINQ做比方,$.map()相當於 .Select(o => 傳回數值或其他型別物件).ToArray(),可將物件陣列轉換成某個屬性或其他型別物件組成的陣列;$.grep()則類似 .Where(o => 傳回布林值).ToArray(),可過濾陣列保留符合條件的元素項目。 使用概念如下,輸入陣列,執行後傳回陣列: $.map(array, function(element, index) { return 新陣列的元素; }); (註:若輸出陣列想略過特定元素,就return null或undefined) $.grep(array, function(element, index) { return true或false; }); (傳回true的元素才會出現在篩選結果) 來看實例,以下程式有四個範例,分別用傳統方法及$.map(), $.grep()實現「物件陣列轉字串陣列」以及「過濾物件陣列保留特定類別」,程式不複雜,直接看程式碼,開始想想可以用在哪些專案角萿吧! 排版顯示純文字複製文字 <title>jQuery map & grep</title> function Product(category, name) { this.category = category; this.name = name; var items = [ new Product("Phone", "iPhone4S"), new Product("Phone", "Lumia 920"), new Product("Phone", "小米"), new Product("Pad", "Nexus7"), new Product("Pad", "iPad") //範例一:取得產品名稱字串陣列 var names = []; for (var i = 0; i < items.length; i++) { //範例二:篩選手機類的產品陣列 介紹jQuery map()與grep() - 黑暗執行緒
js jquery

The JavaScript Array object is a global object that is used in the construction of arrays; which are high-level, list-like objects. Create an Array var fruits = ["Apple", "Banana"]; console.log(fruits.length); Access (index into) an Array item var first = fruits[0]; var last = fruits[fruits.length - 1]; Loop over an Array fruits.forEach(function (item, index, array) { console.log(item, index);}); Add to the end of an Array var newLength = fruits.push("Orange"); Remove from the end of an Array var last = fruits.pop(); Remove from the front of an Array var first = fruits.shift(); Add to the front of an Array var newLength = fruits.unshift("Strawberry") Find the index of an item in the Array fruits.push("Mango"); var pos = fruits.indexOf("Banana"); Remove an item by Index Position var removedItem = fruits.splice(pos, 1); Copy an Array var shallowCopy = fruits.slice(); Syntax [, , ..., ] new Array(, [, ...[, ]]) new Array() elementN arrayLength Description Accessing array elements console.log(arr.0); Properties ECMAJAVASCRIPT陣列方法
memoization暫存方法
jQuery Tutorial – A jQuery guide for beginners with examples | Tutorials Collection
jQuery report resources

fancyBox - Fancy jQuery Lightbox Alternative
3 reasons why you should let Google host jQuery for you
JQuery

jQuery UI
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

Docs | Sir Trevor JS | Made by Many
15 Interesting JavaScript and CSS Libraries for May 2017
getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.
jQuery LiveSearch

JavaScript Jquery

Exemples jQuery

jquery-plugins

JQUERY TOOLS