GitHub - zehfernandes/jquery.fullContent: Enables fully websitesYou signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
HTML5/JavaScriptã§MIDIデータファイルをèªã¿è¾¼ã‚“ã§æ‰±ãˆã‚‹ MIDI.js - 音楽方丈記
HTML5/JavaScriptã§MIDIデータファイルをèªã¿è¾¼ã‚“ã§æ‰±ãˆã‚‹ MIDI.js » 音楽コンテンツ(楽曲å†ç”Ÿ)　 [編集] ãŠæ°—ã«å…¥ã‚Šã®ãƒ–ãƒã‚° IDEA*IDEA ã§ç´¹ä»‹ã•ã‚Œã¦ã„㟠HTML5 + JavaScript 㧠MIDI データを扱ã†ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ MIDI.js ãŒé¢ç™½ãã†ã ã£ãŸã®ã§ã“ã“ã§ã‚‚紹介。 注æ„： MIDI.js ã®ã‚µã‚¤ãƒˆã‚’é–‹ãã¨éŸ³ãŒé³´ã‚‹ãƒ‡ãƒ¢ãŒè‡ªå‹•å†ç”Ÿã•ã‚Œã¾ã™ MIDI.js 㯠Web アプリã‹ã‚‰ JavaScript 㧠MIDI データを扱ã†ãŸã‚ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ‘ッケージã§ã€github ã§ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ä¸€å¼ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ MIDI.js ã®ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«MIDI.* ㌠MIDI データ処ç†ã‚’è¡Œã†ãƒ¡ã‚¤ãƒ³ã®ã‚¯ãƒ©ã‚¹ã§ã€ãã®ä»–㯠MIDI ã¨ã¯ç›´æŽ¥é–¢ä¿‚ãŒãªã„補助的ãªã‚¯ãƒ©ã‚¹ãŒå«ã¾ã‚Œã¾ã™ã€‚ MIDI.loadPlugin.js 音色データã®ãƒãƒ¼ãƒ‰ãªã©ãƒ—ラグイ
Fixture is under construction
Thank you for being patient. We are doing some work on the site and will be back shortly.
[JS]ã“ã‚Œã¯ã‹ãªã‚Šã®å„ªã‚Œã‚‚ã®ï¼iOS用ã ã‘ã©IE7ã«ã‚‚対応ã—ã¦ã„るスライダーã®ã‚¹ã‚¯ãƒªãƒ—ト -iosSlider
iosSlider [ad#ad-2] iosSliderã®ç‰¹å¾´ iosSliderã®ãƒ‡ãƒ¢ iosSliderã®ä½¿ã„æ–¹ iosSliderã®ç‰¹å¾´ ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢ã‚¢ã‚¯ã‚»ãƒ©ãƒ¬ã‚¤ãƒˆ iOS, Android, Webkit系ブラウザ用ã«CSS3を使用ã—ã¾ã™ã€‚ レスãƒãƒ³ã‚·ãƒ–デザイン デスクトップã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–レットã®å„デãƒã‚¤ã‚¹ã‚’サãƒãƒ¼ãƒˆã€‚ コールãƒãƒƒã‚¯ ウェブアプリã¨ã—ã¦ã•ã¾ã–ã¾ãªç”¨é€”ã«å¿œãˆã‚‹ãŸã‚ã«ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã‚’用æ„。 å…¨ã¦ã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザをサãƒãƒ¼ãƒˆ デスクトップ用ã®Firefox, Chrome, Safari, IE7+をサãƒãƒ¼ãƒˆã€‚ ç„¡é™ãƒ«ãƒ¼ãƒ— スライドã¯ä¸¡æ–¹å‘ã«ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ オートスライディング 自動スライドã«ã‚‚対応ã€ãƒ›ãƒãƒ¼ã§ä¸æ–ã—ã¾ã™ã€‚ サãƒãƒ¼ãƒˆãƒ–ラウザ iosSliderãŒã‚µãƒãƒ¼ãƒˆã™ã‚‹ãƒ†ã‚¹ãƒˆæ¸ˆã¿ã®ãƒ–ラウザ一覧ã§ã™ã€‚ Firefox5.0+ Chrome19.0+
loupe.js (photorealistic loupe effect for images)
loupe.js 2.0 allows you to add photorealistic loupes (magnifier) to images on your webpages. The design is changeable by use of an image editing program. It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari, Chrome and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing.
[JS]ダイナミックãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’ã¾ã‚‹ã”ã¨ã‚ºãƒ¼ãƒ ã§ãるスクリプト -zoom.js
zoom.js -GitHub デモページ [ad#ad-2] デモ 実装 デモ デモページã§ã¯ãƒšãƒ¼ã‚¸ä¸Šã®ã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’クリックã—ã¦ã‚‚ズームイン（拡大）ã—ã¾ã™ã€‚ グリーンã®ã€ŒFloatã€ã‚’クリックã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ デモページ：ズームインã—ãŸã‚ャプãƒãƒ£ ズームアウト（縮å°ï¼‰ã™ã‚‹ã«ã¯ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã‹ã€[ESC]ã‚ーを押ã—ã¾ã™ã€‚ [ad#ad-2] 実装 「zoom.jsã€ã¯jQueryãªã©ã®ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ã¯ä¾å˜ã›ãšã«ã€å˜ä½“ã§å®Ÿè£…ãŒå¯èƒ½ã§ã™ã€‚ 外部ファイル 当スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/zoom.js"></script> HTML/CSS HTMLã¨CSSã¯é€šå¸¸é€šã‚Šã§æ§‹ã„ã¾ã›ã‚“。 特定ã®ã‚¨ãƒªã‚¢ã«é©ç”¨ã™ã‚‹å ´åˆã¯ã€ãã®ã‚¨ãƒªã‚¢ãŒæŒ‡å®šã§ãるよã†ã«idãªã©ã‚’è¨ã‘ã¾ã™ã€‚ JavaScript 特定ã®è¦ç´ （例：img）ã®ã¿é©ç”¨ã™ã‚‹å ´åˆã¯ä¸‹
[JS]スライドを縦横斜ã‚ã®ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Ascensor.js
デモページ ページä¸å¤®ã®ã€ŒDemo and how to useã€ã‚’クリックã—ã¾ã™ã€‚ æ“作ã¯ã€å·¦ä¸Šã®ã€Œprev, nextã€ã€å³ä¸‹ã®ã€ŒãƒŠãƒ“ゲーションã€ã€ã‚ーボードã®ã€ŒçŸ¢å°ã‚ーã€ã§ã™ã€‚ [ad#ad-2] Ascensorを実際ã«ä½¿ç”¨ã—ã¦ã„るサイトも紹介ã—ã¾ã™ã€‚ Reverse Buro Ascensorã®ä½¿ã„æ–¹ 外部ファイル 「jquery.jsã€ã¨ã€ŒscrollTo.jsã€ã€ãã—ã¦å½“スクリプトを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.scrollTo.js" type="text/javascript"></script> <script src="js/jquery.ascensor.js" type="text/java
Meteor.js - naoyaã®ã¯ã¦ãªãƒ€ã‚¤ã‚¢ãƒªãƒ¼
http://www.meteor.com/ ã§å…¬é–‹ã•ã‚ŒãŸ Meteor.js ã‚’å°‘ã—触ã£ã¦ã¿ã¾ã—ãŸã€‚TechCrunch ãªã‚“ã‹ã§ã‚‚話題ã«ãªã£ã¦ã„ã¾ã—ãŸã。 Meteor.js 㯠JavaScript ã«ã‚ˆã‚‹ã‚¦ã‚§ãƒ–アプリケーションフレームワークã§ã™ãŒã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚サーãƒãƒ¼ã‚µã‚¤ãƒ‰ã§ã‚‚ãªã„ã€"Isomorphic" ãªãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ コンセプトã¨ã—ã¦ã„ãã¤ã‹ç‰¹å¾´ãŒã‚ã‚‹ã®ã§ã™ãŒã€ãã®æœ€ãŸã‚‹ã‚‚ã®ã¯ "Reactive Programming" ã§ã€ãƒ¢ãƒ‡ãƒ«ã‚„セッションãªã©ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹ã¨ãã®æ›´æ–°å†…容ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã€ãã®ã‚¢ãƒ—リケーションを開ã„ã¦ã„る全クライアントã«ä¼ã‚るよã†ãªã‚¢ãƒ—リケーションを簡å˜ã«ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®è¾ºã¯å®Ÿä¾‹ã‚’見るã®ãŒæ—©ã„ã§ã™ã€‚ http://www.meteor.com/examples/leaderboard ã“ã“ã«ã‚ã‚‹å‹•ç”»ã§ã¯ã€ã‚るブラウザã§
Tombloo + ç”»åƒå‡¦ç† - f8g
ImageProcessing.jsã‚’Tomblooã§ä½¿ã£ã¦ã¿ã‚‹ã€‚ スクリプトディレクトリã«image_processing.jsã‚’ä¿å˜ã€‚ extractorを書ã„ã¦ã‚¹ã‚¯ãƒªãƒ—トディレクトリã«ä¿å˜ã€‚ 例 Tombloo.Service.extractors.register({ name : 'Photo - Filter', ICON : 'chrome://tombloo/skin/photo.png', check : function(ctx){ return ctx.onImage; }, extract : function(ctx){ return succeed() .addCallback(function(){ var ip = ImageProcessing.load(ctx.imageURL); // ç”»åƒå‡¦ç† ip.lock() .filter(ImageProce
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
grantgalitz.org
http://webdesignmatome.com/webdesign/js_anim
{{#tags}}- {{label}}
{{/tags}}