[JS]表データã®åˆ—ã¨è¡Œã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -TargetTable
表データã®ã‚»ãƒ«ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’ã‚ã‚ã›ã‚‹ã¨ã€ãã®åˆ—ã¨è¡Œã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã‚·ãƒ³ãƒ—ルãªã‚¹ã‚¯ãƒªãƒ—トをPreeoStudiosã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ TargetTable デモ スクリプトã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ—ã¯ç°¡å˜ã§ã€æ—¢å˜ã®è¡¨ãƒ‡ãƒ¼ã‚¿ã«ã‚‚ç°¡å˜ã«åæ˜ ã§ãã¾ã™ã€‚ HTML tableã«ã€Œclass="targettable"ã€ã‚’記述ã—ã¾ã™ã€‚ <textarea name="code" class="html" cols="60" rows="5"> <table class="targettable" width="100%" border="1"> </textarea>
[JS]多目的ã«ä½¿ãˆã‚‹ã€ãƒ‘ãƒãƒ«ã‚’æ°´å¹³ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
多目的ã«ä½¿ãˆã‚‹ã€ãƒ‘ãƒãƒ«ã‚’é¢ç™½ã„アニメーションã§æ°´å¹³ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トをwoorkã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Ultra versatile slider for websites demo デモã§ã¯ã€ä¸‹éƒ¨ã®ã€ŒPreviousã€ã€ŒNextã€ã§ãƒ‘ãƒãƒ«ãŒæ°´å¹³æ–¹å‘ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¾ã™ã€‚ パãƒãƒ«ã®å®Ÿè£…ã¯ãƒªã‚¹ãƒˆè¦ç´ ã§ã€ãれをdivã§å†…包ã—ã¦ã„ã¾ã™ã€‚ liを増減ã™ã‚‹ã“ã¨ã§ã€ç°¡å˜ã«ãƒ‘ãƒãƒ«ã®æžšæ•°ã‚’変更ã§ãã¾ã™ã€‚
Wufoo Making forms easy fast fun.
An arrow pointing left An arrow pointing right An arrow pointing left A magnifying glass The Twitter logo The Facebook logo The LinkedIn logo The Google Plus logo The RSS feed symbol The Wufoo by SurveyMonkey Logo The Wufoo by SurveyMonkey Logo A credit card A tray with an upwards pointing arrow A diamond with two arrows leading to different boxes Two bars in a chart Two pages A painter's palette
æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 3
éšåˆ†å‰ã«ã€Ver2ã®è¦‹ç›´ã—ã‚’ã—ã¦3ã«ãªã£ã¦ãŸã‚“ã§ã™ã‘ã©ã€å…¬é–‹ã—ã¦ãªã‹ã£ãŸã®ã§ä»Šæ›´ãªãŒã‚‰å…¬é–‹ã§ã™ã€‚ ä¸èº«ã¯2を使ã£ã¦ã¿ã¦ã€ç¤¾å†…ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—エンジニアã‹ã‚‰ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚‚らã£ãŸã‚Šã€è‡ªåˆ†ã§ã‚‚é•å’Œæ„ŸãŒæœ‰ã£ãŸéƒ¨åˆ†ã‚’調整ã—ã¦ã¾ã™ã€‚ ãã‚Œãªã‚Šã®æœŸé–“使ã£ã¦ã¿ã¦ã€å•é¡Œã‚’ã‚ã‚“ã¾ã‚Šæ„Ÿã˜ã¦ã„ãªã„ã®ã§ã€å®Œæˆåº¦ã¨ã—ã¦ã¯å¤§åˆ†è‰¯ããªã£ãŸã‹ãªãã£ã¦æ€ã„ã¾ã™ã€‚ æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’作るã®ã«ä½¿ãˆãã†ãªä¸€å¼ã€‚Ver 3ã‚’DL（zip：40kb） Ver 3を見る Ver.3ã®ä¸èº«ã”説明 主ãªå¤‰æ›´ç‚¹ã‚’。 style.cssã®widthãªã©ã®ãƒ—ãƒãƒ‘ティをã¾ã¨ã‚ã¦ã„ãŸã®ã‚’Ver1ã¨åŒã˜ã«ã€‚ default.cssã«æ›¸ã‹ã‚Œã¦ã„ãŸã€pè¦ç´ ã®margin-bottomã®æŒ‡å®šã‚’style.cssã«ç§»å‹•ã€‚ default.cssã®font-familyã®æŒ‡å®šã‚’若干変更。 index.htmlã«Googleカスタムサーãƒç”¨ã«ä½¿ãˆã‚‹ã‚½ãƒ¼ã‚¹ã‚’記入。 Ja
個人ã§ä½¿ã†ãƒ‰ãƒªã‚³ãƒ å¼è¡Œå‹•ã‚¿ãƒ¼ã‚²ãƒ†ã‚£ãƒ³ã‚°åºƒå‘Š - ã¼ãã¯ã¾ã¡ã¡ã‚ƒã‚“ï¼
ã¯ã„ï¼ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ ã“ã‚“ã©ã¯å¯ã™ãŽã§ã€ã¡ã‚‡ã£ã´ã‚Šèª¿åã®ãŠã‹ã—ãªã¯ã¾ã¡ã‚„ï¼’ã§ã™ï¼ ã“ã‚“ã«ã¡ã¯â€¦ï¼ ã¨ã“ã‚ã§ã¡ã‚‡ã£ã¨å‰ã«ã€ã“ã‚“ãªè¨˜äº‹ãŒã‚ã‚Šã¾ã—ãŸã‚ˆãï¼ è¡Œå‹•ã‚¿ãƒ¼ã‚²ãƒ†ã‚£ãƒ³ã‚°åºƒå‘Šã¯ã©ã“ã¾ã§è¨±ã•ã‚Œã‚‹ã®ã‹ http://it.nikkei.co.jp/internet/news/index.aspx?n=MMITbe000015102008 ã“ã‚Œã®ä»•æŽ›ã‘ã®éƒ¨åˆ†ã ã‘ã‚’ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨â€¦ 見ãŸã“ã¨ã®ã‚るページã®ãƒªãƒ³ã‚¯(visited)ã¯è‰²ãŒå¤‰ã‚ã£ãŸã‚Šã™ã‚‹ スタイルã§ã€visitedãªãƒªãƒ³ã‚¯ã¨ã€ãã†ã§ãªã„ã‚‚ã®ã®é«˜ã•ã¨ã‹ã‚’変ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ 高ã•ã¨ã‹ã¯JavaScriptã§å–å¾—å¯èƒ½ã€ã¤ã¾ã‚Šè¨ªå•æ¸ˆã¿ãƒªãƒ³ã‚¯ã‹å–å¾—å¯èƒ½ ページã®ã©ã“ã‹ã«ã€è‰²ã€…ãªã‚µã‚¤ãƒˆã®URLを大é‡ã«éš ã—リンクã—ã¦ãŠã ãã‚Œãœã‚“ã¶JavaScriptã§èª¿ã¹ã¦ã€æ¥è¨ªè€…ãŒè¡Œã£ãŸã“ã¨ã®ã‚ã‚‹ãƒšãƒ¼ã‚¸ã‚’æŠŠæ¡ è¨ªå•æ¸ˆã¿ã‚µã‚¤ãƒˆã®å‚¾å‘ã«ã‚ã‚ã›ã¦åºƒå‘Šè¡¨ç¤º (ç°¡
MJL ― MITSUE-LINKS JavaScript Library | 制作ï¼é–‹ç™º | ミツエーリンクス
æ¦‚è¦ MJL (MITSUE-LINKS JavaScript Library)ã¯ã€ãƒŸãƒ„エーリンクスã§æ¨™æº–利用ã•ã‚Œã‚‹JavaScriptライブラリã§ã™ã€‚ MJLã¯å¼Šç¤¾å†…ã«ãŠã‘ã‚‹æ¥å‹™åŠ¹çŽ‡ã‚’改善ã™ã‚‹ãŸã‚ã«ã€çµ±ä¸€ã•ã‚ŒãŸè¨è¨ˆæ€æƒ³ã€åˆ©ä¾¿æ€§ã®å‘上を念é ã«ãŠã„ãŸä¸Šã§è¨è¨ˆãƒ»é–‹ç™ºã•ã‚Œã¾ã—ãŸã€‚ MJLã¯ä»–ã®JavaScriptライブラリ群ã¨ã¯ç•°ãªã‚‹è¨è¨ˆæ€æƒ³ã«ã‚ˆã‚Šã€ç‹¬ç‰¹ã®ç‰¹å¾´ã‚’æŒã¡ãªãŒã‚‰ã‚‚ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨è£œå®Œã—ã‚ãˆã‚‹ã‚‚ã®ã‚’目指ã—ã¾ã—ãŸã€‚ MJLã¯ã‚³ãƒ”ーレフトライセンスã§ã‚ã‚‹GNU GPLã«åŸºã¥ã自由ソフトウェア（フリーソフトウェア）ã§ã™ã€‚弊社㯠GNU GPLã«å‰‡ã‚Šã€æœ¬ãƒšãƒ¼ã‚¸ã«ã¦MJLã®å…¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開ã—ã¾ã™ã€‚ ライセンス MJLã¯GNU GPL Version 3（å‚考邦訳）ã®ã‚‚ã¨ã«æä¾›ã•ã‚Œã¾ã™ã€‚ 詳細ã¯MJL本体ファイル内ã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹å‘ŠçŸ¥ã‚’ã”覧ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ MJL本体（圧縮版） mjl.js
[JS]フォントを使用ã—ãŸç”»åƒã®ã‚ˆã†ã«ã€ãƒ†ã‚ストを自動変更ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -typeface.js | コリス
typeface.jsã¯ã€ãƒ†ã‚ストを自動置æ›ã—ã€ãƒ•ã‚©ãƒ³ãƒˆã‚’使用ã—ãŸç”»åƒã®ã‚ˆã†ã«SVGã«å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚ ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§ã€è¤‡æ•°ã®ã‚µãƒ³ãƒ—ル表示。 typeface.js -- Rendering text with Javascript, canvas, and VML demo 使用方法ã¯ç°¡å˜ã§ã€typeface.jsã¨ãƒ•ã‚©ãƒ³ãƒˆã®JSを外部ファイルã¨ã—ã¦ã€é©ç”¨ã™ã‚‹ãƒ†ã‚スト箇所ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§æŒ‡å®šã‚’è¡Œã„ã¾ã™ã€‚ 「line-heightã€ã€Œletter-spacingã€ã‚‚指定ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 対応ブラウザã¯ã€IE6+, Fx1.5+, Safari2+ã¨ãªã£ã¦ãŠã‚Šã€Fx, Op, Safariã§ã¯canvasã€IEã§ã¯VMLを使用ã—ã¦ã„ã¾ã™ã€‚ ç¾åœ¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるフォントã¯è‹±å—ã®ã¿ã§ã€Helvetiker, Optimer, Gentilisã®ï¼“種類ã¨ãªã£ã¦ã„ã¾ã™ã€‚
様々ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã‚’ãƒŸãƒƒã‚¯ã‚¹ï¼ - ãƒãƒ£ãƒ¼ãƒˆãƒžãƒ‹ã‚¢ãƒƒã‚¯ã‚¹
ãƒãƒ£ãƒ¼ãƒˆãƒžãƒ‹ã‚¢ãƒƒã‚¯ã‚¹ã‚’使ã†ã¨ã€æ§˜ã€…ãªã‚µã‚¤ãƒˆã®ã‚¢ã‚¯ã‚»ã‚¹ãƒãƒ£ãƒ¼ãƒˆã‚’見るã“ã¨ãŒã§ãã¾ã™ã€‚
ミツエーリンクスãŒJavaScriptライブラリをフリーソフトã¨ã—ã¦å…¬é–‹ | Web担当者Forum
ウェブインテグレーション事æ¥ã®ãƒŸãƒ„エーリンクスã¯ã€åŒç¤¾ã§æ¨™æº–利用ã•ã‚Œã‚‹JavaScriptライブラリ「MJL(MITSUE-LINKS JavaScript Library)ã€ã‚’フリーソフトã¨ã—ã¦10月3日公開ã—ãŸã€‚MJLã¯åŒç¤¾å†…ã®æ¥å‹™åŠ¹çŽ‡ã‚’改善ã™ã‚‹ãŸã‚ã€çµ±ä¸€ã—ãŸè¨è¨ˆæ€æƒ³ã¨åˆ©ä¾¿æ€§ã®å‘上を念é ã«è¨è¨ˆãƒ»é–‹ç™ºã€‚独特ã®ç‰¹å¾´ã‚’æŒã¡ã¤ã¤ã‚‚ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨è£œå®Œã—åˆãˆã‚‹å†…容を目指ã—ãŸã¨ã„ã†ã€‚ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€Adobe Flashオブジェクト埋ã‚è¾¼ã¿ã®æ©Ÿèƒ½æ‹¡å¼µã€æ–°è¦ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã®ä½œæˆã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚¹ã‚¤ãƒƒãƒãƒ£ã®å®Ÿè£…ã€ã‚¿ãƒ–インターフェイスã®å®Ÿè£…ã€è¦ç´ ã®é«˜ã•æƒãˆï¼ï¼ã®å¿…è¦æœ€å°é™ã¨åˆ¤æ–ã—ãŸ6機能を実装。クãƒã‚¹ãƒ—ラットフォーム(Mozilla Firefoxã€Apple Safariã€Operaã€Internet Explorer)ã€ä»–ライブラリã¨ãƒãƒƒãƒ†ã‚£ãƒ³ã‚°ã—ãªã„åå‰ç©ºé–“ãªã©ã®ç‰¹å¾´ã‚‚ã‚る。 ミツエーリンクス htt
ワリオランドシェイクã¿ãŸã„ã« HTML ãŒå´©å£Šã™ã‚‹ãƒ–ックマークレット（ã¨ãã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼‰ - ã¦ã£ã煮ブãƒã‚°
as, box2dワリオランドシェイク㨠YouTube ã®ã‚³ãƒ©ãƒœãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ ãŒé¢ç™½ã‹ã£ãŸã®ã§ã€ä¼¼ãŸã‚ˆã†ãªã‚‚ã®ã‚’作ã£ã¦ã¿ã¾ã—ãŸã€‚次ã®æ–‡å—列をコピーã—ã¦ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«çªã£è¾¼ã‚€ã¨ã€HTML ãŒå´©å£Šã—ã¾ã™ã€‚javascript:(function(){var d=document; var s=d.createElement("script"); s.charset="UTF-8"; s.src="http://tech.nitoyon.com/meltdown/meltdown.js?"+(new Date()).getTime(); d.body.appendChild(s)})();崩壊ã™ã‚‹ã®ã¯ç”»åƒã ã‘ãªã®ã§ã€ç”»åƒãŒã‚るページã§è©¦ã—ã¦ã¿ã¦ãã ã•ã„。ã“ã®ãƒ–ãƒã‚°ã ã¨ã“ã‚“ãªå…·åˆã€‚ç”»åƒã¯ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ã‚ã¾ã‚Šç”»åƒãŒå¤šã„ã¨é‡ããªã‚Šã™ãŽã‚‹ã®ã§ã”注æ„を。仕組ã¿Flash 㨠JavaSc
Ext JSã®å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ãã¾ã—㟠: could
javascript Ext JSã®å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ãã¾ã—㟠先日ã€Web Directions East ã®å‘ŠçŸ¥ã‚‚ã‹ãã¦ã€Ext JSã®å‹‰å¼·ä¼šã«å‚åŠ ã—ã¦ãã¾ã—㟠(å‰å›žã®æ§˜åã¯ã“ã¡ã‚‰)。JavaScript ライブラリã¨ã„ãˆã° Prototype ã‚„ jQuery を利用ã—ã¦ã„ã‚‹æ–¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€Ext JS ã¯ã“れらã«æ¬¡ã人気 JS ライブラリã§åˆ©ç”¨è€…も増ãˆã¦ã„ã‚‹ãã†ã§ã™ã€‚Ext JS ã®é…力ã¯ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションã«ä¼¼ãŸé«˜ã„ UI è¦ç´ ã‚’ç°¡å˜ã«å†ç¾å‡ºæ¥ã‚‹ç‚¹ã€‚å°è¦æ¨¡ãªã‚¢ãƒ—リケーションを開発ã™ã‚‹éš›ã‚„エフェクトをã‹ã‘ãŸã„å ´åˆã¯ä»–ã®ãƒ©ã‚¤ãƒ–ラリã®ã»ã†ãŒé•·ã‘ã¦ã„ã¾ã™ãŒã€å¤§è¦æ¨¡ãªã‚¢ãƒ—リケーションを効率よã構築ã—ãŸã„ã®ã§ã‚れ㰠Ext JS ã¯æœ€é©ã ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ 事例ãŒå°‘ãªã„ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ãŒã€ç¤¾å†…å‘ã‘ã®ã‚¢ãƒ—リケーションã®ãƒ©ã‚¤ãƒ–ラリã¨ã—ã¦åˆ©ç”¨ã•ã‚Œã¦ã„るケースãŒå¤šã„ã¨ã‹ã€‚何も手を入れãª
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
Bluff: Beautiful graphs in JavaScript
Bluff is a JavaScript port of the Gruff graphing library for Ruby. It is designed to support all the features of Gruff with minimal dependencies; the only third-party scripts you need to run it are a copy of JS.Class (2.6kB gzipped) and a copy of Google’s ExCanvas to support canvas in Internet Explorer. Both these scripts are supplied with the Bluff download. Bluff itself is around 11kB gzipped. T
Firebugã«ã¤ã„ã¦ã¾ã¨ã‚ - monjudoh’s diary
éšæ™‚æ›´æ–° å…¬å¼ãƒ‰ã‚ュメント Firebug Console API http://getfirebug.com/commandline.html æ°—ã«ãªã£ãŸã¨ã“ã‚ $$(selector) 複雑ãªCSSセレクタã§ãªã‘ã‚Œã°jQueryã®$関数ã®å¤‰ã‚ã‚Šã¨ã—ã¦ä½¿ãˆã‚‹æ„Ÿã˜ã€‚ dirxml(node) outerHTML相当ã®HTMLを出ã—ã¦ãれる感㘠$$(selector)ã¨çµ„ã¿åˆã‚ã›ã‚‹ã¨ä¾¿åˆ©ãã†ã€‚ inspect(object[, tabName]) 指定ã—ãŸã‚ªãƒ–ジェクトを指定ã—ãŸã‚¿ãƒ–ã§è¡¨ç¤ºã§ãる。特定è¦ç´ ã‚’HTMLタブã§è¡¨ç¤ºã•ã›ã‚‹æ™‚ã€ã€Œinspect($$('table#some-id td')[0],'html');ã€ã¿ãŸã„ã«ã§ãる。今ã¾ã§ã€ã€Œconsole.log($$('table#tab td')[0]);ã€ã‚’実行ã—ã¦consoleタブã«è¡¨ç¤ºã•ã›ãŸå¾Œã€ãã“をクリックã¿ãŸã„ã«ã‚„ã£ã¦ã„ãŸ
Webデãƒãƒƒã‚¬æœ€å¼·ã¯Firebugã ãŒã€ã»ã‹ã®ãƒ–ラウザã§ã¯â€¦ | エンタープライズ | マイコミジャーナル
JavaScriptベースã®WebアプリケーションやWebサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³èª¿æ•´ã«æ¬ ã‹ã›ãªã„ツールãŒFirebugã 。Webブラウザ内ã§ç›´æŽ¥ã‚¤ãƒ³ã‚¹ãƒšã‚¯ãƒˆã‚„デãƒãƒƒã‚°ã‚’実施ã™ã‚‹ãƒ„ールã¨ã—ã¦ã¯å®Ÿè³ªçš„ã«ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨ã„ã£ã¦ã„ã„。ã©ã‚Œã‚‚満足ã®ã„ã機能ã°ã‹ã‚Šã ãŒã€å”¯ä¸€ä¸æº€ãªç‚¹ã‚’ã‚ã’ã‚‹ã¨ã™ã‚Œã°Firefoxエクステンションã¨ã—ã¦å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã»ã‹ã®Webブラウザã§ã¯ä½¿ãˆãªã„ã¨ã„ã†ã¨ã“ã‚ã ã‚ã†ã€‚IEãŒæœ€å¤§ã‚·ã‚§ã‚¢ã‚’æŒã£ã¦ã„ã‚‹ã“ã¨ã«ã‹ã‚ã‚Šã¯ãªãã€ã‚€ã—ã‚標準ã«æº–æ‹ ã—ã¦ã„ãªã„ã“ã¨ãŒå¤šã„IEã§ã“ãåŒæ§˜ã®ãƒ„ールãŒå¿…è¦ã 。 ãã“ã§Kevin Yankæ°ãŒSitePointã«ã‚¢ãƒƒãƒ—ã—ãŸãƒ‰ã‚ュメントIn-browser Development Tools: Firebug Still Kingã«æ³¨ç›®ã—ãŸã„。åŒæ°ã¯ä»£è¡¨çš„ãªWebブラウザã¨ãã®ãƒ‡ãƒãƒƒã‚°/インスペクトツールã«è¨€åŠã—ç¾çŠ¶ã‚’ã¾ã¨ã‚ã¦ã„る。内容を簡å˜ã«ã‹ã„
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ページãšã¤ã€
ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ミュージックビジュアライザã«ã™ã‚‹InFullVolume.user.js (polog)
ã©ã‚“ãªã‚µã‚¤ãƒˆã§ã‚‚ミュージックビジュアライザã«ã—ã¦ã—ã¾ã†greasemonkeyユーザスクリプトã€InFullVolume.user.jsを作りã¾ã—ãŸã€‚ デモページ ã©ã‚“ãªã‚¹ã‚¯ãƒªãƒ—トã‹ã¯â†‘見ã¦ã„ãŸã ã‘ã‚Œã°ã‚ã‹ã‚‹ã‹ã¨æ€ã†ã‚“ã§ã™ãŒã€è¦ã™ã‚‹ã«è¶…大音é‡ã§éŸ³æ¥½ã‚’æµã—ã£ã±ãªã—ã«ã™ã‚‹ã‹ã€å»¶ã€…ã¨å«ã³ç¶šã‘ãªã„é™ã‚Šæ£å¸¸ã«WEBãŒé–²è¦§ã§ããªããªã‚‹ãƒ¦ãƒ¼ã‚¶ã‚¹ã‚¯ãƒªãƒ—トã§ã™ã€‚siteinfoを用ã„ã¦ã„ã‚‹ã®ã§ã€èª°ã§ã‚‚xpathã‚„uriパターンã®ç·¨é›†ãŒã§ãã¾ã™ã€‚一応ソースã‹ã‚‰ã‚‚siteinfoを編集ã§ãã‚‹ã®ã§(デモページã®siteinfoãŒãƒãƒ¼ãƒ‰ã‚³ãƒ¼ãƒ‰ã—ã¦ã‚ã‚Šã¾ã™ã®ã§å‚考ã«ã€‚)ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ã‹ã‚‰ä¸Šã’るよã†ã«ã—ã¦ãã ã•ã„。ã¾ãŸSiteInfoクラスã¯youpyã•ã‚“ã®Twitter Text ConverterãŒãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã¾ã™ã€‚ã‚ã¨ç¾åœ¨siteinfoã«ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹xpathã®åŠåˆ†ãらã„ã¯ldrizeã®siteinfoã®ã‚³
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
[JS]一覧表示ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’切り替ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Easy Display Switch
FancyForm - Javascript checkbox replacement
{{#tags}}- {{label}}
{{/tags}}