jqTyping
タイピングゲーム感覚ã§jQueryã®åŸºæœ¬ã‚’å¦ã¹ã¾ã™ã€‚タイピングã§jQueryã‚’å¦ã¼ã†ï¼ タイピングゲーム感覚ã§jQueryã®åŸºæœ¬ã‚’å¦ã¹ã¾ã™ã€‚ HTMLã¨CSSã®çŸ¥è˜ãŒå‰æã¨ãªã£ã¦ã„ã¾ã™ã€‚ >> Let's Typing!　 使ã„æ–¹ ステージã¨å•é¡Œæ•°ã‚’é¸æŠžã—ã¾ã™ã€‚ スタートボタンを押ã—ãŸçž¬é–“ã‹ã‚‰ã‚²ãƒ¼ãƒ ãŒå§‹ã¾ã‚Šã¾ã™ã€‚ æ–‡å—ã‚’é–“é•ãˆãŸå ´åˆã€æ£ã—ã„æ–‡å—を入力ã™ã‚‹ã¾ã§æ¬¡ã¸é€²ã‚ã¾ã›ã‚“。 ã†ã¾ã動作ã—ãªã„å ´åˆã¯ã€æ—¥æœ¬èªžå…¥åŠ›ã‚’無効ã«ã—ã¦ã¿ã¦ãã ã•ã„。
第一回 太一ã«ãƒ¢ãƒ€ãƒ³JSã‚’æ•™ãˆã‚‹ä¼š - è¨è¨ˆã¨å®Ÿè£…ã®ç‹é–“ã§ã€‚
ã¨è¨€ã†ä¼šãŒå“å·æŸæ‰€ã§ã€2011/10/05ã«ãƒ’ッソリã¨é–‹å‚¬ã•ã‚Œã¾ã—ãŸã€‚ ãŠå®¢æ§˜ã¯ä¸»å‚¬è€…ãŸã‚‹åƒ•ã®ã¿ã§ã€ãれ以外ã®å‚åŠ è€…ã¯åŸºæœ¬çš„ã«è¬›å¸«ã¨ã„ã†å¤§å¤‰è´…æ²¢ãªä¼šã§ã™ã€‚ ãã‚Œãªã‚Šã«è©±ã¯ã‚ã£ã¡ã“ã£ã¡ã—ã¦ã„ãŸã—〠話題ã«ä¸ŠãŒã£ãŸé‡è¦ãã†ãªéƒ¨åˆ†ã§ã€åƒ•ãŒè¦šãˆã¦ã„る事を補足ã—ãªãŒã‚‰ãƒ¡ãƒ¢æ›¸ã。 妥当ã§ãªã„部分ãŒã‚ã£ãŸã®ã§ã€å¤‰æ›´ã€‚ スケールã™ã‚‹UI(by @monjudoh) イベントをé…延ディスパッãƒã™ã‚‹ã€‚ドラッグ＆ドãƒãƒƒãƒ—ã¯å®Ÿè£…ãŒé›£ã—ã„ã‹ã‚‚。 イベントリスナã¯ã€ã‚ˆã‚Šåºƒã„範囲ã§å—ã‘る。 例ãˆã°ã€ä¸€è¦§ãƒ‡ãƒ¼ã‚¿ãªã‚‰ã€ã‚«ãƒ©ãƒ 内ã§å—ã‘るよりã€è¡Œã§å—ã‘ã‚‹æ–¹ãŒè‰¯ã„ã—ã€ãれよりもテーブルã§å—ã‘ã‚‹æ–¹ãŒè‰¯ã„。 ã“ã‚Œã«ã¯ã„ãã¤ã‹ç†ç”±ãŒã‚る。 - å‹•çš„ã«ãƒ‡ãƒ¼ã‚¿ãŒå¤‰æ›´ã•ã‚Œã‚‹ä¸ã§ã‚¤ãƒ™ãƒ³ãƒˆãƒªã‚¹ãƒŠã®é…ç½®æ¼ã‚Œã«ã‚ˆã£ã¦é©åˆ‡ã«å‹•ä½œã—ãªã„様ãªã‚±ãƒ¼ã‚¹ã‚’é¿ã‘る。 - イベントリスナã®ã‚ªãƒ–ジェクトã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹æ•°ã‚’減らã™ã€‚ - イベントリスナã¯ç™»éŒ²å‡¦ç†ãŒé‡ã„ã®
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
「ノンプãƒã‚°ãƒ©ãƒžãƒ¼ã®ãŸã‚ã®jQuery入門ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒå‡„ã分ã‹ã‚Šã‚„ã™ã„ã§ã™ã - ã‹ã¡ã³ã¨.net
Twitterã«æµã‚Œã¦ããŸã‚¹ãƒ©ã‚¤ãƒ‰ãŒã¨ã£ã¦ã‚‚ 分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§ãƒ–ãƒã‚°ã§ã‚ˆã‚Šå¤šã ã®æ–¹ã«æ‹¡æ•£ã€‚ノンプãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã® jQueryã®åŸºæœ¬è¬›åº§ã€‚ã“ã‚Œã‹ã‚‰jQuery を使ãŠã†ã€ã¨ã„ã†æ–¹ã¯èªã‚“ã§ãŠãã¨è‰¯ã• ãã†ã§ã™ã。 ノンプãƒã‚°ãƒ©ãƒžãƒ¼å‘ã‘ã«jQueryã®åŸºç¤Žã‚’スライド化ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ @pocotan001ã•ã‚“作ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚ ã“ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’見ãªãŒã‚‰ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã€ã¨ã„ã†ã‚ˆã‚Šã€åŸºç¤ŽçŸ¥è˜ã‚’é ã«å…¥ã‚Œã‚‹ã®ã«é©ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã ã¨æ€ã„ã¾ã™ã®ã§æ°—軽ã«ã”覧ã«ãªã£ã¦ã¿ã¦ä¸‹ã•ã„。ãƒãƒ¼ãƒ‰ãƒ«ãŒã‹ãªã‚Šä¸‹ãŒã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãŸã€å½“ブãƒã‚°ã§ã‚‚jQueryプラグインç‰ã®æƒ…å ±ã‚’å–ã‚Šã‚ãˆã’ã¦ã„ã¾ã™ã®ã§åˆã‚ã›ã¦ã©ã†ãžã€‚ jQueryã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚µã‚¤ãƒˆã¨å…¥é–€æ›¸ç± [2011.09.21アップデート] よãアクセスã„ãŸã ãã®ã§ãƒãƒ–çš„ãªå½¹å‰²ãらã„ã¯æžœãŸãã†ã¨æ€ã„ã¾ã™ã€‚ jquery / jQueryã®æœ¬å®¶ã§ã™ã€‚ jQuer
Google Calendar風ã«ä½¿ãˆã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「jquery-frontier-calendarã€:phpspot開発日誌
jquery-frontier-calendar - Project Hosting on Google Code Google Calendar風ã«ä½¿ãˆã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼å®Ÿè£…jQueryプラグイン「jquery-frontier-calendarã€ãŒGoogle Codeã«ã¦å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ 広ãŒã‚‹ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’クリックã§ç°¡å˜ã«äºˆå®šã‚’è¿½åŠ ã—ã€æ¬¡ã®ã‚ˆã†ã«è¡¨ç¤ºã§ãã¾ã™ã€‚ラインをクリックã™ã‚Œã°äºˆå®šãŒåˆ†ã‹ã£ãŸã‚Šã€ãƒ©ã‚¤ãƒ³ã‚’ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦äºˆå®šã‚’ãšã‚‰ã›ãŸã‚Šã™ã‚‹ã“ã¨ãŒå¯èƒ½ã€‚ 背景画åƒã‚’指定ã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚出æ¥ã¾ã™ã€‚ ä»–ã«ã‚‚åŒæ§˜ã®ãƒ©ã‚¤ãƒ–ラリã¯ã‚ã‚Šã¾ã™ãŒã€ä»•æ§˜ã«ã‚ˆã£ã¦ä½¿ã„分ã‘ã‚‹ã¨ã‚ˆã•ãã†ã§ã™ã。 関連エントリ ã“ã‚Œã§è‡ªå‰ã§GoogleカレンダーをæŒã¦ã‚‹ï¼jQuery＆PHPã§å®Ÿç¾ã•ã‚ŒãŸãƒ—ãƒã‚°ãƒ©ãƒ Googleカレンダーã¿ãŸã„ãªã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚’jQueryã§ä¸€çž¬ã§ä½œæˆã§ãる「jquery-week-calend
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®jQueryå°æŠ€é›†ç´ 敵ãªå‹•ãを手軽ã«å®Ÿè£…ã§ãã‚‹JavaScriptライブラリ「jQueryã€ã€‚jQueryã«ã¯å¤šãã®ãƒ—ラグインãŒæƒã£ã¦ã„ã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ラグインãªã—ã§å®Ÿè£…ã§ãã‚‹jQueryã®å°æŠ€ã‚’紹介ã—ã¾ã™ï¼ã€ŒjQueryã£ã¦ãªã‚“ã ？ã€ã¨ã„ã†äººã‚‚コピペã§å®Ÿè£…ã§ãã¾ã™ã‚ˆï¼ã‚µãƒ³ãƒ—ルも用æ„ã—ãŸã®ã§ãœã²ã”覧ãã ã•ã„ï¼ è¿½è¨˜ï¼šã“ã®è¨˜äº‹ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã„ãã¤ã‹ã®æ–¹æ³•ãŒã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…å¯èƒ½ã§ã™ï¼è©³ã—ãã¯ã€Œã‹ã¤ã¦ã¯ JavaScript を利用ã—ã¦ã„ãŸã‚‚ã®ã®ã€ä»Šã§ã¯ CSS ã®ã¿ã§å®Ÿè£…ã§ãã‚‹ 10 ã®å°æŠ€ã€ã‚’ã”覧ãã ã•ã„。 jQuery ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã¾ãšã¯jQuery 本家ã‹ã‚‰ jQuery ファイルをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚<head> 内ã«ä¸‹è¨˜ã‚’記述ã—ã€jQuery ファイルをèªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/javascript" src
「イカワイパーã€ãªHTMLベースã®ãƒ—レゼンツール「SliDegesoã€ã‚’作ã£ã¦ã¿ãŸã§ã‚²ã‚½ « 岩家ã¶ã‚ã
ã¯ã˜ã‚㫠イカ娘ã®ä¾µç•¥åº¦åˆã„ã®æ¿€ã—ã•ãŒå¢—ã™ä»Šæ—¥ã“ã®é ƒï¼Œã¿ãªã•ã¾ã„ã‹ãŒãŠéŽã”ã—ã§ã—ょã†ã‹ï¼Ÿ ã“ã®ä¸ã®ç¬¬3話ã«ç™»å ´ã™ã‚‹ã€Œã€Žã‚¤ã‚«ãƒ¯ã‚¤ãƒ‘ーã€ï¼ˆè§¦æ‰‹ãƒ¯ã‚¤ãƒ‘ー？）ã§ã‚·ãƒ¼ãƒ³ã‚’切り替ãˆã‚‹ã€ã¨ã„ã†æ‰‹æ³•ãŒãªã‹ãªã‹å°è±¡çš„ã§ã—ãŸï¼Žã¡ã‚‡ã†ã©è¿‘々ã®å‹‰å¼·ä¼šã§ã®è³‡æ–™ã‚’準備ã—ãªã‘ã‚Œã°ãªã‚‰ãªã‹ã£ãŸã“ã¨ã‚‚ã‚り，ã˜ã‚ƒï¼Œãã®å°è±¡çš„ãªæ–¹æ³•ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’切り替ãˆã‚‹ã‚ˆã†ãªãƒ„ールã§ã‚‚ã„ã£ã—ょã«ä½œã£ã¦ã¿ã‚ˆã†ã‹ãªï¼Œã¨ã‹ãã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã—ãŸï¼Ž å°‘ã—ã¯å½¢ã«ãªã£ã¦ããŸã£ã½ã„ã®ã§ï¼Œã€ŒSliDegesoã€ã¨ã„ã†åå‰ã§ã‚‚ã¤ã‘ã¦å…¬é–‹ã—ã¦ã¿ã¾ã™ï¼Ž サンプル ã©ã‚“ãªæ„Ÿã˜ã‹ã¯ï¼Œæ¬¡ã®ãƒªãƒ³ã‚¯å…ˆã§ç¢ºèªã§ãã¾ã™ï¼ŽãŸã ã—，ç¾çŠ¶ã§ã¯ï¼ŒSafari，Chrome，ã§ã—ã‹å‹•ä½œã—ã¾ã›ã‚“，ãã£ã¨ï¼Ž ã‚ã¨ï¼Œã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ 1024×768 ãらã„ã§æƒ³å®šã—ã¦ã„ã‚‹ã®ã§ï¼Œã‚ã¾ã‚Šã«å¤§ããªã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã®å ´åˆï¼Œã€Œæ‹ã残りã€ãŒç™ºç”Ÿã—ã¾ã™ï½— SliDegesoサンプル ソースコード，ダウンãƒ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bootstrap Color Picker Sliders
Rails3ã€Twitter Bootstrapã€Bootswatch を使ã£ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’リリースã—ã¾ã—ãŸ
{{#tags}}- {{label}}
{{/tags}}