シンプルãªã‚¹ã‚¯ãƒãƒ¼ãƒ«æ©Ÿèƒ½
It's quite often, when navigating through a long document, confusing or disorienting for users to click a link which immediately jumps them to somewhere else in that document. Are they on the same page, on a different page, should they scroll more from here, what's going on? Smooth link scrolling alleviates this a little, by scrolling the page to the new link rather than jumping there directly. Tr
CSS3ã®æ©Ÿèƒ½ã§ãƒœãƒƒã‚¯ã‚¹ã«è§’丸や影ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘られるJSライブラリ「tripleb.jsã€:phpspot開発日誌
CSS3ã®æ©Ÿèƒ½ã§ãƒœãƒƒã‚¯ã‚¹ã«è§’丸や影ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘られるJSライブラリ「tripleb.js〠2009å¹´09月02æ—¥- tripleb.js (javascript CSS 3 simulation) CSS3ã®æ©Ÿèƒ½ã§ãƒœãƒƒã‚¯ã‚¹ã«è§’丸や影ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘られるJSライブラリ「tripleb.js〠ライブラリをèªã¿è¾¼ã‚“ã らã€ãƒœãƒƒã‚¯ã‚¹è¦ç´ ã® class="***" ã«ä¿®é£¾æ¡ä»¶ã‚’指定ã—ã¦ãŠãã ã‘ã§ã€è‡ªå‹•ã§ãƒœãƒƒã‚¯ã‚¹ã‚’角丸やã€å½±ä»˜ãã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³åŠ¹æžœ を与ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ ↓é©ç”¨ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ã«ä¿®é£¾ã•ã‚Œã¾ã™â†“ é…布元ã¯ã€è‰²ã€…ãªãƒ©ã‚¤ãƒ–ラリã§æœ‰å㪠www.netzgesta.de。 CSS3ã®æ©Ÿèƒ½ã‚’使ã†ã®ã§éžå¯¾å¿œãƒ–ラウザã§ã¯ä½¿ãˆã¾ã›ã‚“ãŒã€é¢å€’ãªéƒ¨åˆ†ã‚‚JavaScriptã§ã‚µã‚¯ãƒƒã¨å®Ÿç¾ã§ãã¡ã‚ƒã„ã¾ã™ã。
[JS]jQueryã®ãƒ—ラグイン100é¸ -2009å¹´ç·é›†ç·¨
2009å¹´ã«ç´¹ä»‹ã—ãŸã‚‚ã®ã‚’ä¸å¿ƒã¨ã—ãŸjQueryã®ãƒ—ラグイン100é¸ã§ã™ã€‚ カルーセル・ニュースティッカー関連 ギャラリー・画åƒæ‹¡å¤§é–¢é€£ ナビゲーション関連 タブ関連 パãƒãƒ«ãƒ»ãƒœãƒƒã‚¯ã‚¹é–¢é€£ 角丸関連
David DeSandro: jQuery Masonry
Masonry is a layout plugin for the ever-popular Javascript library jQuery. Download jQuery Masonry Think of Masonry as the flip side of CSS floats. Where as floats arrange elements horizontally then vertically, Masonry arranges them vertically then horizontally. The result leaves no vertical gaps between elements of varying height, just like a mason fitting stones in a wall. Invoking Masonry only
Progression - Framework for Flash
ã”使用ã®ãƒ–ラウザ環境ã§ã¯ã€æœ¬ã‚µã‚¤ãƒˆãŒæ£ã—ã表示ã§ããªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 以下ã®æ³¨æ„点を確èªã—ã€å¿…è¦ãªè¨å®šã‚’è¡Œã£ãŸä¸Šã§å†åº¦è¡¨ç¤ºã—ã¦ãã ã•ã„。 ブラウザ㮠JavaScript è¨å®šã‚’有効化ã—ã¦ãã ã•ã„。 最新㮠Adobe Flash Player をインストールã—ã¦ãã ã•ã„。
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.jsã€
IE6以下をWeb標準ã«æº–æ‹ ã•ã›ã‚‹ãƒ©ã‚¤ãƒ–ラリ『IE7.js〠多ãã®äººãŒå¾…ã¡ã«å¾…ã¡æœ›ã‚“ã ライブラリ。やã¯ã‚Šã™ã”ã„人ã¯ã™ã”ã„ã‚‚ã®ã‚’作るんã§ã™ã。 ã“ã®ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚€ã“ã¨ã«ã‚ˆã‚ŠIE6以下ã§ã‚‚IE7ã¨åŒã˜ã‚ˆã†ãªXHTM/CSSã®è§£é‡ˆã‚’è¡Œã£ã¦ãã‚Œã¾ã™ã€‚ ãŸã ã—完全ã«IE7ã¨åŒã˜ã‚ˆã†ãªå½¢ã«ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šè¿‘ã„å½¢ã¨ã„ã†ã“ã¨ã§ã™ã€‚ ç¾åœ¨å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯version 2.0 (beta)ã¨ã„ã†ã“ã¨ã§ã€ã¾ã 実務ã§ä½¿ã†ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€MITライセンスã§å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã¾ã™ã®ã§æ£å¼ã«ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚Œã°web制作ã®ç¾å ´ã‚’変ãˆã¦ã—ã¾ã†ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ è¨ç½®æ–¹æ³• Google コードã®ie7-jsより直接èªã¿è¾¼ã‚€ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 以下ã®è¦ç´ ã‚’headè¦ç´ 内ãªã©ã«è¨˜è¿°ã—ã¾ã™ã€‚ <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.c
jQuery 日本語リファレンス
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’強力ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
ブãƒãƒƒã‚¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«å®Ÿè£…を便利ã«ã™ã‚‹JavaScriptライブラリ「jsScrollingã€:phpspot開発日誌
リアルタイムã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’アップãƒãƒ¼ãƒ‰å¯èƒ½ãªExtベースJavaScriptライブ... 次ã®è¨˜äº‹ ≫：PhotoShopã‹ã‚‰Flickrã«ç›´æŽ¥ç”»åƒã‚’アップã§ãるプラグイン「FlickrShop〠jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブãƒãƒƒã‚¯ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«å®Ÿè£…を便利ã«ã™ã‚‹JavaScriptライブラリ「jsScrollingã€ã€‚ ç”»åƒã§å®Ÿè£…ã—ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’ブãƒãƒƒã‚¯è¦ç´ ã«ä»˜ã‘ãŸä¾‹ å³å´ã«ãƒ—レーンãªåˆ†ã‹ã‚Šã‚„ã™ã„スクãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’付ã‘ã¦ã¿ãŸä¾‹ 実装ã¯ã€å¿…è¦ãªãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã 後ã€æ¬¡ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã§ã™ã”ãç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ scroller = new jsScroller(docum
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List
Mootools 1.0+ Plugins, Examples, Tutorials & Demos List Mootools version1.0以é™ã®ã‚‚ã®ã‚’使ã£ãŸãƒ—ラグインã¨ã”ãã”ãç°¡å˜ãªã‚µãƒ³ãƒ—ルã®ãƒªã‚¹ãƒˆã€‚moo.fxã‚„version1.0以å‰ã§å‹•ãã‚‚ã®ã¯é™¤å¤–ã—ã¦ã¾ã™ã€‚(一部除ã) tracã‚„forumを常ã«è¿½ã£ã¦ã„ã‚‹æ–¹ã«ã¯ã‚ã¾ã‚Šæœ‰ç”¨ã§ã¯ç„¡ã„ã‹ã‚‚。 é …ç›®ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚コメントãªã©ã¯ä¸‹ã®è¨˜äº‹ã¸ã€‚ mootools 1.0ã®ãƒ—ラグインやサンプルã€ãƒ‡ãƒ¢ãªã‚“ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ãŸã€‚ * 勉強も兼ãã¦ã„ã‚‹ã®ã§ã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¡ã‚‡ã£ã¨é¬±é™¶ã—ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã”容赦ãã ã•ã„ã€‚æ›´æ–°å±¥æ´ (Changelog) ã¯ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ リンクをクリックã™ã‚‹éš›ã¯ã€æ–°ã—ãタブã§é–‹ãã“ã¨ã‚’オススメã—ã¾ã™ã€‚ 09.05.14 追記: 検索ã§ã‚‚トップã®ã»ã†ã«æ¥ã‚‹ã®ã«ã€å…¨ç„¶æ›´æ–°ã‚‚ã—ãªã„ã—1.2以é™ã«å¯¾å¿œã—ã¦
JavaScriptを使ã£ã¦ãƒšãƒ¼ã‚¸ã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£æ©Ÿèƒ½ã‚’実装ã™ã‚‹:phpspot開発日誌
YUI: Mouse Gestures JavaScriptを使ã£ã¦ãƒšãƒ¼ã‚¸ã«ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£æ©Ÿèƒ½ã‚’実装ã™ã‚‹ã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 基本ライブラリã«ã¯Yahoo UI Libraryを使用ã—ã¦ã„ã¾ã™ã€‚ ç”»é¢ä¸Šã®ç°è‰²éƒ¨åˆ†ã‚’左クリックã—ãªãŒã‚‰ãƒžã‚¦ã‚¹ã‚¸ã‚§ã‚¹ãƒãƒ£ã‚’è¡Œã†ã“ã¨ã§ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã™ã‚µãƒ³ãƒ—ルã«ãªã£ã¦ã„ã¾ã™ã€‚ コードã¯æ¬¡ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 最åˆã«ã€ãƒžã‚¦ã‚¹ã®å‘ãã¨é–¢æ•°åを関連付ã‘ãŸé€£æƒ³é…列を定義ã—ã¦ã€YAHOO.widget.Gestures.init ã«æ¸¡ã—ã¦ã„ã¾ã™ã€‚ 後ã¯é–¢é€£ä»˜ã‘ãŸé–¢æ•°ã®ä¸èº«ã‚’定義ã™ã‚‹ã ã‘ã¨ã„ã†å®Ÿè£…ã®å®¹æ˜“ã•ã¨ãªã£ã¦ã„ã¾ã™ã€‚ <script type="text/javascript"> var config = { 'left': test1, 'right': test2, 'up': test3, 'down': test4, 'upleft': test5,
ヨモツãƒãƒƒãƒˆ 実験室 » フォームã«å…¥åŠ›ã•ã‚ŒãŸå…¨è§’æ–‡å—を自動ã§åŠè§’ã«å¤‰æ›ã™ã‚‹
ã“ã®ã‚¹ã‚¯ãƒªãƒ—トã«æ©Ÿèƒ½ã‚’è¿½åŠ ã—㟠valueconvertor.js を公開ã—ã¦ã„ã¾ã™ã€‚アーカイブã¨ã—ã¦ã“ã®è¨˜äº‹ã¯æ®‹ã—ã¦ã‚ã‚Šã¾ã™ãŒã€ã“ã® replaceascii.js 機能をã”利用ã™ã‚‹å ´åˆã¯ã€ã‚ˆã‚Šå®‰å®šã—ã¦ã„ã‚‹ valueconvertor.js ã®ã”利用をãŠã™ã™ã‚ã—ã¾ã™ã€‚ æ¦‚è¦ ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›æ™‚ã«ã€ŽåŠè§’英数ã§å…¥åŠ›ã—ã¦ãã ã•ã„ã€ã®é …ç›®ãŒã‚ã£ãŸå ´åˆã€ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ãƒŸã‚¹ã‚’å°‘ãªãã—ã¦ã‚ã’ã‚‹ãŸã‚ã«ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ ãŸã ã—ã€JavaScript ãŒä½¿ãˆãªã„環境ã§ã¯å‹•ä½œã—ã¾ã›ã‚“ã®ã§ã€ã‚ãã¾ã§ã‚‚オプションã¨ã—ã¦ãŠä½¿ã„ãã ã•ã„。 動作確èªç”¨ã® DEMO ダウンãƒãƒ¼ãƒ‰ 使ã„æ–¹ ダウンãƒãƒ¼ãƒ‰ã—㟠replaceascii.js ã‚’ XHTML ファイル㮠head è¦ç´ 内ãªã©ã§èªã¿è¾¼ã‚“ã§ãã ã•ã„。 ã“ã®ã¨ãã€replaceascii.js ã¨èªã¿è¾¼ã‚€ XHTML ファイルã®æ–‡å—コードãŒåŒã˜ã«ãªã‚‹ã‚ˆã†ã«ã—ã¦ãã
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
youmos - æ–°ã—ã„Webビジãƒã‚¹ã‚„技術アイデアを活性化ã™ã‚‹Webマガジン
{{#tags}}- {{label}}
{{/tags}}