ã‚リンãƒãƒ¥ãƒ¼ãƒã‚¤ ビターズ｜ãƒãƒ¥ãƒ¼ãƒã‚¤ãƒ»ã‚«ã‚¯ãƒ†ãƒ«ï½œå•†å“æƒ…å ±ï½œã‚リン
時間ã®æµã‚Œã‚’ã€ã‚†ã£ãã‚Šã«ã—ã¦ãれる「ã‚リンãƒãƒ¥ãƒ¼ãƒã‚¤ ビターズã€ã€‚çš®ã”ã¨æ¾ã£ãŸå¥¥æ·±ã„味ã‚ã„ã¨ã€å¿ƒåœ°ã‚ˆã„余韻ãŒã„ããŒã—ãåƒã„ãŸä¸€æ—¥ã®çµ‚ã‚ã‚Šã«ã€å¿ƒè½ã¡ç€ãã²ã¨ã¨ãã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚
bookreader.js
bookreader.jsã¯ã€é•·æ–‡ã‚’縦スクãƒãƒ¼ãƒ«ã§ã¯ãªãã€æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§è¡¨ç¤ºã—èªã¿ã‚„ã™ãã™ã‚‹JavaScriptライブラリã§ã™ã€‚ →プãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ›ãƒ¼ãƒ (Google Code) - New!! →ダウンãƒãƒ¼ãƒ‰(ver 0.4.6) - 2009/04/18公開 ※ダウンãƒãƒ¼ãƒ‰ã®è©³ç´°ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®ãƒšãƒ¼ã‚¸ã‚’ã”覧下ã•ã„。 ã¾ãšã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã§ä½“験ã—ã¦ã¿ã¦ä¸‹ã•ã„。ã‚ーボードã®[→]/[â†]ã‚ーãŒã€ã€Œé€²ã‚€ã€ã‚ã‚‹ã„ã¯ã€Œæˆ»ã‚‹ã€ã«å¯¾å¿œã—ã¾ã™ã€‚ç”»é¢ä¸Šã«è¡¨ç¤ºã•ã‚Œã‚‹ã€åŠé€æ˜Žã®â–¶/◀ボタンをクリックã—ã¦ã‚‚OKã§ã™ã€‚使ã„æ–¹ã®è©³ç´°ã¯ã€Œãƒ˜ãƒ«ãƒ—ã€ã‚’å‚ç…§ãã ã•ã„。 次期ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é–‹ç™ºçŠ¶æ³ 幸ã„ã«ã—ã¦ã•ã¾ã–ã¾ãªæ–¹ã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’ã„ãŸã ãã¾ã—ãŸã€‚ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ãれを元ã«æ©Ÿèƒ½ã®çµžã‚Šè¾¼ã¿ã¨WEBサイトã¸ã®ã€Œçµ„è¾¼ã¿æ–¹ã€ã«ã¤ã„ã¦æ¤œè¨Žã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ã¾ã ã€å®Ÿè£…ã®æ–¹é‡ãŒå®šã¾ã£ãŸã€ã¨ã„ã†æ®µéšŽã§ã™ãŒæ¬¡æœŸ0.8.xç³»ã®ã‚µ
ãŸã£ãŸ6è¡Œã§Webサイトã®UIをガラッã¨å¤‰ãˆã‚‹
「ã“ã‚“ãªé•·ã„Webページã€ã¾ã£ãŸãèªã‚€æ°—ãŒã—ãªã„ã€ã€‚Webサイトを閲覧ã—ã¦ã„ã¦ã“ã‚“ãªçµŒé¨“ã‚’ã—ãŸã“ã¨ã¯èª°ã—ã‚‚ã‚ã‚‹ã®ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚一方ã§ã€Webサイトを作るå´ã«ã¨ã£ã¦ã¯ã€ã©ã“ã¾ã§ã‚’1ページã«ã¾ã¨ã‚ã‚‹ã‹ã¯å¸¸ã«æ‚©ã‚€ã¨ã“ã‚ã ã¨æ€ã†ã€‚é•·ã„ã‹ã‚‰ã¨ã„ã£ã¦ã‚€ã‚„ã¿ã«ãƒšãƒ¼ã‚¸ãŒåˆ†å‰²ã•ã‚Œã¦ã„ã‚‹ã®ã‚‚考ãˆã‚‚ã®ã§ã€ä»Šåº¦ã¯ã€Œæ¬¡ã®ãƒšãƒ¼ã‚¸ã¸ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã®ãŒé¢å€’ã«ãªã‚Šã€ã‚¹ãƒˆãƒ¬ã‚¹ãŒãŸã¾ã‚‹ã€‚ CogniTom Academic DesignãŒä½œã£ãŸã€Œbookreader.jsã€ã¯ã€ãã‚“ãªæ‚©ã¿ã‚’解決ã—ã¦ãれるã‹ã‚‚ã—ã‚Œãªã„。bookreaderã¯ã€æœ¬ã‚„雑誌をã‚ãるよã†ãªæ„Ÿè¦šã§ã€Webページã®æœ¬æ–‡ã‚’横ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScriptライブラリã 。 「bookreader.jsã€ã®Webサイト。サイト自体ãŒbookreader.jsを使ã£ãŸãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’å…¼ãã¦ã„る。ä¸å¤®ã«ã‚ã‚‹ [<] [>] をクリックã™ã‚‹ã¨1ページãšã¤ã€
指定ã—ãŸHTMLエレメントをãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ã™ã‚‹éš›ã«ä¾¿åˆ©ãªã€Œbusy.jsã€:phpspot開発日誌
busy.js (loading indicators) busy.js 1.0 allows you to add/remove loading indicators to html elements on your webpages 指定ã—ãŸHTMLエレメントをãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ã™ã‚‹éš›ã«ä¾¿åˆ©ãªã€Œbusy.jsã€ã€‚ 例ãˆã°ã€div è¦ç´ 全体ã«æ¬¡ã®ã‚ˆã†ã«ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã«ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ デモã¯ã“ã¡ã‚‰ - è¦ç´ をクリックã§ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°çŠ¶æ…‹ã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ オーãƒãƒ¼ãƒ¬ã‚¤ã§è¦ç´ 自体ã®è‰²ã‚‚変ã‚ã‚‹ãŸã‚ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã§ã‚ã‚‹ã“ã¨ãŒã‚ˆã分ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 関連エントリ グレーアウト表示ライブラリ:glayer.js 様々ãªLightBox風ダイアãƒã‚°ã‚’超簡å˜ã«ä½œã‚Œã‚‹JavaScriptライブラリ「Control.Modalã€
ã€ãƒã‚¦ãƒ„ー】ゼãƒã‹ã‚‰ã¯ã˜ã‚ã‚‹Lightbox 2.0 - ç°¡å˜ã«Webã§å†™çœŸã‚¢ãƒ«ãƒãƒ 機能を (1) Lightbox 2.0ã¨ã¯ï¼Ÿ | パソコン | マイコミジャーナル
Lightbox 2.0ã¨ã¯ï¼Ÿ Lightbox 2.0ã¯Ajaxを利用ã—ã¦ç”»åƒã‚’表示ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ç”»åƒã¯å˜ç‹¬ã®è¡¨ç¤ºã ã‘ã§ãªãã€è¤‡æ•°ç”»åƒã‚’グループ化ã—ã¦ã‚¹ãƒ©ã‚¤ãƒ‰ã¨ã—ã¦è¡¨ç¤ºã•ã›ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Lightbox 2.0ã®å¤§ããªç‰¹é•·ã¨ã—ã¦ã‚¹ã‚¯ãƒªãƒ—ト(プãƒã‚°ãƒ©ãƒ )を記述ã—ãªãã¦ã‚ˆã„ã¨ã„ã†ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ã¤ã¾ã‚Šã€å…¨ãプãƒã‚°ãƒ©ãƒ ãŒåˆ†ã‹ã‚‰ãªã„人手も気軽ã«ä½¿ã†äº‹ãŒã§ãã¾ã™ã€‚Lightbox 2.0ã§ã¯HTMLã®<a>ã‚¿ã‚°ã®rel属性ã«lightboxã®æ–‡å—を記述ã™ã‚‹ã ã‘ã§ã§ãã¦ã—ã¾ã†ã¨ã„ã†æ‰‹è»½ã•ã§ã™ã€‚ã¾ãŸã€JavaScriptã®ã‚³ãƒ¼ãƒ‰ãŒå®Ÿè¡Œã§ãるブãƒã‚°ã§ã‚ã‚Œã°Lightbox 2.0を利用ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Lightbox 2.0ã¯ä½œè€…ã§ã‚ã‚‹Lokesh Dhakaræ°ã®ã‚µã‚¤ãƒˆã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™(*1)。 「Lightbox2ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã€ 「Lightbox v2.0
Ajaxを勉強ã—よã†
ã“ã®ãƒšãƒ¼ã‚¸ã¯Ajaxを勉強ã—ã¦ã¿ãŸã„人å‘ã‘ã®å¦ç¿’用ページã§ã™ã€‚サーãƒãƒ¼ã‚’入れ替ãˆãŸãŸã‚一部CGIを使用ã—ãŸã‚‚ã®ãŒå‹•ä½œã—ã¦ã„ã¾ã›ã‚“。時間ã®ã‚る時ã«ä¿®æ£ã—ã¾ã™ã€‚ã¾ãŸã€æ›¸ã„ã¦ã‹ã‚‰ã€ã‹ãªã‚Šæ™‚é–“ãŒçµŒéŽã—ã¦ã„ã‚‹ãŸã‚内容的ã«å¤ã„ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚ã”了承ãã ã•ã„。 Ajaxã§åˆ©ç”¨ã•ã‚Œã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«é–¢ã—ã¦ã¯åˆ¥ãƒšãƒ¼ã‚¸(Ajax Effect)ã«ç§»å‹•ã—ã¾ã—ãŸã€‚ Ajax関連書ç±ã«é–¢ã—ã¦ã¯Ajax関連書ç±ä¸€è¦§ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¾ã—ãŸã€‚ Prototype系ライブラリ サンプルプãƒã‚°ãƒ©ãƒ ã€New !!】ã®ãƒšãƒ¼ã‚¸ã‚’用æ„ã—ã¾ã—ãŸã®ã§ã€Prototypeç³»ã®ãƒ©ã‚¤ãƒ–ラリを利用ã—ã¦ã„ã‚‹æ–¹ã¯å‚考ã«ã—ã¦ã¿ã¦ãã ã•ã„。 ミスや間é•ã„ãªã©ãŒã‚ã‚Šã¾ã—ãŸã‚‰openspc@po.shiojiri.ne.jpã¾ã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ ç¬¬ä¸€ç« ã€€Ajaxã£ã¦ï¼Ÿ Ajaxã¨RIA Ajaxã¨DHTML Ajaxã¨Flash Ajaxã«å¿…è¦ãªçŸ¥è˜ã¨æŠ€è¡“ Aja
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}