Use jQueryã¯ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「jQueryã€ã¨ãã®ãƒ—ラグインを使用ã—ãŸã‚¦ã‚§ãƒ–サイトã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚
[JS]jQueryã®åŠ¹æžœçš„ãªä½¿ã„方を実例ã‹ã‚‰å¦ã¶ -Use jQuery
Use jQueryã¯ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリ「jQueryã€ã¨ãã®ãƒ—ラグインを使用ã—ãŸã‚¦ã‚§ãƒ–サイトã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚
ã‚‚ã†ã“ã‚Œã§å分。HTML上ã§ãƒ†ãƒ¼ãƒ–ルを表示ã™ã‚‹ãªã‚‰Â·Sigma Grid MOONGIFT
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹éš›ã«ã€ä¸€è¦§è¡¨ã‚’表示ã™ã‚‹ã¨ã„ã†å‡¦ç†ã¯å¤šã„。ãã—ã¦ãã®ãƒ‡ãƒ¼ã‚¿ã‚’並ã¹æ›¿ãˆãŸã‚Šã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’入れãŸã‚Šã—ãŸã„ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚多ã発生ã™ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯ã‚«ãƒ©ãƒ を並ã¹æ›¿ãˆãŸã‚Šã€ä¸€æ‹¬æ›´æ–°ã—ãŸã„ãªã‚“ã¦è¨€ã‚れるã“ã¨ã‚‚ã‚る。 ソートも並ã¹æ›¿ãˆã‚‚ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚全部ã“ã¿ã“ã¿ ãれを一ã¤ä¸€ã¤å®Ÿè£…ã—ã¦ã„ã¦ã¯éžå¸¸ã«å·¥æ•°ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ãã“ã§ä½¿ã„ãŸã„ã®ãŒã“ã®Sigma Gridã 。 Sigma Gridã¯ãƒ†ãƒ¼ãƒ–ルã®è¡¨ç¤ºã¨ã‚½ãƒ¼ãƒˆã€ãƒ‡ãƒ¼ã‚¿ç·¨é›†ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹è¶…豪è¯ãƒ©ã‚¤ãƒ–ラリã 。LGPLライセンスã®ä¸‹ã«å…¬é–‹ã•ã‚Œã¦ã„るオープンソース・ソフトウェアã 。 Sigma Gridã¯ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã«éš›ã—ã¦JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’渡ã™å¿…è¦ãŒã‚る。ãã®ãŸã‚æ—¢å˜ã®ã‚·ã‚¹ãƒ†ãƒ ã«ãã®ã¾ã¾çµ„ã¿è¾¼ã‚€ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œãªã„。ã ãŒãã®å¤‰æ›´ã—ã¦ã‚‚ã‚ã¾ã‚Šã‚るメリットを享å—ã§ãã‚‹ã«é•ã„ãªã„。 ç”»åƒè¡¨ç¤ºã¨ã‚¯ãƒªãƒƒã‚¯ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã‚«ãƒ©ãƒ ã”ã¨
ASCII.jp：Web制作会社ãŒä½œã£ãŸï¼è¶…使ãˆã‚‹JavaScriptライブラリ
「Webサイトを作るã¨ãã«æœ¬å½“ã«ã‚ˆã使ã†æ©Ÿèƒ½ã‚’ã€è‡ªåˆ†ã§ä½œã‚‰ãšã«ã•ãã£ã¨å®Ÿè£…ã—ãŸã„ã€â€•â€•ã€‚ãã‚“ãªãƒ¯ã‚¬ãƒžãƒžãªé¡˜æœ›ã‚’ã‹ãªãˆã¦ãれる JavaScriptライブラリãŒç™»å ´ã—ãŸã€‚ミツエーリンクスãŒä»Šæœˆã‚ªãƒ¼ãƒ—ンソースã¨ã—ã¦å…¬é–‹ã—ãŸã€ŒMJL（MITSUE-LINKS JavaScript Library）ã€ã¯ã€Webサイト制作ã«å¿…é ˆã®â€œæœ€å°é™ã®æ©Ÿèƒ½â€ã«çµžã£ãŸJavaScriptライブラリã 。 昨今相次ã„ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã€ãƒªãƒƒãƒãªUIを実ç¾ã™ã‚‹JavaScript/Ajaxライブラリã¨ã¯ç•°ãªã‚Šã€MJLã®æ©Ÿèƒ½ã¯ã¨ã¦ã‚‚シンプルã 。もã¨ã‚‚ã¨Web制作会社ã§ã‚るミツエーリンクスãŒã€Œè‡ªç¤¾æ¨™æº–ライブラリã€ã¨ã—ã¦ä½œæˆã—ãŸã‚‚ã®ã ã‘ã‚ã£ã¦ã€æ±Žç”¨æ€§ãƒ»å®Ÿç”¨æ€§ã‚’é‡è¦–ã—ãŸãƒ©ã‚¤ãƒ–ラリã«ãªã£ã¦ã„る。 具体的ãªæ©Ÿèƒ½ã¯ä»¥ä¸‹ã®6ã¤ã€‚確ã‹ã«ã©ã‚Œã‚‚よã使ã„ãã†ãªã‚‚ã®ã°ã‹ã‚Šã 。 ç”»åƒã®ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ Flashオブジェクト埋ã‚è¾¼ã¿ã®æ©Ÿèƒ½æ‹¡å¼µ æ–°è¦
é…力的ãªã‚¦ã‚§ãƒ–サイトを作æˆã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãª9ã¤ã®ã‚¹ã‚¯ãƒªãƒ—ト - GIGAZINE
個人的ãªã‚¦ã‚§ãƒ–サイト作æˆã‚„仕事ã¨ã—ã¦ã‚¦ã‚§ãƒ–サイトを作æˆã—ã¦ã„る人ã ã‘ã§ãªãã€ä½•ã‹ã®ã‚µã‚¤ãƒˆã‚’発注ã—ã¦ä½œã£ã¦ã‚‚らã†éš›ãªã©ã«ã“ã†ã„ã†ã®ã‚’知ã£ã¦ãŠãã¨ã€ã‹ãªã‚Šã¯ã£ãã‚Šã¨å…·ä½“çš„ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚’相手ã«ä¼ãˆã‚„ã™ããªã‚‹ã®ã§ã€ã‚¹ãƒ ーズã«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ãã‚‹ã¯ãšã§ã™ã€‚ã‚ã‚‹ã„ã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã«ã“れらã®ãƒªã‚½ãƒ¼ã‚¹ã®å˜åœ¨ã‚’èªçŸ¥ã—ã¦ã‚‚らã†ã“ã¨ã§ã€è©±ãŒé€²ã‚ã‚„ã™ããªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 ã¨ã„ã†ã‚ã‘ã§ã€é…力的ãªã‚¦ã‚§ãƒ–サイトを作æˆã™ã‚‹ãŸã‚ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªç„¡æ–™ã®å„種スクリプトã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Woork: Useful resources and tutorials for developing stunning web sites 1. ModalBox http://www.wildbit.com/labs/modalbox/ Web2.0スタイルã®ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒœãƒƒã‚¯ã‚¹ãªã©ã‚’表示ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚Mac OS Xã®ãƒ€ã‚¤ã‚¢ãƒã‚°ãƒœ
MOONGIFT: » 必見ï¼JavaScriptã®alert処ç†ã«ã•ã‚ˆãªã‚‰ã‚’「Blackbirdã€:オープンソースを毎日紹介
※ ç”»é¢ã¯å…¬å¼ã‚µã‚¤ãƒˆãƒ‡ãƒ¢ã‚ˆã‚Š JavaScriptã®ãƒ‡ãƒãƒƒã‚°ã«ã‚ˆã利用ã•ã‚Œã‚‹ã‚‚ã®ã¨è¨€ãˆã°ã€alertã ã‚ã†ã€‚ç°¡å˜ã«ä½¿ãˆã¦ä¾¿åˆ©ãªé–¢æ•°ã ãŒã€ãƒ–ラウザã®å‡¦ç†ãŒæ¢ã¾ã£ã¦ã—ã¾ã£ãŸã‚Šã€é•·æ–‡ã®è¡¨ç¤ºãŒé›£ã—ã„ãªã©ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚数多ã„。 alertã¨ãŠåˆ¥ã‚Œã™ã‚‹ãŸã‚ã®JavaScriptデãƒãƒƒã‚°ãƒ„ール ãã“ã§ä½¿ã£ã¦ã¿ãŸã„ã®ãŒBlackbirdã 。Google Code上ã§å…¬é–‹ã•ã‚Œã¦ã„るオープンソースã®JavaScriptアラートã 。 Blackbirdã¯è¦‹ãŸç›®ã®æ ¼å¥½ã„ã„フãƒãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ€ã‚¤ã‚¢ãƒã‚°ã«ãƒã‚°ã‚’表示ã§ãる。デãƒãƒƒã‚°ã€ã‚¤ãƒ³ãƒ•ã‚©ã€ã‚¦ã‚©ãƒ¼ãƒ‹ãƒ³ã‚°ã€ã‚¨ãƒ©ãƒ¼ã€ãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒ«ã®5ã¤ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãƒ‘ターンãŒè¨å®šã§ãる。Blackbirdã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã§ã¯å„メッセージタイプã®è¡¨ç¤ºã€éžè¡¨ç¤ºãŒåˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ã„る。 表示ä½ç½®ã®å¤‰æ›´ã€è¡¨ç¤ºã™ã‚‹ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã®ç¨®é¡žãŒå¤‰æ›´ã§ãã‚‹ ã•ã‚‰ã«F2ã‚ーを押ã—ã¦è¡¨ç¤º/éžè¡¨ç¤ºã‚’切り替ãˆãŸã‚Šã€Shi
Flashä¸è¦ï¼JavaScriptã§æ´¾æ‰‹ãªWebデザイン
ブラウザーã„ã£ã±ã„ã«åºƒãŒã‚‹é®®ã‚„ã‹ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€‚フェードインã§ã‚†ã£ãã‚Šã¨å‡ºç¾ã™ã‚‹å†™çœŸç”»åƒã€‚スクãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ç”»åƒã«é‡ãªã£ã¦ã„ãåŠé€æ˜Žã®ãƒ†ã‚ストボックス――æ€ã‚ãšè¦‹ã¨ã‚Œã¦ã—ã¾ã†ã€ã‚ャンペーンサイトãªã©ã§ãŠãªã˜ã¿ã®â€œæ´¾æ‰‹ãªWebサイトâ€ã¯ã€ãƒ•ãƒ«FlashãŒä¸€èˆ¬çš„ã 。「Flashã¯ã‚ˆã分ã‹ã‚‰ãªã„ã—ã€ãã‚‚ãもオーサリングツールもãªã„ã€ã¨ã„ã†å€‹äººã‚µã‚¤ãƒˆã®åˆ¶ä½œè€…ã¯ã‚ãらã‚ã‚‹ã—ã‹ãªã‹ã£ãŸã€‚ パリ在ä½ã®ãƒ•ãƒªãƒ¼ã‚³ãƒ³ã‚µãƒ«ã‚¿ãƒ³ãƒˆï¼Webデザイナー「Sebcreationã€ã®Webサイトã¯ã€ãã‚“ãªå¸¸è˜ã‚’打ã¡ç ´ã‚‹ã“ã¨ã«æŒ‘戦ã—ã¦ã„る。ã¾ãšã¯ãƒˆãƒƒãƒ—ページを見ã¦ã¿ã‚ˆã†ã€‚ ãŠãªã˜ã¿ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ã‚¤ã‚³ãƒ³ã€ä¸Šä¸‹å³å·¦ã‹ã‚‰æ¬¡ã€…ã¨ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ãã‚‹åŠé€æ˜Žã®ãƒ†ã‚ストボックス……ã¨ã„ã£ãŸãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã€ã€Œã¾ãŸFlashã‹ã€ã¨æ€ã‚ãšã¤ã¶ã‚„ã„ã¦ã—ã¾ã†ã‹ã‚‚ã—ã‚Œãªã„。ã¨ã“ã‚ãŒSebcreationã§ã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå‡¦ç†ã‚’
ワリオランドシェイクã¿ãŸã„ã« 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
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
20ã®å„ªã‚ŒãŸAjax効果*ホームページを作る人ã®ãƒã‚¿å¸³
{{#tags}}- {{label}}
{{/tags}}