D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
D3.js
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
ãŸã£ãŸï¼‘è¡Œã§å®Œæˆï¼Ÿå‡„ã¾ã˜ãレスãƒãƒ³ã‚·ãƒ–デザインãªã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | DECONCEPTER
ç°¡å˜ã«ä½œã‚Œã‚‹ï¼ã¿ã‚“ãªå¤§å¥½ãå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ 先日話題ã«ãªã£ã¦ã„ãŸã€Œãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKスタジオパークã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–・ウェブデザインãŒå‡„ã¾ã˜ãレスãƒãƒ³ã‚·ãƒ–ï¼ï¼ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸNHKスタジオパークã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–デザイン。 ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã€ãƒ—ラグインを使ã£ã¦ã¨ã¦ã‚‚シンプルã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚レイ。ã“ã®ã‚·ãƒ³ãƒ—ルã•ã‚’ä¼ãˆãŸãã¦ã†ãšã†ãšã—ã¦ãã¾ã—ãŸã€‚ã›ã£ã‹ãã†ãšã†ãšã—ãŸã®ã§ã©ã‚“ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚µãƒ³ãƒ—ルを交ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã‚’御覧ãã ã•ã„。 凄ã¾ã˜ãレスãƒãƒ³ã‚·ãƒ–デザインãªã‚µã‚¤ãƒˆãƒ‡ãƒ¢ 使ã‚ã‚Œã¦ã„ã‚‹ã®ã¯jQuery Masonryã¨ã„ã†ãƒ—ラグインã ï¼ @planetofgoriã•ã‚“ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„るよã†ã«ã€jQuery Masonryã¨ã„ã†ãƒ—ラグインãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ラグインãŸã£ãŸæ•°è¡Œã§NHKã®ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä½œã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ã®ãƒ¬ã‚¤ã‚¢
TwitterãŒãƒšãƒ¼ã‚¸è¡¨ç¤ºæ™‚é–“ã‚’5分ã®1ã«é«˜é€ŸåŒ–。ã©ã®ã‚ˆã†ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’使ã£ãŸã®ã‹ï¼Ÿ
TwitterãŒãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã‚’見直ã—ã€Webページã®èªã¿è¾¼ã¿é€Ÿåº¦ã‚’改善ã—ãŸã“ã¨ã‚’ブãƒã‚°ã§æ˜Žã‚‰ã‹ã«ã—ã¦ã„ã¾ã™ã€‚ æ–°ã—ã„アーã‚テクãƒãƒ£ã§ã¯ã€ã“ã‚Œã¾ã§Webブラウザ上ã§JavaScriptã®å‡¦ç†ã«ã‚ˆã£ã¦è¡Œã£ã¦ããŸWebページã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’見直ã—ã€ã‚µãƒ¼ãƒå´ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ¸ˆã¿ã®HTMLページをé€ä¿¡ã—表示ã™ã‚‹ã“ã¨ã«ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã«ã‚ˆã£ã¦Webページã®èªã¿è¾¼ã¿ã‹ã‚‰æœ€åˆã®ãƒ„イートã®è¡¨ç¤ºã¾ã§ã®æ™‚é–“ãŒå¤§å¹…ã«çŸç¸®ã•ã‚Œã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ When we shipped #NewTwitter in September 2010, we built it around a web application architecture that pushed all of the UI rendering and logic to JavaScript running on our users’
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ASCII.jp：Web制作会社ãŒä½œã£ãŸï¼è¶…使ãˆã‚‹JavaScriptライブラリ
「Webサイトを作るã¨ãã«æœ¬å½“ã«ã‚ˆã使ã†æ©Ÿèƒ½ã‚’ã€è‡ªåˆ†ã§ä½œã‚‰ãšã«ã•ãã£ã¨å®Ÿè£…ã—ãŸã„ã€â€•â€•ã€‚ãã‚“ãªãƒ¯ã‚¬ãƒžãƒžãªé¡˜æœ›ã‚’ã‹ãªãˆã¦ãれる JavaScriptライブラリãŒç™»å ´ã—ãŸã€‚ミツエーリンクスãŒä»Šæœˆã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦å…¬é–‹ã—ãŸã€ŒMJL（MITSUE-LINKS JavaScript Library）ã€ã¯ã€Webサイト制作ã«å¿…é ˆã®â€œæœ€å°é™ã®æ©Ÿèƒ½â€ã«çµžã£ãŸJavaScriptライブラリã 。 昨今相次ã„ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ãƒªãƒƒãƒãªUIを実ç¾ã™ã‚‹JavaScript/Ajaxライブラリã¨ã¯ç•°ãªã‚Šã€MJLã®æ©Ÿèƒ½ã¯ã¨ã¦ã‚‚シンプルã 。もã¨ã‚‚ã¨Web制作会社ã§ã‚るミツエーリンクスãŒã€Œè‡ªç¤¾æ¨™æº–ライブラリã€ã¨ã—ã¦ä½œæˆã—ãŸã‚‚ã®ã ã‘ã‚ã£ã¦ã€æ±Žç”¨æ€§ãƒ»å®Ÿç”¨æ€§ã‚’é‡è¦–ã—ãŸãƒ©ã‚¤ãƒ–ラリã«ãªã£ã¦ã„る。 具体的ãªæ©Ÿèƒ½ã¯ä»¥ä¸‹ã®6ã¤ã€‚確ã‹ã«ã©ã‚Œã‚‚よã使ã„ãã†ãªã‚‚ã®ã°ã‹ã‚Šã 。 ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ Flashオブジェクト埋ã‚è¾¼ã¿ã®æ©Ÿèƒ½æ‹¡å¼µ æ–°è¦
JavaScriptã«ã‚ˆã‚‹å…¨æ–‡æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ - llameradaã®æ—¥è¨˜
JavaScriptã§ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹åž‹ã®å…¨æ–‡æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‚’作ã£ã¦ã¿ãŸã€‚全文検索エンジンを作る際ã«å•é¡Œã¨ãªã‚‹ã®ã¯ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ãƒ‡ãƒ¼ã‚¿ã‚’部分的ã«èªã¿è¾¼ã‚€æ–¹æ³•ã§ã‚る。通常ã¯mmapã‚„preadãªã©ã‚’使ã£ã¦ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸€éƒ¨ã‚’部分的ã«èªã¿è¾¼ã‚€ã®ã ãŒã€ã‚‚ã¡ã‚ã‚“ã€ãƒ–ラウザã«ã¯ä½¿ãˆãªã„。ブラウザã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸€éƒ¨åˆ†ã‚’èªã¿è¾¼ã‚€ã«ã¯2通りã®æ–¹æ³•ãŒã‚る。1ã¤ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚’多数ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«åˆ†å‰²ã™ã‚‹æ–¹æ³•ã§ã‚ã‚Šã€ã‚‚ã†1ã¤ã¯HTTPリクエストã®Rangeヘッダを利用ã—ã¦ã€ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¸€éƒ¨ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã§ã‚る。å‰è€…ã®åˆ©ç‚¹ã¯ã€ãƒ–ラウザã®ã‚ャッシュãŒåŠ¹ãã“ã¨ã‚„ã€å¯¾å¿œãƒ–ラウザãŒå¤šã„ã“ã¨ã§ã‚る。後者ã®åˆ©ç‚¹ã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå°‘ãªããªã‚‹ã®ã§ã€ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ã®ç®¡ç†ãŒå®¹æ˜“ã«ãªã‚‹ã“ã¨ã§ã‚る。今回ã¯Rangeヘッダã®å®Ÿç”¨æ€§ã«ã‚‚興味ãŒã‚ã£ãŸã®ã§ã€å¾Œè€…ã®æ–¹æ³•ã‚’用ã„ãŸã€‚ å‚è€ƒãƒšãƒ¼ã‚¸ï¼šæœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: Ajaxを使ã£ãŸã‚·ãƒ³ãƒ—ルãªãƒãƒ£ãƒƒãƒˆ 転置イ
ブラウザ上ã§ç”»åƒã‚„テã‚ストを自由ã«ç·¨é›†ã™ã‚‹æ–¹æ³• | P O P * P O P
ã”å˜çŸ¥ã®æ–¹ã‚‚多ã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã”å˜çŸ¥ãªã„æ–¹ã®ãŸã‚ã«ã¡ã‚‡ã£ã¨ã—ãŸTipsã‚’ã”紹介。Internet Explorer5.5以上é™å®šã§ã™ãŒã€‚ Webサイトをブラウザ上ã§è‡ªç”±ã«ç·¨é›†ã§ãã¦ã—ã¾ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã™ã€‚ã‚„ã‚Šæ–¹ã¯ç°¡å˜ã€‚下記ã®JavaScriptをアドレスãƒãƒ¼ã«æ‰“ã¡è¾¼ã‚€ã ã‘。 javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 ã“ã‚“ãªï¼ˆâ†“）感ã˜ã§ã™ã€‚ ドラッグ＆ドãƒãƒƒãƒ—ã§ç”»åƒã‚’å‹•ã‹ã›ã‚‹ä»–ã€ãƒ†ã‚ストも自由ã«æ›¸ãã‹ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã“ã‚Œã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をブラウザ上ã§ç·¨é›†ã§ãる「contentEditableã€ã¨ã„ã†ã‚¿ã‚°ã‚’活用ã—ãŸTipsã§ã™ã。 » contentEditableã«ã¤ã„㦠スクリーンショットをå–る時ã«ã„らãªã„ç”»åƒã‚’ç°¡å˜ã«æ¶ˆã—ãŸã‚Šã§ãã‚‹ã®ã¯ä¾¿åˆ©ã‹ã‚‚。diggã‹ã‚‰ã®æƒ…å ±ã§ã—ãŸ
kylescholz.com :: blog
interface History { ... void pushState(in any data, in DOMString title, in optional DOMString url); void replaceState(in any data, in DOMString title, in optional DOMString url); }; interface HTMLBodyElement : HTMLElement { ... attribute Function onpopstate; }; The new interface provides push/pop semantics that, until now, we've emulated using JavaScript libraries like Really Simple History. Web A
CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcornersã€:phpspot開発日誌
CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcorners〠2006å¹´10月01æ—¥- Transcorners ? Cornerus Pride is there *scared* Well, Nifty technogy is used. There are small stripes appending inside of an element which create an illusion of transcorn. CSSã¨JavaScriptã§ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®è§’を自在ã«æ“るライブラリ『Transcornersã€ã€‚ mootoolsをフレームワークã¨ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 次ã®ã‚ˆã†ã«ã€å·¦ä¸‹ã®å¤§ããªè§’丸やã€å³ä¸Šã®ä¸€éƒ¨åˆ‡ã‚Šå–ã£ãŸã‚ˆã†ãªè§’ã‚‚ç°¡å˜ã«å®Ÿç¾ã§ãã¾ã™ã€‚ 大ããªè§’丸を作るã«ã¯ã€radiusã¨ã„ã†ãƒ—ãƒãƒ‘ティを大ãã指定ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã§ãã¾ã™ã€‚ ã“ã®
cyano: Google Analyticsã§é«˜åº¦ãªãƒˆãƒ©ãƒƒã‚ングをã™ã‚‹æ–¹æ³•
ユーザーãŒãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰é–‹å§‹ã—ã¦ã‹ã‚‰é–²è¦§ã§ãるよã†ã«ãªã‚‹ã¾ã§ã®ãƒãƒ¼ãƒ‰æ™‚é–“ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒè‡ªåˆ†ã®ãƒšãƒ¼ã‚¸ã‚’å¿«é©ã«é–²è¦§ã§ãã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’示ã™é‡è¦ãªãƒ•ã‚¡ã‚¯ã‚¿ãƒ¼ã§ã™ã€‚Google Analyticsã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ã„ã†æ©Ÿèƒ½ã‚’使用ã™ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å®Ÿéš›ã®ä½“感速度をå¯è¦–化ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€ã“ã®ãƒ–ãƒã‚°ã®ã‚る期間ã«ãŠã‘る体感速度ã®ã‚°ãƒ©ãƒ•ã¯Google Analytics上ã§ä»¥ä¸‹ã®ã‚ˆã†ã«å‡ºã¦ã„ã¾ã™ã€‚ 44.84%ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯100〜499msã§ãƒãƒ¼ãƒ‰ã§ãã¦ãŠã‚Šã€1秒未満ã§ãƒãƒ¼ãƒ‰å®Œäº†ã—ã¦ã„るユーザーã¯åˆã‚ã›ã¦73.49%ã§ã‚ã‚‹ã¨ã‚ã‹ã‚Šã¾ã™ã€‚ã¾ãŸã€3秒以上ã‹ã‹ã£ã¦ã„るユーザーも7.42%å±…ã‚‹ã“ã¨ã‚‚分ã‹ã‚Šã¾ã™ã€‚3秒以上ãƒãƒ¼ãƒ‰ã«ã‹ã‹ã‚‹ã‚ˆã†ã ã¨é›¢è„±çŽ‡ã‚‚高ããªã‚‹ã®ã§ã€7.42%ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦ä½•ã‹ã®æ–½ç–ãŒå¿…è¦ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã‚‚分ã‹ã‚Šã¾ã™ã€‚ ã“ã®ã‚ˆã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå®Ÿéš›æ„Ÿã˜ã¦ã„る体感速度をå¯è¦–化ã™ã‚‹ã“ã¨ã§ã€ã“ã®
JavaScriptを使ã‚ãšã«ãƒšãƒ¼ã‚¸ã®CSSを切り替ãˆã‚‹:phpspot開発日誌
ページã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’利用者好ã¿ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã§ãるよã†ã«ã€javascript を使ã„ã€CSSを切り替ãˆã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã§ãるサイトãŒã‚ã‚Šã¾ã™ãŒã€ JavaScriptオフã§ã‚‚åŒæ§˜ã®ã“ã¨ã‚’実装ã—ãŸã„å ´åˆã®ã‚µãƒ³ãƒ—ル。 JavaScriptを使ã‚ãšã«ã€PHP+クッã‚ーを使ã£ã¦ãƒšãƒ¼ã‚¸ã®CSSを切り替ãˆã¦ã¿ã¾ã—ょã†ã€‚ PHPã®çŸ¥è˜ãŒãªãã¦ã‚‚ã€æ¬¡ã®ã‚µãƒ³ãƒ—ルを使ãˆã°ç°¡å˜ã«èª°ã§ã‚‚CSSを切り替ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ 次ã®ã‚µãƒ³ãƒ—ルã¯ã€main.css , blue.css , red.css , pink.css ã¨ã„ã†CSSを切り替ãˆãŸã„å ´åˆã®ã‚µãƒ³ãƒ—ルã§ã™ã€‚ (1) ã¾ãšã¯ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä¿å˜ã™ã‚‹ã‚¯ãƒƒã‚ーè¨å®šç”¨ã®PHPスクリプト( index.phpã¨ã—ã¦ä¿å˜ ) <?php $valids = array( "main", "blue", "red", "pink" ); $layout = (isse
スタイルシート切り替ãˆ
メインå„ページã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å³ä¸Šã®ãƒªãƒ³ã‚¯ã§åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚スタイルシートを切り替ãˆã‚‹ã¨ãƒšãƒ¼ã‚¸å…¨ä½“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ダイナミックã«å¤‰æ›´ã§ãã¾ã™ã€‚ã“ã“ã§ã®ç›®çš„ã¯ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’変更ã§ãるよã†ã«ã™ã‚‹ãŸã‚ã«ç”¨ã„ã¦ã„ã¾ã™ã€‚ã¨ã‚Šã‚ãˆãšã€ŒDefaultã€ã€ŒLargeã€ã€ŒNetscapeã€ã®3種類を用æ„ã—ã¾ã—ãŸã€‚「Defaultã€ã¯ç¾åœ¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã€‚「Largeã€ã¯æœ¬æ–‡ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’大ããã—ã¾ã™ã€‚「Netscapeã€ã¯Netscape利用者用ã«ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒ•ã‚©ãƒ³ãƒˆã‚’1px大ããã—ãŸã‚‚ã®ã§ã™ã€‚ 注：ç¾åœ¨ã¯ç•°ãªã‚‹è¨å®šã«ã—ã¦ã„ã¾ã™ã€‚ ã“ã®æ©Ÿèƒ½ã¯Going My Wayã•ã‚“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆåˆ‡ã‚Šæ›¿ãˆã‚¹ã‚¯ãƒªãƒ—トをå‚考ã«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã—ã¾ã—ãŸï¼ˆã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆå³ä¸Šã®ã‚«ãƒ©ãƒ¼ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒåˆ‡ã‚Šæ›¿ã‚ã‚Šã¾ã™ï¼‰ã€‚オリジナルã¯Styleswitching JavaScriptã§ã™ã€‚cookieを利用ã—ã¦
Prototype.js を使ã£ã¦ã€MovableTypeã§æœ€æ–°è¨˜äº‹ã‚’表示ã™ã‚‹ï¼šGoodpic
This shop will be powered by Are you the store owner? Log in here
ã‚るＳＥã®ã¤ã¶ã‚„ã: Ajaxライブラリã¾ã¨ã‚
Ajax/JavaScriptライブラリをã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ï¼ˆé †ä¸åŒï¼‰ | 基本 | çµ±åˆ | 表示系 | GUIéƒ¨å“ | イメージ | PGMé€£æº | ブラウザ | Flash | ãã®ä»– | | 部å“集 | リンク | ç·¨é›†å±¥æ´ | ・基本ライブラリ ・・・Ajax開発ã®ãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã‚‚㮠↑TOP prototype.js 超メジャーãªAjaxライブラリ prototype.js ã®é–‹ç™ºè€…å‘ã‘メモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引ãサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF ï¼ API/サンプル/解説 Prototype.js Documentation ï¼ ã¾ã¨ã‚サイト Prototype 1.6.0ã¸ã®ã‚¢ãƒƒãƒ—グレード実例紹
汎用 Google Maps API スクリプト“ KsGMap â€
Google Maps Platform ã®ä»£æ›¿æ¡ˆã‚’作æˆã—ã¾ã—㟠Google Maps API ã®æ–™é‡‘体系変更ã«ä¼´ã„別ã®åœ°å›³ã‚µãƒ¼ãƒ“スを検討ã®æ–¹å‘ã‘ã®ä»£æ›¿ã‚µãƒ¼ãƒ“ス一覧ã¨å¼Šç¤¾ã‚µãƒ¼ãƒ“スを紹介ã—ã¦ã„ã¾ã™ã€‚ 詳ã—ã㯠ã“ã¡ã‚‰ ã‚’ã”覧ãã ã•ã„ KsGMapã¨ã¯ Google Maps API を用ã„ãŸåœ°å›³ã‚’ç°¡å˜ã«è¨ç½®ã™ã‚‹ã“ã¨ãŒã§ãる汎用スクリプトã§ã™ã€‚ JavaScript を知らãªã„æ–¹ã§ã‚‚ã€ç°¡å˜ã«é«˜æ©Ÿèƒ½ãªåœ°å›³ã‚’自分ã®ã‚µã‚¤ãƒˆã«çµ„ã¿å…¥ã‚Œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ KsGMapã«ã¤ã„㦠ã•ã‚‰ã«è©³ã—ã ≫ ãã®å‰ã« Google Maps API ã«ã¤ã„㦠もã£ã¨è©³ã—ã ≫
å¹ã出ã—æ–¹å¼ã®ãƒ„ールãƒãƒƒãƒ—テã‚スト作æˆJavaScriptライブラリ:phpspot開発日誌
wg:Bubble Tooltips Bubble Tooltips are an easy way to add (via a bit of CSS and javascript) fancy tooltips with a balloon shape to any web page. å¹ã出ã—æ–¹å¼ã®ãƒ„ールãƒãƒƒãƒ—テã‚スト作æˆJavaScriptライブラリ。 次ã®ã‚ˆã†ãªå¹ã出ã—æ–¹å¼ã®ãƒ„ールãƒãƒƒãƒ—テã‚ストを作æˆã§ãã¾ã™ã€‚ 次ã®ã‚ˆã†ãªJavascriptコードを書ã„ã¦ãŠã〠<script type="text/javascript" src="BubbleTooltips.js"></script> <script type="text/javascript"> window.onload=function(){enableTooltips()}; </script> アンカー<a>ã‚¿ã‚°ã®t
Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’丸デザインã«ã™ã‚‹æ–¹æ³•:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptã§æŒ‡å®šã®HTMLè¦ç´ ã‚’å‹•çš„ã«è§’丸デザインã«ã™ã‚‹æ–¹æ³•ã€‚ NiftyCornerを使ãˆã°ã€å˜ä¸€ã®DIVè¦ç´ を角丸デザインã«ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ 例ãˆã°ã€æ¬¡ã®ã‚ˆã†ãªå˜ä¸€DIVè¦ç´ ã‚‚ç°¡å˜ã«è§’丸ã«ã§ãã¾ã™ã€‚ <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
Ajax入門 | Ajax入門：基本サイトã®ãƒªãƒ³ã‚¯é›†
一定期間更新ãŒãªã„ãŸã‚広告を表示ã—ã¦ã„ã¾ã™
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
膨大ãªAjax,Javascriptをコピペã§ä½¿ãˆã‚‹ã‚µã‚¤ãƒˆã ã‘ã©è‹±èªžã€‚ã ã£ãŸã‚‰è‹±èªžã‚µã‚¤ãƒˆã‚’ï¼—ï¼ï¼…ãらã„使ãˆã‚‹ã‚ˆã†ã«ãªã‚‹Yamadaå¼ç¿»è¨³ã§ã„ãã¾ã—ょã†ã€‚*ホームページを作る人ã®ãƒã‚¿å¸³
DHTMLã¨AJAXã®ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ã‚³ãƒ¼ãƒ‰é›†ã€ŒDHTMLgoodies.comã€
{{#tags}}- {{label}}
{{/tags}}