nanoJS - Minimal standalone JS library for DOM manipulation
nanoJS is around 100 lines of code (0.6 Kb compressed) JavaScript library for basic DOM manipulation. It has jQuery like syntax and supports chaining. Because is so small and simple you can add or remove methods directly in the library, meaning is very customizable. All methods are unrelated so removing one will not affect the library in any way (except each method). Use this library as starting p
slick - the last carousel you'll ever need
Features Fully responsive. Scales with its container. Separate settings per breakpoint Uses CSS3 when available. Fully functional when not. Swipe enabled. Or disabled, if you prefer. Desktop mouse dragging Infinite looping. Fully accessible with arrow key navigation Add, remove, filter & unfilter slides Autoplay, dots, arrows, callbacks, etc... Single Item
PhotoSwipe
What’s new in v5Code quality and rewrite in ES6The script is now distributed as an ES module and does not require a build step to use. The documentation is also updated and now includes more examples. Simpler initialization and dynamic import supportPhotoSwipe now supports dynamic import and does not block page rendering. <script type="module"> import Lightbox from './photoswipe-lightbox.esm.js';
Mashitup | {Mashitup}
I'm a freelance software developer who spent a lot of spare time on web automation. I started Software Development in early 2000's when I was in School. My preference went to Microsoft technologies because of the ease of usability of their tools and excellent integration with Windows. Over the course of 20 years I've worked for several organisations where I've worked on dozains of custom software
モーダルダイアãƒã‚°ã‚’視覚表ç¾ã ã‘ã§çµ‚ã‚らã›ãªã„ - Web Accessibility Advent Calendar 2013 - neotagã®é›‘æ–‡
Web Accessibility Advent Calendar 2013 åˆæ—¥ã§ã™ã€‚ http://www.adventar.org/calendars/64 neotagã§ã™ã€‚åˆæ—¥ãªã®ã«è¨˜äº‹å…¬é–‹ãŒé…ã‚Œã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã—ょã£ã±ãªã‹ã‚‰å‡ºé¼»ã‚’ãã˜ã„ã¦ã—ã¾ã„大変申ã—訳ã‚ã‚Šã¾ã›ã‚“。（土下座） 追記 2013/12/06 ã“ã®è¨˜äº‹ã®è£œè¶³ã«ãªã‚‹è¨˜äº‹ã‚’ @milk54 ã•ã‚“ãŒæ›¸ã„ã¦ãã ã•ã„ã¾ã—ãŸã€‚ リニューアルã—ã¦æƒ…å ±ãŒå¾—られãªããªã£ãŸã¨ã„ã†ã‚µã‚¤ãƒˆã‚’調ã¹ã¦ã¿ãŸ 追記ã“ã“ã¾ã§ JavaScript ã«ã‚ˆã‚‹è¦–覚表ç¾ãŒç››ã‚“ã«ãªã£ã¦ã‹ã‚‰å½“ãŸã‚Šå‰ã«ä½¿ã‚れるよã†ã«ãªã£ãŸãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã«ã¤ã„ã¦ã§ã™ã€‚ ã“ã®ãƒ¢ãƒ¼ãƒ€ãƒ«ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã¡ã‚‡ã£ã¨ã—ãŸæƒ…å ±ã‚’è¿½åŠ ã§è¡¨ç¤ºã™ã‚‹éš›ã«å¤§å¤‰ä¾¿åˆ©ãªã®ã§ã™ãŒã€è¦‹ãŸç›®ã ã‘実装ã™ã‚‹ã¨æ€ã‚ã¬ç½ ãŒã‚ã‚Šã¾ã™ã€‚ 普通ã«çµ„ã‚“ã å ´åˆ Library ãªã©ä½¿ã‚ãšã«æ™®é€šã« JavaScript を書ã„ãŸå ´åˆ
[jQuery] ç”»åƒã®èªã¿è¾¼ã¿å®Œäº†æ™‚ã«loadイベントãŒç™ºå‹•ã—ãªã„
htmlã«è¨˜è¿°ã—ã¦ã‚ã‚‹ç”»åƒã‚’èªã¿è¾¼ã‚“ã らã€ã‚る処ç†ã‚’開始ã™ã‚‹ã¨ã„ã†JavaScriptを書ã„ãŸã¨ã“ã‚ã€å‡¦ç†ãŒè¡Œã‚れる時ã¨è¡Œã‚ã‚Œãªã„時ã§ã¾ã¡ã¾ã¡ã ã£ãŸã€‚ ã‚ャッシュã‹ãªã¨ã‚‚æ€ã£ãŸãŒé•ã£ãŸã€‚ 実際ã¯loadイベントを登録ã™ã‚‹å‰ã«ç”»åƒã®èªã¿è¾¼ã¿ãŒçµ‚了ã—ã¦ã„ãŸå ´åˆã€ã‚¤ãƒ™ãƒ³ãƒˆãŒç™ºå‹•ã—ã¦ã„ãªã„ã®ãŒåŽŸå› ã ã£ãŸã€‚ completeプãƒãƒ‘ティを調ã¹ã¦ã€ã™ã§ã«èªã¿è¾¼ã¿æ¸ˆã¿ã ã£ãŸã‚‰æ˜Žç¤ºçš„ã«loadイベントを発動ã•ã›ã‚‹ã¨ã„ã†å‡¦ç†ã‚’è¿½åŠ ã—ã¦å¯¾å¿œã—㟠$('img').load -> //ç”»åƒèªã¿è¾¼ã¿æ™‚ã®å‡¦ç† //ã“ã“ã«ãŸã©ã‚Šç€ãã¾ã§ã«ç”»åƒãŒèªã¿è¾¼ã¿çµ‚ã‚ã£ã¦ã„ãŸã‚‰ç™ºå‹•ã—ãªã„ if this.complete //èªã¿è¾¼ã¿å®Œäº†ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹åˆ¤å®šã™ã‚‹ãƒ—ãƒãƒ‘ティ $(this).load() //自分ã§loadイベントを起ã“ã™ completeã¨ã„ã†ãƒ—ãƒãƒ‘ティã¯çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦ 今回ã®å•é¡Œã¯ã‹ãªã‚Šåˆæ©çš„ãªéƒ¨åˆ†ãªæ°—ãŒã™ã‚‹ãŒâ€¦
ページを移動（離脱）ã™ã‚‹ã¨ãã«jQueryã§è¦å‘Šã‚’出ã™æ–¹æ³•
Facebookãªã©ã§ãƒ•ã‚©ãƒ¼ãƒ 入力ä¸ã«ãƒšãƒ¼ã‚¸ã‚’移動（離脱）ã—よã†ã¨ã™ã‚‹ã¨è¦å‘ŠãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã®ä»•çµ„ã¿ã‚’jQueryã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ã‚’紹介ã—ã¾ã™ã€‚jQueryã¯æŠ•ç¨¿æ™‚点ã®æœ€æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.9.1を利用ã—ã¦ã„ã¾ã™ã€‚ １．ページを移動ã™ã‚‹ã¨ãã«è¦å‘Šã‚’出㙠ページを移動ã™ã‚‹ã¨ãã«è¦å‘Šã‚’出ã™ã«ã¯ã€onイベントã«beforeunloadイベントをè¨å®šã—ã¾ã™ã€‚ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿ãŒå®Œäº†ã—ã¦ã„ã¾ã›ã‚“。ã“ã®ã¾ã¾ç§»å‹•ã—ã¾ã™ã‹ï¼Ÿ'; }); }); </script> <form method="post" acti
JavaScript Framework Translation Guide [Alex Reisner]
You may have already chosen your favorite JavaScript framework, but if you’re working on many different sites, chances are you need to know how to use some other frameworks as well. What follows is a mini translation dictionary: instructions for accomplishing some common tasks in jQuery, Prototype, MooTools, and YUI (versions 2 and 3). This should also serve as a means for superficial comparison o
About - CLEditor
CLEditor is an open source jQuery plug-in which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. Live Demo Go ahead, take it for a test drive. Highlight some text and click some buttons. The following demos are a great source for code samples and examples of how to use plug-ins.
40 Handy jQuery Plugins For Serious Web Developers | Admix Web
January 30th, 2012 by Tweet jQuery is very popular now a days with web develpors, and it is really amazing to see what one can create using jQuery. Its community backed and powered up in such a way that nothing is impossible and everything is easy to achieve. Moreover, it has got a huge number of free plugins to play with that can improve the quality your web development work, but also make it ea
help-me-hackers.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - 言語 プãƒã‚° ジェクト 解決 ä¸Šå‰ èªè¨¼ グイン デザイン リソースãŠã‚ˆã³æƒ…å ±
ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼ help-me-hackers.com ã¯ã€ã‚ãªãŸãŒãŠæŽ¢ã—ã®æƒ…å ±ã®å…¨ã¦ã®æœ€æ–°ã‹ã¤æœ€é©ãªã‚½ãƒ¼ã‚¹ã§ã™ã€‚一般トピックã‹ã‚‰ã“ã“ã‹ã‚‰æ¤œç´¢ã§ãる内容ã¯ã€help-me-hackers.comãŒå…¨ã¦ã¨ãªã‚Šã¾ã™ã€‚ã‚ãªãŸãŒãŠæŽ¢ã—ã®å†…容ãŒè¦‹ã¤ã‹ã‚‹ã“ã¨ã‚’願ã£ã¦ã„ã¾ã™ï¼
FlipPage: Tournez les pages sur votre iPad !
FlipPage est un plugin jQuery créant l'illusion de tourner les pages d'un livre. Développé à l'origine pour une présentation sur tablette tactile, il peut aussi trouver sa place dans une application de livre électronique par exemple. Ce plugin a été développé en HTML5/CSS3 afin d'utiliser la puissance graphique hardware et de créer ainsi une animation plus fluide. Vous trouverez des exemples d'ut
p2WArticles
In questo articolo vediamo un semplicissimo Proxy Switcher fatto in batch, che fa On/Off del proxy di Windows. Selezionate il seguente codice e incollatelo in un file di testo e cambiatene l’estensione da .txt a .bat: @echo off SETLOCAL SET key=â€HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings†SET value=â€http=proxy-url:port;https=proxy-url:port;ftp=proxy-url:port;socks=proxy-url:p
jquery.jsã‚’èªã¿è§£ã：第1回　jQueryライブラリ（1～171行目）｜gihyo.jp … 技術評論社
ã¯ã˜ã‚ã« jQueryã¨ã¯ã€John Resigã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚Œã€æœ€è¿‘éžå¸¸ã«æ³¨ç›®ã‚’集ã‚ã¦ã„ã‚‹ Javascriptライブラリã§ã™ã€‚ JavaScriptã¨HTMLã®å¯¾è©±ã‚’劇的ã«æ”¹å–„ã—ã€Ajaxãªã©ã«ã‚ˆã‚Šè¤‡é›‘化ã—ã¦ãã¦ã„ã‚‹Webアプリケーション構築ã«å¿…è¦ãªå‡¦ç†ã‚’éžå¸¸ã«ç°¡æ½”ã«æ›¸ãã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ãƒ–ラウザã®ç¨®é¡žã‚„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã‚ˆã‚‹é•ã„ã‚‚å¸åŽã—ã¦ãれるãŸã‚ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®ä½œæ¥é‡ã‚‚減らã—ã¦ãã‚Œã¾ã™ã€‚ 本連載ã§ã¯ã€jQueryライブラリã®ã‚³ãƒ¼ãƒ‰ã‚’èªã¿ãªãŒã‚‰ã€å®Ÿè£…ã¨ã—ã¦ä¸ã§ä½•ãŒè¡Œã‚ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’見ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ 想定ã—ã¦ã„ã‚‹èªè€…ã¯ã€jQueryライブラリをãŸã 使ã†ã ã‘ã§ãªãã€ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã‚’ç†è§£ã—ãŸã„ã¨ã„ã†æ–¹ã€ä½¿ã‚ã‚Œã¦ã„るコードを応用ã—ã¦è‡ªåˆ†ãªã‚Šã®æ”¹é€ ã‚’ã—ã¦ã¿ãŸã„æ–¹ã€æ–°ãŸãªãƒ—ラグインを開発ã—ãŸã„ã¨ã„ã†æ–¹ãªã©ã§ã™ã€‚ 今回ã®é€£è¼‰ã§ã¯åŸ·ç†é–‹å§‹æ™‚点ã®æœ€æ–°ç‰ˆã§ã‚ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³1.2.2を対象ã¨ã—ã¦ã„ã¾ã™ã€‚説
jQueryコードリーディング:åˆæœŸåŒ–ã¾ã‚りを詳ã—ãã€ãŠã‚ˆã³extend - <s>gnarl,</s>技術メモâ€â€™<marquee><textarea>ï¿¥
å‰å›žã¯é…列ãŠã‚ˆã³eachã«ã¤ã„ã¦èªã‚“ã§ã„ãã¾ã—ãŸã€‚ 今回ã¯ã€å‰å›žè»½ã触れãŸjQueryã®åˆæœŸåŒ–ã«ã¤ã„ã¦è©³ã—ã見ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™(クエリセレクタ/エレメントæ“作ã¾ã‚ã‚Šã®è©±ã¯ã¾ãŸä»Šåº¦)。 対象 jQuery 1.5.0 よんã§ã¿ã‚ˆã† jQueryã®ã‚½ãƒ¼ã‚¹ã¯ã€å¤–å´ã‚’functionã§å›²ã¾ã‚Œã¦ã„ã¾ã™ã€‚ (function( window, undefined ) { // ã•ã¾ã–ã¾ãªåˆæœŸåŒ– // ... })(window); ã“ã®functionã¯windowã¨undefinedã¨ã„ã†äºŒã¤ã®å¼•æ•°ã‚’å–ã£ã¦ã„ã¾ã™ã€‚ javascriptã®undefinedã¨ã„ã†ã®ã¯æœªå®šç¾©ã®å€¤ã‚’表ç¾ã™ã‚‹ã®ã«ä½¿ã‚ã‚Œã¦ã„ã¾ã™ãŒã€æœ‰åãªè©±ã¨ã—ã¦ã€ã“ã‚Œã¯å®šæ•°ã‚„予約語ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 var undefined="hello"; alert(undefined); // "hello" ã“ã®ã‚ˆã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãŒåŒåã®å¤‰æ•°ã‚’定義
Top 50 JavaScript, jQuery Plugins and Tutorials
jQuery is amazing as you can find plugins to accomplish almost anything you want. It makes your work easy and quick. And Javascript has always been a favorite of people. we have a list of top jQuery, Javascript plugins and tutorials that will help you a lot and will definitely make your life easier. I hope you would find these apps useful. It includes apps that will let you create loading animatio
[JS]jQueryã®ãƒ—ラグイン100é¸ -2011å¹´ç·é›†ç·¨
2011å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100+αé¸ã§ã™ã€‚ 今年ã¯CSS3ã®å½±éŸ¿ã‚‚ã‚ã£ã¦ã‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç›®ç«‹ã¡ã¾ã—ãŸã€‚ã¾ãŸã€Resposive Web Design用ã®å¯å¤‰ã‚‚ã®ã‚„動画・テã‚ストを扱ã£ãŸã‚‚ã®ã‚‚多ã‹ã£ãŸã§ã™ã。 [ad#ad-2] 動画関連 ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼é–¢é€£ ç”»åƒæ‹¡å¤§é–¢é€£ ç”»åƒé…置・ã‚ャプション関連 背景画åƒé–¢é€£ コンテンツスライダー・カルーセル関連 タブ関連 ナビゲーション関連 レイアウト関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ ツールãƒãƒƒãƒ—・ティッカー関連 アニメーション関連 エフェクト関連 スクãƒãƒ¼ãƒ«æ“作・スクãƒãƒ¼ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„関連 リスト関連 テーブル関連 フォーム関連 テã‚スト関連 見出ã—抽出関連 ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°é–¢é€£ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç”Ÿæˆ ãã®ä»– 動画関連
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - Datasilk/Selector: A micro JavaScript library used as a replacement for jQuery, weighing in under 5KB.
Transit - CSS transitions and transformations for jQuery
http://joelb.me/scrollpath/
{{#tags}}- {{label}}
{{/tags}}