dev7studiosAhoy, me hearties! We are Themeisle and we build long-lasting
css-eblog.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - css eblog リソースãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2010å¹´11・12月
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
PHP & JavaScript Room
Windows OS ã« PHPã¨Apacheサーãƒãƒ¼ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ« ～ php.iniã®è¨å®šã¾ã§ã€ パソコンã§PHPを使ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã®æ‰‹é †ã‚’図解。 .htaccessã®æŒ‡å®šæ–¹æ³•ã€ä½¿ç”¨é »åº¦ã®é«˜ã„PHP関数をサンプル付ãã§è§£èª¬ã€‚ Tipsã§ã¯å®Ÿç”¨çš„ãªè‡ªä½œé–¢æ•°ã‚’紹介。 JavaScriptã®åŸºæœ¬ï½žå®Ÿç”¨çš„ãªé–¢æ•°ã¾ã§ã‚µãƒ³ãƒ—ル付ãã§è§£èª¬ã€‚ ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦æ“作ã€é€£å‹•ãƒ—ルダウンã€å…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼ˆæ£è¦è¡¨ç¾å«ã‚€ï¼‰ãªã©ã€ サイト制作ã«ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªã‚¹ã‚¯ãƒªãƒ—トを紹介。コピペã§ä½¿ãˆã¾ã™ã€‚ JavaScriptã§DOM（Document Object Model）ã®ãƒ¡ã‚½ãƒƒãƒ‰ãƒ»ãƒ—ãƒãƒ‘ティを使ã£ã¦ãƒšãƒ¼ã‚¸ä¸Šã®ãƒŽãƒ¼ãƒ‰ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚‚è¿½åŠ ã—ã¾ã—ãŸã€‚ Ajax ブãƒã‚°ã‚„サイトã§ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªAjaxをサンプル付ãã§è§£èª¬ã€‚ HTML5 次世代HTML標準ã¨ãªã‚‹HTML5を使ã£ã¦ã¿ã‚ˆã†ï¼HTML5ã®ã‚¿ã‚°ãƒªãƒ•
ã€JavaScript】0埋ã‚ã—ãŸã„　数値ã®0パディング
フリーエンジニアã§ã‚る下ã£ç«¯SEã®å‚™å¿˜éŒ²ã¨æ—¥è¨˜ã€‚日々是精進。 開発言語ã¯ä¸»ã«C#。 開発技術ãŒæ—¥ã€…進化ã—続ã‘ã¦ã„る今日ã€å–り残ã•ã‚Œã¾ã„ã¨ã™ã‚‹ã‚‚æ³ã®ã›ã„ã‹è¦šãˆãŒæ‚ªã„SE。 ã»ã£ãŸã‚‰ã‹ã—ã§ã™ã„ã¾ã›ã‚“。 1ãªã‚‰01ã€15ãªã‚‰15ã®ã‚ˆã†ã«JavaScriptã§0埋ã‚ã—ãŸã„å ´åˆã€‚ C#ã ã£ãŸã‚‰ã€PadLeft(totalWidth,paddingChar) 㧠PadLeft(2,'0') ã®ã‚ˆã†ã«ã™ã‚Œã°ã„ã„ã‘ã©ã€JavaScriptã¨ãªã‚‹ã¨ä½•ã ã‹é¢å€’è‡ã„ãªï½ž ã¨æ€ã£ã¦ã„ãŸã‚‰ã€ã‚ˆã„サイトãŒã‚ã‚Šã¾ã—ãŸã€‚ PCソフト備忘録 上記ã®ä¾‹ãªã‚‰ ("0" + "数値").slice(-2) ã§ç°¡å˜ã«0埋ã‚ãŒã§ãã¦ã—ã¾ã„ã¾ã™ï¼ アラã€ä¾¿åˆ©ã€‚ ã“ã®è¨˜äº‹ãŒãŠå½¹ã«ç«‹ã£ãŸã‚ˆã†ã§ã—ãŸã‚‰ãœã²ã‚¯ãƒªãƒƒã‚¯ãŠé¡˜ã„ã—ã¾ã™m(_ _)m 人気ブãƒã‚°ãƒ©ãƒ³ã‚ングã¸
第2回　楽ã«ãƒªã‚¹ãƒˆã‚’ストライプ模様ã«ã™ã‚‹ | gihyo.jp
å„種セレクタ 第1回ã§ã¯jQueryを使ã£ãŸclassを自動ã§è¿½åŠ ã™ã‚‹ã‚µãƒ³ãƒ—ルを見ã¦ã‚‚らã„ã¾ã—ãŸã€‚HTMLã®ã©ã®éƒ¨åˆ†ã«é©å¿œã™ã‚‹ã®ã‹ã‚’指定ã™ã‚‹ãŸã‚ã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚‚紹介ã—ã¾ã—ãŸãŒã€ç¬¬1回ã§ç´¹ä»‹ã—ãŸã®ã¯ã€ãã®ã”ãã‚ãšã‹ä¸€éƒ¨ã ã‘ã§ã™ã€‚ 第2回ã§ã¯ã€ç¬¬1回ã§ç´¹ä»‹ã—ãã‚Œãªã‹ã£ãŸã‚»ãƒ¬ã‚¯ã‚¿ã‚„ã€ãれらを使ã£ãŸå®Ÿè·µã‚µãƒ³ãƒ—ルを紹介ã„ãŸã—ã¾ã™ã€‚ 基本（Basics）
JavaScript：文å—を数値ã«å¤‰æ›ã™ã‚‹æ–¹æ³•ï¼ˆéžå‚考版）
jQueryã¨ã‹ã§CSSã®paddingã¨ã‹ã‚’抜ãã ã—ãŸæ™‚〠pxã‚„emãŒã¤ã„ãŸã¾ã¾æŠœãã ã•ã‚Œã¦ãる。 ã“れをreplace()ãªã©ã§æ•°å€¤ã ã‘ã«ã—ã¦è¶³ã—ç®—ã¨ã‹ã‚’ã—よã†ã¨ã—ã¦ã‚‚〠文å—列ã¨ã—ã¦æ‰±ã‚ã‚Œã¦ã—ã¾ã†ã“ã¨ã«ãªã‚‹ã€‚ ã¤ã¾ã‚Šã€æ–‡å—を数値ã¸å¤‰æ›ã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã ã‘ã©ã€ JavaScriptã§ã©ã†ã‚„ã‚Œã°æ•°å€¤ã«ãªã‚‹ã®ã‹çŸ¥ã‚‰ãªã„。 調ã¹ãŸã‚‰ãŸã¾ã«ä½¿ã£ã¦ã„ã‚‹eval()を使ã†äº‹ã§ã€ æ–‡å—を数値ã¨ã—ã¦ä½¿ã†ã“ã¨ãŒã§ãるらã—ã„ã®ã§ã€ メモã¨ã—ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ã¦ãŠã。 ※文å—列を数値ã¨ã™ã‚‹å ´åˆã¯evelã¯åˆ©ç”¨ã—ãªã„よã†ã«ï¼ï¼ 本エントリーã¯JavaScriptを勉強ã™ã‚‹éŽç¨‹ã§æ›¸ã„ãŸè¨˜äº‹ã§ã™ã€‚æ–‡å—列を数値ã«å¤‰ãˆã‚‹å ´åˆã€æœ¬ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚ˆã†ãªevelを利用ã™ã‚‹ã®ã§ã¯ãªãã€æ¬¡ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒJavaScript：文å—を数値ã«å¤‰æ›ã™ã‚‹æ–¹æ³•ãã®ï¼’ã€ã‚’å‚ç…§ã—ã€parseInt()ã‚„parseFloat()を利用ã™ã‚‹ã‚ˆã†ã«
逆引ãJavaScriptリファレンス
逆引ãJavaScriptリファレンスã§ã™ã€‚ ◆ステータスãƒãƒ¼ï¼ˆã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®æœ€ä¸‹è¡Œï¼‰ã«æ–‡å—を表示ã•ã›ãŸã„ ◆文書ä¸ã«æ–‡å—を表示ã•ã›ãŸã„ ◆変数ã®å€¤ã‚’文書ä¸ã«è¡¨ç¤ºã•ã›ãŸã„ â—†"(ダブルクオーテーション)を表示ã•ã›ãŸã„ â—†'(クオーテーション)を表示ã•ã›ãŸã„ ◆フォームã®ãƒ†ã‚ストエリアã«æ–‡å—を表示ã•ã›ãŸã„ ◆背景ã®è‰²ã‚’変ãˆãŸã„ â—†ç¾åœ¨ã®æ—¥ä»˜ã‚’求ã‚ãŸã„ â—†ç¾åœ¨æ™‚刻を求ã‚ãŸã„ â—†è¦å‘Šã‚„注æ„を促ã—ãŸã„ ◆文å—を入力ã•ã›ãŸã„ ◆数値を文å—ã«ã—ãŸã„（変æ›ï¼‰ ◆文å—を数値ã«ã—ãŸã„（変æ›ï¼‰ ◆文å—列ã®ä¸ã‹ã‚‰ï¼‘æ–‡å—ã ã‘å–り出ã—ãŸã„ ◆一定時間ã”ã¨å‡¦ç†ã‚’è¡Œã„ãŸã„ ◆一定時間ã”ã¨ã®å‡¦ç†ã‚’åœæ¢ã•ã›ãŸã„ ◆サブウィンドウを開ããŸã„ ◆フォームã«å…¥åŠ›ã•ã‚ŒãŸæ–‡å—列をå–り出ã—ãŸã„ ◆自分ã®ã‚³ãƒ³ãƒ”ューターã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿å‡ºã—ãŸã„ ◆相手ã®ã‚³ãƒ³ãƒ”ューターã«ãƒ•ã‚¡ã‚¤ãƒ«ã‚’書ãè¾¼ã¿ãŸã„ ◆指定アプリケーションを起動ã•ã›ãŸã„ â—†é…列を作
æ–‡ç« ä¸ã®æ–‡å—ã‚’JavaScriptã¨ã—ã¦å‹•ä½œã•ã›ã¦ã¿ã‚‹
æ–‡ç« ä¸ã«ä½¿ã£ãŸã‚µãƒ³ãƒ—ルã®æ–‡å—ã¨ã‹ã‚’ 直接動作ã•ã›ã‚‹æ–¹æ³•ã¯ãªã„ã‹ãªã¨æ€ã„探ã—ã¦ã¿ãŸã‚‰ã€ ã©ã†ã‚„らevalã¨ã„ã†é–¢æ•°ã§å‹•ä½œã•ã›ã‚‹ã“ã¨ãŒã§ãるよã†ã 。 今後作ã£ã¦å‹•ä½œã•ã›ã¦ã¿ãŸã„ã“ã¨ãŒã‚ã‚‹ã®ã§ã€ 今回ã¯ãã®æ™‚ã®ãŸã‚ã«ã€evalã®ä½¿ã„方を勉強ã—ã¦ã¿ã‚‹ã€‚ eval(â—‹â—‹) eval(â—‹â—‹)ã¯ã€â—‹â—‹ã«å…¥ã‚ŒãŸæ–‡å—を動作ã•ã›ã‚‰ã‚Œã‚‹ã‚‰ã—ã„。 ã¤ã¾ã‚Šã€æ›¸ã„ã¦ã„ã‚‹æ–‡å—を引ã£å¼µã£ã¦ãã¦ã€ãã“ã«å…¥ã‚Œã‚Œã°ã€ 書ã„ãŸæ–‡å—ãŒå‹•ä½œã™ã‚‹ã®ã§ã—ょã†ï¼ 引ã£å¼µã£ã¦ãã‚‹ã®ã‚’jQueryã®æ§‹æ–‡ã«ã—ã¦ã¿ãŸã‚‰ã€ ãã®æ§‹æ–‡é€šã‚Šã«å‹•ãã®ã§ã¯ãªã„ã ã‚ã†ã‹ï¼Ÿ ã£ã¦ã“ã¨ã§å®Ÿé¨“。 サンプル â– è¨å®šã‚½ãƒ¼ã‚¹ $(function(){ $("input.run").click(function(){ var code = $("#samp").text(); eval(code); }); }); 今回ã‹ã‚‰ã€$(document).ready(func
エフェクトãŒç„¡é§„ã«å‡„ã„イメージスライダーを実装出æ¥ã‚‹jQueryプラグイン・Chop Slider - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…容ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ュリティ上ã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 実用性ã¯åˆ¥ã«ã—ã¦ã€ã“ã†ã„ã†ã®å«Œã„ã˜ã‚ƒãªã„ ã®ã§è¨˜äº‹ã«ã—ã¾ã™ã€‚よãã‚るイメージギャラリー ãªã‚“ã§ã™ãŒã€ç”»åƒãŒå¤‰ã‚ã‚‹éš›ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒ 無駄ã«å‡ã£ã¦ã„ã¾ã™ï¼ˆè¤’ã‚言葉ã§ã™ï¼‰ã€‚ã“ん㪠事もflashを使ã‚ãªã„ã§å‡ºæ¥ã‚‹ã‚“ã ãªãƒ¼ã€ã¨ ç´ ç›´ã«é–¢å¿ƒã—ãŸã®ã§ã€åŒã˜æ°—æŒã¡ã§è¦‹ã¦ é ‚ã‘ãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ エフェクトã¯ã‹ãªã‚Šå¤šã用æ„ã•ã‚Œã¦ãŠã‚Šã€ã©ã‚Œã‚‚ãªã‹ãªã‹æ´¾æ‰‹ãªå°è±¡ã§ã™ã€‚ã“ã‚Œã ã‘ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’クãƒã‚¹ãƒ–ラウザã«å¯¾å¿œã•ã›ã¦ã„ã‚‹ã®ã‚‚ã¡ã‚‡ã£ã¨é©šãã§ã™ã€‚※IE6ã«ã‚‚対応ã¨ã‚ã‚‹ã®ã§ã™ãŒã€ç¾åœ¨è«¸äº‹æƒ…ã§ç¢ºèªå‡ºæ¥ã¾ã›ã‚“ã®ã§å¯¾å¿œã—ã¦ãªã‹ã£ãŸã‚‰ã”ã‚ã‚“ãªã•ã„。 ãˆã‚‰ã„ã“ã£ã¡ã‚ƒãƒ»ãƒ»ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã°ã‹ã‚Šã§ã™ã€‚エフェクトã¯ã‹ãªã‚Šã®æ•°ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ï¼‘ã¤ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚‚ç´°ã‹ã„è¨å®šãŒå¯èƒ½ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ä¸€éƒ¨
[JS]超軽é‡ã€è¨ç½®ã‚‚ç°¡å˜ã€ã‚ªãƒ—ションも豊富ãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã®ã‚¹ã‚¯ãƒªãƒ—ト -Orbit
実装も簡å˜ã§ã€ã‚ªãƒ—ションも豊富ã«æƒã£ãŸã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã„ç”»åƒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ç”¨ã®jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ ç´„4KBã¨è¶…軽é‡ãªã®ã‚‚ã„ã„ã§ã™ã。 å³ä¸Šã®ã‚ªãƒ¼ãƒˆãƒ—レイã¯çŠ¶æ³ã‚‚表示ã—ã¾ã™ã€‚ Orbitã®å®Ÿè£… 外部ファイル 「jquery.jsã€ã¨å½“スクリプトを外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.orbit.min.js" type="text/javascript"></script> スタイルシートも外部ファイルã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <link rel="stylesheet" href="css/orbit.css"> HTML ç”»åƒã®ã¿ã‚’é…ç½®ã—ãŸã‚·ãƒ³ãƒ—ルãªã‚¹ãƒ©ã‚¤ãƒ‰ã®HTMLã§ã™ã€‚ <div id="featured"
イヌã§ã‚‚ã‚ã‹ã‚‹JavaScript講座
ã“ã®JavaScript講座ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°çŸ¥è˜ãŒãªã„人もサンプルをãŸã 埋ã‚è¾¼ã‚ã°ä½¿ãˆã‚‹ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ステップã®æ®µéšŽã§å°‘ã—ãšã¤JavaScriptを説明ã—ã¦ã„ãã¾ã™ã®ã§ã€å„ステップã®å†…容ãŒã™ã¹ã¦æŠŠæ¡ã§ããªãã¦ã‚‚ã€ã‚ã¨ã§ã‚ã‹ã£ã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ãˆã£ï¼Ÿã¨æ€ã†å€‹æ‰€ãŒã‚ã£ã¦ã‚‚ã€ãã‚Œã¯ãã®ã‚¹ãƒ†ãƒƒãƒ—ã®è¶£æ—¨ã§ã¯ãªã„ã¨ã“ã‚ã§ã™ã®ã§ã€ãã®å€‹æ‰€ã¯ã©ã“ã‹ã®ã‚¹ãƒ†ãƒƒãƒ—ã§èª¬æ˜Žã—ã¾ã™ã€‚æ·±ã考ãˆè¾¼ã¾ãšã«ã€å„ステップをé©å½“ã«ã™ã™ã‚ã¦ã„ã£ã¦ãã ã•ã„。 ãªãŠã€æœ¬è¬›åº§ã®ã‚µãƒ³ãƒ—ルを使ã£ã¦ï¼¨ï¼´ï¼ï¼¬ãƒ•ã‚¡ã‚¤ãƒ«ãŒã¶ã£å£Šã‚ŒãŸã‚Šã€ãƒžã‚·ãƒ³ã‹ã‚‰ç…™ã‚„ç«ãŒå‡ºã¦ã‚‚ä¸€åˆ‡è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“。ãƒãƒƒã‚¯ã‚¢ãƒƒãƒ—ã¯ã“ã¾ã‚ã«ã—ã¾ã—ょã†ã€‚(^^; ã¾ãŸã€ã‚µãƒ³ãƒ—ルを無æ–ã§ä½¿ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦ã˜ã‚‹ã‚ã‘ãŒã‚ã‚Šã¾ã›ã‚“。å‹æ‰‹ã«è¨±å¯ç„¡ã使ã£ã¦ãã ã•ã„。
ã€JavaScript】ã§éŸ³æ¥½ã®å†ç”Ÿãƒ»åœæ¢ã‚’ã—ãŸã„ã®ã§ã™ãŒã€å…·ä½“çš„ãªã‚¹ã‚¯ãƒªãƒ—トを教ãˆã¦ãã ã•ã„。…
ã€JavaScript】ã§éŸ³æ¥½ã®å†ç”Ÿãƒ»åœæ¢ã‚’ã—ãŸã„ã®ã§ã™ãŒã€å…·ä½“çš„ãªã‚¹ã‚¯ãƒªãƒ—トを教ãˆã¦ãã ã•ã„。 ★高ãƒã‚¤ãƒ³ãƒˆï¼†ã‚¤ãƒ«ã‚«å·®ã—上ã’ã¾ã™ã€‚ ******************** 音楽１ã®å†ç”Ÿ 音楽２ã®å†ç”Ÿ 音楽３ã®å†ç”Ÿ 音楽ã®åœæ¢ ******************** 「音楽１ã®å†ç”Ÿã€ã‚’クリックã™ã‚‹ã¨ã€Œ1.midã€ãŒå†ç”Ÿã•ã‚Œã‚‹ã€‚「音楽２ã®å†ç”Ÿã€ã‚’クリックã™ã‚‹ã¨ã€Œ2.midã€ãŒå†ç”Ÿã•ã‚Œã‚‹ã€‚「音楽ã®åœæ¢ã€ã‚’押ã™ã¨å†ç”Ÿã‚¹ãƒˆãƒƒãƒ—ã¨ã„ã£ãŸå…·åˆã§ã™ã€‚オーディオプレーヤーã¯è¡¨ç¤ºã—ãŸãã‚ã‚Šã¾ã›ã‚“。ã²ã¨ã¤ã®ãƒšãƒ¼ã‚¸ã§å…¨ã¦è¡Œã„ãŸã„ã®ã§ã™ãŒå¯èƒ½ã§ã—ょã†ã‹ï¼Ÿ
jQuery 日本語リファレンス
jQueryã¨ã¯ã€JavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’強力ã«æ”¯æ´ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚ $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
スマートフォンサイトã§é›»è©±ç•ªå·ã‚„メールã®è‡ªå‹•ãƒªãƒ³ã‚¯ã‚’解除ã—ãŸã„ – helog
iPhoneã‚„Androidãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã§ã¯ã€é›»è©±ç•ªå·ã‚„メールアドレスらã—ãæ–‡å—列ãŒã‚ã£ãŸå ´åˆã«ã€è‡ªå‹•ã§ãƒªãƒ³ã‚¯ãŒè¨å®šã•ã‚Œã¾ã™ã€‚ リンクをタッãƒã™ã‚‹ã ã‘ã§ã€é›»è©±ã‚’ã‹ã‘ã‚ŒãŸã‚Šãƒ¡ãƒ¼ãƒ«ã‚’é€ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€ä¸€è¦‹ã—ã¦è¦ªåˆ‡ãªæ©Ÿèƒ½ã®ã‚ˆã†ã«æ€ã‚ã‚Œã¾ã™ã€‚ ã—ã‹ã—ã€ã‚ãã¾ã§ãƒ–ラウザãŒè‡ªå‹•ã§æ¤œå‡ºã—ã¦ã„ã‚‹ã®ã§ã€ãã®ç²¾åº¦ã¯å®Œå…¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 é•·ã„メールアドレスãŒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é–¢ä¿‚ã§æŠ˜ã‚Šã‹ãˆã£ã¦ã‚‹å ´åˆã‚„ã€é›»è©±ç•ªå·ã®é–“ã«ãƒã‚¤ãƒ•ãƒ³ã‚„スペースãŒã‚ã‚‹å ´åˆãªã©ã€ãƒ–ラウザãŒãƒªãƒ³ã‚¯ã®ç¯„囲をèªè˜ã§ããšã«ã€èª¤ã£ãŸç•ªå·ã¸ã®é€šçŸ¥ãƒªãƒ³ã‚¯ã¨ãªã‚‹å±é™ºæ€§ãŒã‚ã‚Šã¾ã™ã€‚ 例ãˆã°ã€Œaaaaa.bbbbb.ccc[email protected]ã€ã‚’クリックã™ã‚‹ã¨ã€Œccc[email protected]ã€ãŒã‚ã¦å…ˆã«ã‚»ãƒƒãƒˆã•ã‚Œã‚‹ãªã©ã€å®Ÿéš›èµ·ã“ã‚‹ã¨ãªã‚‹ã¨æã‚ã—ã„事ã§ã™ã。 自動リンクを無効ã«ã™ã‚‹ ã“ã®ã‚ˆã†ãªå•é¡Œã‚’回é¿ã™ã‚‹ãŸã‚ã«ã€è‡ªå‹•ãƒªãƒ³ã‚¯ã‚’無効ã«ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ 電話番
[JS]IE6ã§ã‚‚ブラウザã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’é©ç”¨ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Adapt.js
CSS3ã®Media Queriesを使用ã—ã¦åŒæ§˜ã®ã“ã¨ãŒã§ãã¾ã™ãŒã€CSS3éžå¯¾å¿œãƒ–ラウザã§ã‚‚動作ã—ã€ä¸”ã¤jQueryãªã©ä»–ã®ã‚¹ã‚¯ãƒªãƒ—トã«ä¾å˜ã—ãªã„ã§ãƒ–ラウザã®å¹…ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€ãã®ã‚µã‚¤ã‚ºã«æœ€é©åŒ–ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¿ã‚’ãƒãƒ¼ãƒ‰ã•ã›ã‚‹è¶…軽é‡ï¼ˆ894bytes）ã®ã‚¹ã‚¯ãƒªãƒ—トを紹介ã—ã¾ã™ã€‚ Adapt.js - Adaptive CSS 左：ファイルåã€å³ï¼šã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚º [ad#ad-2] スクリプトã®åˆ¶ä½œã¯ã€Œ960 Grid Systemã€ã¨åŒã˜Nathan Smithæ°ãªã®ã§ã€960 Grid Systemã¨ã®ç›¸æ€§ãŒã‚ˆã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã¾ãŸã€å¯¾å¿œãƒ–ラウザã®è¡¨è¨˜ã¯è¦‹ã‚ãŸã‚Šã¾ã›ã‚“ã§ã—ãŸãŒã€IE6ã§ã‚‚動作ã—ã¾ã—ãŸã€‚ スクリプトã§ã¯ã€ä¸Šè¨˜ã‚ャプãƒãƒ£ã®ã‚ˆã†ã«ã‚µã‚¤ã‚ºã”ã¨ã«ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’指定ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 下記ã¯ã€åŒã‚µã‚¤ãƒˆã‚’ブラ
今ã€çŸ¥ã£ã¦ãŠããŸã„JavaScript
Webブラウザã¨ãƒ†ã‚ストエディタã•ãˆã‚ã‚Œã°ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã—ã¦å®Ÿè¡Œã§ãるシンプルã§æ‰‹è»½ãªè¨€èªžâ€•â€•ã€‚ãã‚ŒãŒJavaScriptãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰ã—ã°ã‚‰ãã®é–“ã€å¤šãã®äººãŒæŠ±ã„ãŸå°è±¡ã§ã—ãŸã€‚ã—ã‹ã—ã€Ajaxã®ç™»å ´ã«ä¼´ã†ç¬¬2ã®ãƒ–ーム以é™ã€ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ããªã£ãŸã‚ˆã†ã«æ„Ÿã˜ã‚‰ã‚Œã¾ã™ã€‚ ãã®å¤§ããªç†ç”±ã®ä¸€ã¤ãŒã€DOM（Document Object Model）ã«åŸºã¥ãJavaScriptプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§ã—ょã†ã€‚DOMã¯ã€HTMLã‚„XMLを構æˆã™ã‚‹å„è¦ç´ ã«å¯¾ã—ã¦ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦å†…部ã®æƒ…å ±ã‚’å–得・変更ã—ãŸã‚Šã€æ©Ÿèƒ½ã‚’利用ã—ãŸã‚Šã™ã‚‹ãŸã‚ã®API（Application Programming Interface）ã§ã™ã€‚DOMを使ã†ã“ã¨ã«ã‚ˆã£ã¦ã€Webページをリãƒãƒ¼ãƒ‰ã›ãšã«Webページを部分的ã«æ›¸ãæ›ãˆãŸã‚Šã€HTMLドã‚ュメントã®æ§‹é€ ã‚’å‹•çš„ã«å¤‰ãˆãŸã‚Šã¨ã„ã£ãŸã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ DOMã¯ä¾¿åˆ©ãªä»•çµ„
[JS]ã“ã‚ŒFlashã˜ã‚ƒãªã„ã®ï¼Ÿã£ã¦ãªã‚‹ãƒŠãƒ“ゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
軽快ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿ƒåœ°ã‚ˆã„ナビゲーションを実装ã™ã‚‹jQueryã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ タイトルã«ã‚る通りã€Flashã¯ä½¿ã‚ãªã„ã§å®Ÿè£…ã•ã‚Œã¦ã¾ã™ã€‚ Animated Content Menu with jQuery デモページ [ad#ad-2] ã¾ãšã¯ã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’å ªèƒ½ãã ã•ã„。 ナビゲーションã®å„ラベルをクリックã™ã‚‹ã¨ã€ãã‚Œã«å¯¾å¿œã—ãŸãƒ‘ãƒãƒ«ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ã¦é–‹ãよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ デモページ 実装 HTMLã®æ§‹é€ ã¯ã€èƒŒæ™¯ç”»åƒã€ã‚°ãƒªãƒƒãƒ‰ã®ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®4ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML：背景 背景ã¯ã€èƒŒæ™¯ç”»åƒã¨ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã¨ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’divè¦ç´ ã§å†…包ã—ã¾ã™ã€‚ <div id="ac_background" class="ac_background"> <img class="ac_bgimage" src="images/D
最近気ã«ãªã£ã¦ããŸjQueryã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¾ã—㟠- ã‚‚ã¨ã¾ã‹æ—¥è¨˜
最近ã€ã€ŒjQueryã€ã¨ã„ã†ã‚ーワードをよã見ã‹ã‘ã¾ã™ã€‚ ã“ã‚Œã£ã¦ä½•ã ã‚？ã¨æ€ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ラリã®ã‚ˆã†ã§ã€‚ ã¦ã“ã¨ã§ã€æœ€è¿‘ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ãŸJQueryã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ jQueryã®æ¦‚è¦ ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€ä»¥ä¸‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ã¯ã˜ã‚ã¦ã®jQuery jQuery仕様関連 一応ã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ jQuery 日本語リファレンス å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã‹ãªï¼Ÿã¨æ€ã£ã¦ã‚‹ã®ã§ã€ã¾ã ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“。 åˆå¿ƒè€…å‘ã‘ã®åŸºç¤ŽçŸ¥è˜ã€åŸºç¤Žè¬›åº§ 最åˆã¯åˆå¿ƒè€…å‘ã‘ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨è‰¯ã•ãã†ã§ã™ã€‚ ASCII.jp：40分ã§è¦šãˆã‚‹ï¼jQuery速習講座一晩ã§è¦šãˆã‚‹jQueryã®é€†å¼•ã基礎サンプル7ã¤jQuery事始ã‚・コピペã«é ¼ã‚‰ãšã€åŸºç¤ŽçŸ¥è˜ã‚’ç†è§£ã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹jQuery 開発者å‘ã‘メモ サンプルã€ãƒ—ラグイン 調ã¹ã¦ã¦
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
finefinefine.jp
{{#tags}}- {{label}}
{{/tags}}