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
Grundlagen zu jQuery-Mobile-Seiten | Windows Developer Grundlagen zu jQuery-Mobile-Seiten | Windows Developer jQuery Mobile jQuery Mobile verändert die Granularität, mit der Entwickler eine Webseite implementieren: Normalerweise wird eine Seite in einer einzelnen HTML- oder Markup-Datei gespeichert. In jQuery Mobile kann eine Seite eine einzelne HTML-Datei oder ein interner Abschnitt - vorwiegend ein DIV-Element - einer vorhandenen Seite sein. Man bezeichnet die beiden Szenarien als Einzelseiten- und Mehrseiten-Template. Eine typische Seitendefinition sieht folgendermaßen aus: <div id="homePage" data-role="page"> ... Wie der folgende Code zeigt, kann eine einzelne HTML-Datei auch mehrere Elemente enthalten, die als logische Seiten markiert sind: <div id="homePage" data-role="page" data-theme="a" class="amse-bkgnd"> ... Werden mehrere logische Seiten verwendet, sollte man sie mit eindeutigen IDs versehen, um sowohl die Navigation als auch die Initialisierung zu ermöglichen. Die Struktur einer mobilen Seite kann nicht allzu anspruchsvoll sein. Seiten initialisieren Header und Footer
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.
This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. Current version: 1.6 (last standalone release, now part of jQuery UI)Compressed filesize: 3829 bytesLicense: MIT/GPL DownloadDemoDocumentation Dependencies Required Optional easing plugin – include it to use “bounceslide” and “easeslide” for the animated-option, included in the download package Support None anymore. Donate jQuery plugin: Accordion jQuery plugin: Accordion
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

寫這篇的動機是常在專案看到「古典式」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); Remove items from an index position Copy an Array var shallowCopy = fruits.slice(); // this is how to make a copy // ["Strawberry", "Mango"] Syntax Parameters elementN arrayLength Description 1. 2. ECMAJAVASCRIPT陣列方法
Functions can use objects to remember the results of previous operations, making it possible to avoid unnecessary work. This optimization is called memoization. JavaScript's objects and arrays are very convenient for this. Let's say we want a recursive function to compute Fibonacci numbers. A Fibonacci number is the sum of the two previous Fibonacci numbers. This works, but it is doing a lot of unnecessary work. We will keep our memoized results in a memo array that we can hide in a closure. var fibonacci = (function ( ) { var memo = [0, 1]; var fib = function (n) { var result = memo[n]; if (typeof result ! This function returns the same results, but it is called only 29 times. We can generalize this by making a function that helps us make memoized functions. var memoizer = function (memo, formula) { var recur = function (n) { var result = memo[n]; if (typeof result ! We can now define fibonacci with the memoizer, providing the initial memo array and formula function: memoization暫存方法
jQuery Tutorial – A jQuery guide for beginners with examples | Tutorials Collection What is jQuery jQuery is a JavaScript based library that makes using the JavaScript much easier for your web based applications. The JQuery is fast, much easy to use, small in size – around 32Kb, and contains a lot of features. You have to write lots of JavaScript code to accomplish tasks that jQuery enables you to write with much less code. The jQuery is cross platform compatible, i.e. supported by many popular browsers like Chrome, Firefox, IE, Safari and others. jQuery makes things quite simple like HTML document transversal and manipulation, handling events (like clicking on links, mouse up, mouse down etc.), animations for your applications (like slider, loader) and Asynchronous JavaScript and XML (AJAX) operations with an easy to use API. You can do many things like cool jQuery sliders, slideshows, menus, fade-in/fade-out effects, beautiful dropdowns… just a few examples that can be done with jQuery. Perquisites to work with jQuery A few running examples of jQuery slideUp method example
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
jQuery/HTML

15 Interesting JavaScript and CSS Libraries for May 2017
getify/You-Dont-Know-JS: A book series on JavaScript. @YDKJS on twitter.
Jquery Scripts

Jquery libs

jquery scrolling

jQuery LiveSearch

JavaScript Jquery

Exemples jQuery

jquery-plugins