GitHub - camsong/You-Dont-Need-jQuery: Examples of how to do query, style, dom, ajax, event etc like jQuery with plain javascript.
Frontend environments evolve rapidly nowadays and modern browsers have already implemented a great deal of DOM/BOM APIs which are good enough for production use. We don't have to learn jQuery from scratch for DOM manipulation or event handling. In the meantime, thanks to the spread of frontend libraries such as React, Angular and Vue, manipulating the DOM directly becomes anti-pattern, so that jQu
ScrollMe - For simple scrolling effects
ScrollMe A jQuery plugin for adding simple scrolling effects to web pages ScrollMe is a jQuery plugin for adding simple scrolling effects to web pages. As you scroll down the page ScrollMe can scale, rotate, translate and change the opacity of elements on the page. It's easy to set up and not a single line of javascript is required. Why just these properties? Because browsers can animate them quic
jQuery DrawSVG
FEATURES This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. Weights less than 2KB minified and 800 bytes gzipped. Easy to use. Easing and stagger support. Free! Tweet USAGE Include jQuery DrawSVG after jQuery <script src="http://code.jquery.com/jquery-latest.min.j
会社ã§jQuery使ã£ãŸã‚‰ç„¡èƒ½ä¸Šå¸ã«æ€’鳴られãŸã‚“ã ãŒï½—ï½—ï½—ï½—ï½— : ITé€Ÿå ±
1: 仕様書無ã—ã•ã‚“ 2014/09/22(月) 12:19:06.02 .net jqueryã§æ›¸ã„ã¦ãŸã‚‰æ€’鳴られ㟠ã†ã¡ã§ã¯ä½¿ã†ãªã£ã¦ãƒ»ãƒ»ãƒ»ã“ã£ã¡ã®ãŒç°¡å˜ã˜ã‚ƒã‚“・・・ãªã‚“ã§æ›¸ã‘ãªã„ã® 3: 仕様書無ã—ã•ã‚“ 2014/09/22(月) 13:47:22.65 .net 世ã®ä¸ã«ã¯é¦¬é¹¿ã§ç„¡èƒ½ãªä¼šç¤¾ã‚‚ã‚ã‚‹ã£ã¦ã“ã¨ã‚ˆã€‚ 15: 仕様書無ã—ã•ã‚“ 2014/09/22(月) 20:16:36.27 .net ゴミã®ã‚ˆã†ãªä¸Šå¸ã ãªã€‚ ã‚‚ã—システム屋ãªã‚‰ç›´ã¡ã«è»¢è·ã—ã‚。 6: 仕様書無ã—ã•ã‚“ 2014/09/22(月) 15:25:28.97 .net >>1 新人ã‹ã„？ ãªã‚“ã§ä½¿ã£ãŸã‚‰ã„ã‘ãªã„ã®ã‹ç†ç”±ã‚’èžããªã€‚ ç´å¾—ã§ããŸãªã‚‰ä½¿ã‚ãªã‘ã‚Œã°ã„ã„ã—ã€ç´å¾—出æ¥ãªã„ãªã‚‰èª¬å¾—ã—ã¦ã¿ã‚Œã°ã„ã„。 説得ã—ã¦ç„¡ç†ãªã‚‰ã€è«¦ã‚ã‚‹ã‹é…ç½®æ›ãˆå¸Œæœ›å‡ºã™ã‹è»¢è·ã™ã‚‹ã‹ã€‚ 12: 仕様書無ã—ã•ã‚“ 2014/09/22(月) 18:3
jQuery 3.0: The Next Generations | Official jQuery Blog
It’s hard to believe it’s been nearly eight years since jQuery was released. Web development has changed a lot over the years, and jQuery has changed along with it. Through all of this time, the team has tried to walk the line between maintaining compatibility with code from the past versus supporting the best web development practices of the present. One of those best practices is semantic versio
LetterFX jQuery Plugin | TuxSudo Web Development
LetterFx jQuery Plugin A jQuery plugin to apply animated visual effects to text - letters, words & custom patterns. LetterFx works by temporarily injecting markup into the text of an $("element") and sequentially adding & removing transition-based CSS classes. Please use responsibly. demo: 1 2 3 4 5 6 7
jQuery å…¬å¼ Blog 「jquery-latest.js を使用ã™ã‚‹ã®ã‚’ã‚„ã‚ã‚ã€
jQuery å…¬å¼ Blog ã¯ã€ã€ŒDon't Use jquery-latest.js〠ã¨é¡Œã•ã‚ŒãŸè¨˜äº‹å†…ã§ã€ä»Šå¾Œã€jquery-latest.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ 1.11.1 ã§å›ºå®šã™ã‚‹ã“ã¨ã¨ã€æœ¬ç•ªç’°å¢ƒã§ jquery-latest.js ã‚’èªã¿è¾¼ã‚€ã®ã‚’ã‚„ã‚ã¦ãã‚Œã¨ã„ã†ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ jQuery å…¬å¼ Blog ã¯ã€7月 3日付ã‘ã§æŠ•ç¨¿ã•ã‚ŒãŸ 「Don't Use jquery-latest.js （jquery-latest.js を使ã†ãªï¼‰ã€ ã¨é¡Œã•ã‚ŒãŸè¨˜äº‹å†…ã§ã€ä»Šå¾Œã€jquery-latest.js ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’ 1.11.1 ã§å›ºå®šã™ã‚‹ã“ã¨ã¨ã€æœ¬ç•ªç’°å¢ƒ （公開ã—ã¦ã„ã‚‹ Web サイト） 㧠jquery-latest.js ã‚’èªã¿è¾¼ã‚€ã®ã‚’ã‚„ã‚ã¦ãã‚Œã¨ã„ã†ã‚¢ãƒŠã‚¦ãƒ³ã‚¹ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ Don't Use jquery-latest.js ： Official jQ
[JS]最近よã見ã‹ã‘る縦長ページ用ã®ã•ã¾ã–ã¾ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒç°¡å˜ã«å®Ÿè£…ã§ãるスクリプト -ScrollReveal
デモページ フッタã¯ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«3Dã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ScrollRevealã®ä½¿ã„æ–¹ Step 1: 外部ファイル 当スクリプトã¨Ani.jsã‚’</body>ã®ä¸Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€Œanimate.cssã€ã‚’head内ã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> </head> <body> ... <script src="anijs-min.js"></script> <script src="helpers/scrollreveal/anijs-helper-scrollreveal-min.js"></script> </body> Step 2: HTML å„è¦ç´ ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨å®šã¯ã€HTMLã«è¨˜è¿°
Tilted Content Slideshow
This slider, as seen on the landing page of the FWA, plays with 3D perspective and performs some interesting animations on the right-hand side images. CSS Animations We are using 12 different animations for showing and hiding the items of a slide. The animations are defined by randomly adding data-attributes called data-effect-in and data-effect-out for every slide. Tilted Items The perspective vi
You Might Not Need jQuery
jQuery and its cousins are great, and by all means use them if it makes it easier to develop your application. If you're developing a library on the other hand, please take a moment to consider if you actually need jQuery as a dependency. Maybe you can include a few lines of utility code, and forgo the requirement. If you're only targeting more modern browsers, you might not need anything more tha
Sticker.js
A Javascript library that allows you to create a Sticker Effect No dependencies (jQuery not required) and MIT License Inspired by Sanghee Cho's Heroes Project Download on Github Example Move your mouse cursor on below circles IMAGE COLOR Usage Call the init() method with target elements (.className or #ID). It creates the necessary HTML elements in the target and add the sticker effect using CSS 3
ボーイフレンドを直ã™æ–¹æ³•ã€€ã‚ã‚‹ã„ã¯è³¢ã„jQuery.Deferredã®ä½¿ã„æ–¹ - mizchi's blog
å•é¡Œ モãƒã‚¤ãƒ«ã¯å›žç·šãŒä¸å®‰å®šãªã®ã§ã€ãƒãƒ¼ãƒ‰ã®å¤±æ•—ãŒé »ç¹ã«èµ·ã“ã‚Šã¾ã™ã€‚ 開発時ã¯é«˜é€Ÿãªwifi環境ã§é–‹ç™ºã—ã¦ã„ã‚‹ã®ã§ã€ãƒªãƒªãƒ¼ã‚¹é–“è¿‘ã«ãªã£ã¦å¸¯åŸŸã‚’圧迫ã—ã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸã‚Šã—ã¾ã™ã€‚ 解決方法 ç”»åƒã‚’å…ˆèªã¿ã—ã¾ã™ var preload = function(src){ var d = $.Deferred(); var img = new Image; img.src= src; img.onload = d.resolve img.onerror = d.reject return d.promise(); }; 何をやã£ã¦ã„ã‚‹ã‹ã¨ã„ã†ã¨ã€ç©ºã®imgã‚¿ã‚°ã‚’ã¤ãã£ã¦ãã“ã«ç”»åƒã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ãã®éŽç¨‹ã§ãƒ–ラウザã‚ャッシュã«ç”»åƒãŒä¿å˜ã•ã‚Œã¾ã™ã€‚æ£ç¢ºã«è¨€ã†ã¨ã“ã®æ™‚点ã§ã¯ã©ã“ã«ã‚‚ç´ä»˜ã„ã¦ã„ãªã„ã®ã§GC対象ã§ã™ãŒã€ãã®å¾Œã™ãDOMã«ç”»åƒã‚’ã¯ã‚‹ãªã‚‰å•é¡Œã‚ã‚Šã¾ã›ã‚“。 並列ã§å…ˆèªã¿ã™ã‚‹(速ã„・ä¸å®‰å®š) va
イージング関数ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ
イージング関数ã¯ã€æ™‚é–“ã®çµŒéŽã«ä¼´ã†ãƒ‘ラメーターã®å¤‰åŒ–率を指定ã—ã¾ã™ã€‚ ç¾å®Ÿã®ç‰©ä½“ã¯ã€å³åº§ã«å‹•ã„ãŸã‚Šåœæ¢ã—ãŸã‚Šã™ã‚‹ã“ã¨ã¯ãªãã€ä¸€å®šã®é€Ÿåº¦ã§å‹•ãã“ã¨ã‚‚ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“。引ã出ã—ã‚’é–‹ã‘ã‚‹ã¨ãã€ç§ãŸã¡ã¯æœ€åˆã«å¼•ã出ã—ã‚’ã™ã°ã‚„ã引ã出ã—ã€ãã‚ŒãŒå¤–ã«å‡ºã¦ãã‚‹ã«ã¤ã‚Œã¦ã‚†ã£ãã‚Šã¨å‹•ã‹ã—ã¾ã™ã€‚床ã«å‘ã‘ã¦ãªã«ã‹ã‚’（例ãˆã°ãƒšãƒ³ã®ã‚ˆã†ãªï¼‰æ”¾ã™ã¨ã€æœ€åˆã«é‡åŠ›ã«ã‚ˆã£ã¦ä¸‹ã«å‘ã‹ã£ã¦åŠ 速ã—ã€åºŠã«å½“ãŸã£ãŸå¾Œä¸Šã«è·³ã返りã¾ã™ã€‚ ã‚ãªãŸã®å¿…è¦ãªã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚’é¸æŠžã—ã¦ã€ã‚ãªãŸã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸ã§ä½¿ç”¨ã—ã¦ã¿ã¦ãã ã•ã„。
ã“ã‚Œã ã‘ã¯æŠ‘ãˆã¦ãŠããŸã„ï¼ jQuery ã‚„ CSS ã®ã€Œã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã€ã®åŸºç¤ŽçŸ¥è˜
ã“ã®"easeInQuad"ã«ã‚ãŸã‚‹éƒ¨åˆ†ãŒã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã§ã™ï¼ イージングをè¨å®šã™ã‚‹ã“ã¨ã§ã€å‹•ãã«ã€å‹¢ã„や波をã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ イージングをè¨å®šã—ã¦ã€ãƒœãƒ¼ãƒ«ã‚’å·¦å³ã«å‹•ã‹ã—ãŸã‚‚ã®ãŒã“ã¡ã‚‰ï¼ ã¡ãªã¿ã«ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãŒãªã„ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ イージングを使ã„ã“ãªãã†ï¼ イージングã¯çµæ§‹ã€ç¨®é¡žãŒå¤šã„ã§ã™ã€‚ 例ãˆã°ã€jQuery Easing Pluginã§ã¯ã€ãªã‚“ã¨30種類以上ã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ï¼ ã§ã‚‚ã€30種類もã‚ã£ã¦ã‚‚ã€ã±ã£ã¨è¦‹ã€é•ã„ãŒã‚ˆãã‚ã‹ã‚‰ãªã„ãªã‚“ã¦ã“ã¨ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ 今回ã¯ã€ç§ã®ç‹¬æ–ã¨å見ã§ã€jQuery Easing Pluginã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã‚’ä¸å¿ƒã«ã€ ãã‚Œãžã‚Œã®ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®ç‰¹å¾´ã¨ã€ä½¿ã„ã©ã“ã‚を紹介ã—ã¾ã™ï¼ ã¡ã‚‡ã£ã¨ã€æ³¨æ„äº‹é … CSSã‚„ã€jQueryã§ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚„ã‚Šæ–¹ 今回ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚„ã‚Šæ–¹ãã®ã‚‚ã®ã«ã¤ã„ã¦ã¯ã€èª¬æ˜Žã‚’çœãã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®è©±ã‚’ä¸å¿ƒã«æ›¸ãã¾ã™ã€‚
『jQuery 最高ã®æ•™ç§‘書ã€ã‚µãƒ³ãƒ—ルサイト
Chapter 02 3 ステップã§ã¯ã˜ã‚ã‚‹ã‹ã‚“ãŸã‚“ jQuery 入門 # Easing Chapter 04 確ã‹ãªåŸºç¤ŽåŠ›ã‚’養ㆠjQuery ã®åŸºæœ¬ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ 01 ã•ã¾ã–ã¾ãªãƒ›ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§å¦ã¶å‹•ãã®ã‚る表ç¾ã®åŸºæœ¬ 02 ç”»åƒã¨ã‚ャプションã®è¡¨ç¾ 03 丸ã„ボタンã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ 04 見ãˆéš ã‚Œã™ã‚‹ã‚µã‚¤ãƒ‰ãƒãƒ¼ 05 タイãƒã‚°ãƒ©ãƒ•ã‚£ã®è¡¨ç¾ # Chaper 04 完æˆç‰ˆ Chapter 05 活用ã®å¹…を広ã’ã‚‹ jQuery ã®å¿…修テクニック 01 ãªã‚らã‹ãªå‹•ã㮠スライドショー Basic 02 多機能ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ Advanced 03 スティッã‚ーヘッダー Basic 04 デザインãŒå¤‰åŒ–ã™ã‚‹ スティッã‚ーヘッダー Advanced 05 ç”»é¢é ˜åŸŸã‚’有効活用ã§ãるタブ Basic 06 高機能ã§æ‹¡å¼µã—ã‚„ã™ã„タブ Advanced 07 スムーズスクãƒãƒ¼ãƒ« Basic 08 æ‹¡
コナミコマンドをウェブサイトã«å®Ÿè£…ã§ãる「cheet.jsã€
欧米ã§ã¯ãƒ—レイステーション4ã¨Xbox OneãŒç™ºå£²ã•ã‚Œå®¶åºç”¨ã‚²ãƒ¼ãƒ æ©ŸãŒä¸–代交代を迎ãˆã¦ã„ã¾ã™ãŒã€å®¶åºç”¨ã‚²ãƒ¼ãƒ æ©Ÿã®å…ƒç¥–ã¨ã‚‚ã„ã†ã¹ãファミリーコンピューター(ファミコン)ã§ã€ä¸€ä¸–を風é¡ã—ãŸéš ã—コマンド「コナミコマンドã€ã‚’ã€ã‚¦ã‚§ãƒ–サイトã«å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ãŒã€Œcheet.jsã€ã§ã™ã€‚ cheet.js - easy easter eggs (konami code, etc) for your site http://namuol.github.io/cheet.js/ コナミコマンドã¯ã€ã‚³ãƒŠãƒŸã®ã‚²ãƒ¼ãƒ ã§å¤šã使ã‚ã‚ŒãŸéš ã—コマンドã®ä¸€ç¨®ã€‚コントãƒãƒ¼ãƒ©ãƒ¼ã§ã€Œä¸Šä¸Šä¸‹ä¸‹å·¦å³å·¦å³BAã€ã¨ãƒœã‚¿ãƒ³å…¥åŠ›ã™ã‚‹ã®ãŒåŸºæœ¬å½¢ã§ã™ãŒã€ã“ã®ä»–ã«ã‚‚ã„ã‚ã„ã‚ãªæ´¾ç”Ÿã‚³ãƒžãƒ³ãƒ‰ãŒã‚ã‚Šã€ã¾ãŸã€ã‚³ãƒŠãƒŸä»¥å¤–ã®ã‚²ãƒ¼ãƒ ã§ã‚‚å–り入れられるã»ã©ã«æœ‰åãªéš ã—コマンドã ã£ãŸã®ã§ã€ã¨ã‚Šã‚ãˆãšã‚²ãƒ¼ãƒ プレイ時ã«ã¯ã‚³ãƒŠãƒŸã‚³ãƒžãƒ³ãƒ‰ã‚’試ã—ã¦ã¿ãŸäººã‚‚ã„ã‚‹ã¯ãš
$.onScreen();
A jQuery plugin that does stuff to elements when they enter or leave the viewport Download How to use Basic usage The basic form $('element').onScreen(); will only toggle the onScreen class on the matched elements. This is optimal for CSS animations, like the demos section above. You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing
alessandroferrini.it
This domain may be for sale!
FailSafe - A jQuery Plugin to make your App Robust
.:.: How this plugin gonna help you? Prevention is better than Cure This is a famous saying and it matters a lot while making robust applications. This plugin does its part to help you achieve that. FailSafe is a jQuery plugin to help your application work correct even in peril situations. In other words, it takes care of situations like Lost Internet Connectivity and Low Battery Level. When a use
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
NProgress: slim progress bars in JavaScript
{{#tags}}- {{label}}
{{/tags}}