ColorBox - ãƒãƒƒãƒ—アップ内を自由ã«è¨å®šã§ãã‚‹æ´»ã‹ã—ãŸjQuery
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
Raphael.JS ã§ãƒ†ãƒˆãƒªã‚¹ã¿ãŸã„ãªã‚²ãƒ¼ãƒ を作ã‚ã†ï¼
四角を書ã„ã¦ã¿ã‚ˆã† <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Sample</title> </head> <body> <script src="raphael.js"></script> <script> var paper = Raphael(0, 0, 500, 500); paper.rect(0, 0, 20, 20); </script> </body> </html> サンプル 四角ã«è‰²ã‚’付ã‘ã¦ã¿ã‚ˆã† <!DOCTYPE html> <html> <head> <meta charset=utf-8> <title>Sample</title> </head> <body> <script src="raphael.js"></script> <script> var paper = Raphael(
ScriptXã§Webページå°åˆ·è¨å®š | ãã˜ã‚‰ã‚·ã‚¹ãƒ†ãƒ 開発
今回ã€ã‚ã‚‹WebページをA4横ã§å°åˆ·ã—ãªã„ã¨ã„ã‘ãªããªã‚Šã¾ã—ãŸã€‚ Webページã®å°åˆ·è¨å®šã¯ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã®ãƒ—リンタã®è¨å®šã«ä¾å˜ã—ã¾ã™ã€‚ å°åˆ·æ™‚ã®ç”¨ç´™æ–¹å‘指定ã¯ã€javascriptã§å¯èƒ½ãªã®ã‹ï¼Ÿã¨èª¿æŸ»ã—ãŸã¨ã“ã‚javascriptã§ã¯ç„¡ç†ã¨åˆ¤æ˜Žã€‚ ã§ã€å¼•ã続ã調査ã—ã¦ã¿ã‚‹ã¨ã€ŒScriptXã€ãªã‚‹ã‚‚ã®ã‚’発見。 IE用ã®ActiveXコントãƒãƒ¼ãƒ«ã§ã€å°åˆ·æ™‚ã®è¨å®šãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ ScriptX本家: http://www.meadroid.com/scriptx/ 上記サイトã®ã€ŒDowonloadã€ã‹ã‚‰ã€Œsmsx.cabã€ã‚’ダウンãƒãƒ¼ãƒ‰ã—ã€Webサーãƒãƒ¼ã®å…¬é–‹é ˜åŸŸã«é…ç½®ã—ã¾ã™ã€‚ ã‚ã¨ã¯ã€å¿…è¦ãªãƒšãƒ¼ã‚¸ã«ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã‚’挿入。 <!-- MeadCo ScriptX --> <object id=factory style="display:none" classid="clsid:1663ed6
JavaScriptパフォーマンス改善（2） document.getElementById()ã‚‚é…ã„ï¼ - sarapapaブãƒã‚°
JavaScriptパフォーマンス改善（2） document.getElementById(è¦ç´ ID)ã‚‚ã€ã§ã‚‰é…ã„ã˜ã‚ƒã‚“ï¼ ã€èª¿æŸ»å¯¾è±¡ã€‘ ブラウザ： IE，Firefox é…ã„JavaScriptコード： document.getElementById(id) 改善速度： IEã¯æ•°ç™¾å€ï¼ˆ200〜2000å€ä»¥ä¸Š)，Firefoxã¯8å€ç¨‹åº¦ 改善方法： 最åˆã«ã™ã¹ã¦ã®è¦ç´ ã‚’ã‚ャッシュã—ã¦ãŠãã€ã‚ャッシュã‹ã‚‰è¦ç´ ã‚’å–å¾—ã™ã‚‹ã€‚ ã€Sample Code】 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>
Web ブラウザã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»é¢ã‚’直接編集ã™ã‚‹æ–¹æ³•
ã“ã‚Œã¯ã™ã”ã„。Web ブラウザã®ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã«ä»¥ä¸‹ã‚’入力㗠Enter ã™ã‚‹ã¨ã€ 今表示ã•ã‚Œã¦ã„る内容を直接編集ã§ãる。Firefox 3.0.14 㨠IE8 ã§å‡ºæ¥ ã‚‹ã“ã¨ã‚’確èªã—ãŸã€‚ javascript:document.body.contentEditable='true'; document.designMode='on'; void 0 WEBブラウザーã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ç”»é¢ã‚’直接編集ã™ã‚‹æ–¹æ³• - sanonosa　システム管ç†ã‚³ãƒ©ãƒ 集 追記(2009-10-04): 戻ã™æ–¹æ³•ã¯ãªã„ã‚‚ã®ã‹ãªã‚。‘false’ 㨠‘off’ ã§ã¯å‡ºæ¥ãªã‹ã£ãŸã€‚ 追記(2009-10-17): 「戻ã™æ–¹æ³•ã€ã¨ã„ã†ã®ã¯ã€ã€Œç·¨é›†ãƒ¢ãƒ¼ãƒ‰ã‹ã‚‰é–²è¦§ãƒ¢ãƒ¼ãƒ‰ã«æˆ»ã™æ–¹æ³•ã€ã®ã“ ã¨ã§ã™ã€‚端折ã£ãŸæ›¸ãæ–¹ã§ã™ã¿ã¾ã›ã‚“ã§ã—ãŸã€‚ã‚‚ã†å°‘ã—楽ãªæ–¹æ³•ãŒè¦‹ã¤ã‹ã£ ãŸã®ã§ã€ä»¥ä¸‹ã«è¿½è¨˜ã—ã¾ã™ã€‚ IE ã§ã¯ã€ä»¥ä¸‹ã‚’入力㗠Enter
Zudolab -
The Search for a Trusted ë©”ì´ì €ì‚¬ì´íŠ¸: A World of Thrills, Security, and Immersive GamingdErsPOId - December 1, 2023In the dynamic world of online entertainment, the quest for finding a trustworthy ë©”ì´ì €ì‚¬ì´íŠ¸, or major site, is akin to navigating through a labyrinthine digital jungle. Much like the adventurers of old scouring for hidden treasures, modern-day netizens are on the lookout for that one platform
jQuery時代ã«ç”Ÿãるクãƒã‚¹ãƒ–ラウザ対応ã®çŸ¥æµ 8é¸ : tech.kayac.com - KAYAC engineers' blog
Auto CopyãŒç§»æ¤ã•ã‚ŒãŸã‚‰chromeã¸ã®ç§»è¡Œã‚’検討ã—ã¾ã™ã€‚agoã§ã™ã€‚ jQueryを使用ã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã‚¯ãƒã‚¹ãƒ–ラウザをæ„è˜ã™ã‚‹ã“ã¨ã¯å°‘ãªããªã‚Šã¾ã—ãŸãŒã€ãã‚Œã§ã‚‚jQueryã§ã¯ã‚«ãƒãƒ¼ã—ãã‚Œãªã„差異ã¯ãã‚Œãªã‚Šã«ã‚ã‚Šã¾ã™ã€‚ ãã“ã§jQueryを使ã£ã¦ã„ã¦ã‚‚ã¯ã¾ã‚‹å¯èƒ½æ€§ã®é«˜ã„クãƒã‚¹ãƒ–ラウザã®tipsã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1 Objectリテラル内ã®æœ«å°¾ã‚«ãƒ³ãƒž { 'key' : 'val', } 上記ã®ã‚³ãƒ¼ãƒ‰ã¯IE6ã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¾ã™ã€‚ o = { ‘key’ : ‘val’, }; ã“ã®å‹•ä½œã¯javascriptã®ä»•æ§˜ã‹ã‚‰ã™ã‚‹ã¨IE6ã®å‹•ä½œãŒæ£ã—ãã€æœ¬æ¥ã§ã‚ã‚Œã°æœ«å°¾ã®ã‚«ãƒ³ãƒžã¯è¨˜è¿°ã§ãã¾ã›ã‚“。 ã“ã‚Œã¯ä»–言語ã§JSONを扱ã†å ´åˆã§ã‚‚エラーã«ãªã‚‹ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。 ã¾ãŸã€Arrayã®å ´åˆã€Fxã¯ä¸Šè¨˜ã¨åŒã˜ãè¦ç´ ãŒå˜åœ¨ã—ãªã„ã‚‚ã®ã¨èªè˜ã—ã¾ã™ãŒã€IE6ã¯æœªå®šç¾©å€¤ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã¨è§£é‡ˆ
jQueryçš„ãªarray like objectã®ä½œã‚Šæ–¹ - KAYAC Engineers' Blog
twitterã¯ã˜ã‚ã¾ã—ãŸã€‚ agoã§ã™ã€‚ å‰å›žã®è¨˜äº‹ï¼ˆjQueryã‚’èªã‚€ãŸã‚ã«çŸ¥ã£ã¦ãŠããŸã„6ã¤ã®çŸ¥è˜ï¼‰ã§ã€ŒjQueryã®thisã¯Arrayã€ã¨æ›¸ã„ãŸã¨ã“ã‚ã€ã€Œæ£ã—ãã¯Array likeã§ã¯ãªã„ã‹ï¼Ÿã€ã¨ã®ã”æŒ‡æ‘˜ã‚’é ‚ããã®ç‚¹èª¿æŸ»ã—ãŸã®ã§ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã€é€šå¸¸javascriptã®objectã¯key（propertyå）ã«æ–‡å—列以外è¨å®šã§ããšã€ãれ以外ã®å¤‰æ•°ï¼ˆobject）を指定ã—ãŸå ´åˆã€.toString()を呼ã³å‡ºã—ã¦æ–‡å—列化ã—ãŸçµæžœã§ä¿å˜ã•ã‚Œã¾ã™ã€‚ （ãŸã ã—ã€{'key':'val'}ã¨ã„ã£ãŸobjectリテラルã®å ´åˆã€key（propertyå）ã«è¨˜è¿°ã•ã‚ŒãŸå†…容ã¯ãã®ã¾ã¾æ–‡å—列ã¨è§£é‡ˆã•ã‚Œã¾ã™ï¼‰ function huga () {} var hoge = {}; hoge[huga] = 1; for (var i in hoge) { console.log(t
FAQå½¢å¼ã«ã‚ˆã‚‹JavaScriptã®æœ¬è³ªãŒã‚ã‹ã‚‹è¶…入門 - 風ã¨å®‡å®™ã¨ãƒ—ãƒã‚°ãƒ©ãƒ
ã¯ã˜ã‚ã« JavaScriptã¯ç°¡å˜ãªè¨€èªžã®ã‚ˆã†ã§ã„ã¦ã€å®Ÿã¯å¥¥ãŒæ·±ãã€åˆå¿ƒè€…ã«ã¨ã£ã¦ãªã‹ãªã‹ãã®æœ¬è³ªãŒã‚ã‹ã‚Šã«ãã„言語ã§ã™ã€‚ã“ã“ã§ã¯ã€JavaScriptã®è¨€èªžçš„エッセンスをç†è§£ã§ãるよã†ãªã‚‚ã®ã‚’FAQå½¢å¼ã§æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ã”æ„見や誤りç‰ã‚’指摘ã—ã¦ã‚‚らãˆãŸã‚‰å¬‰ã—ã„ã§ã™ã€‚ ãªãŠã€JavaScriptã®æ¨™æº–化ã§ã‚ã‚‹ECMAScriptã¯ã€ä»Šå¹´æœ«ã«Edition 5 ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹äºˆå®šã§ã™ã€‚ã“ã®FAQã¯ã€ç¾åœ¨ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹Edition 3をベースã«ã—ã¦ã„ã¾ã™ã€‚ ECMAScriptã£ã¦ä½•ã§ã™ã‹ï¼Ÿ ECMAã¯European Computer Manufacturer Association(欧州電å計算機工æ¥ä¼š)ã®ç•¥ã§ã€æ¨™æº–化団体ã§ã™ã€‚Netscapeã®JavaScriptã¨Microsoftã®JScriptをベースã«ã€ç´”粋ãªãƒ—ãƒã‚°ãƒ©ãƒ 言語部分を抽出ã—ãŸã‚‚ã®ã‚’ECMAã§æ¨™æº–化ã—ãŸã‚¹ã‚¯ãƒªãƒ—
jQuery用プラグイン「Autocompleteã€ã‚’使ã£ã¦å…¥åŠ›è£œå®Œæ©Ÿèƒ½ã‚’実装ã—ã¦ã¿ã‚‹
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Jquery AUTOCOMPLETE</title> <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> <script type="text/ja
IEã€Operaã€Safariã§ã‚‚使ãˆã‚‹ã€ŒFireBugLite〠| RontanBlog
Warning: Use of undefined constant user_level - assumed 'user_level' (this will throw an Error in a future version of PHP) in /home/rontan/www/wp-content/plugins/ultimate_ga_1.6.0.php on line 524 JavaScriptã®ãƒ‡ãƒãƒƒã‚°ãƒ„ールã¨ã—ã¦ã€FireBugを使ã£ã¦ã„る人ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã—ã‹ã—ã€FireFox以外ã®ãƒ–ラウザã§ã¯æœ‰åŠ›ãªãƒ‡ãƒãƒƒã‚°ãƒ„ールãŒãªãå›°ã£ã¦ã„る人も多ã„ã¨æ€ã„ã¾ã™ãŒã€å®Ÿã¯FireBugã¯FireFox以外ã®ãƒ–ラウザã§ã‚‚使用ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚“ã§ã™ã€‚ 「FireBugLite〠http://getfirebug.com/lite.html 機能ã¨ã—ã¦ã¯æœ€æ–°ã®FireBugã‹ã‚‰ã¯åŠ£ã‚Š
Ext Japan - Ext JS / Ext GWTã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãƒ»ã‚µãƒãƒ¼ãƒˆãƒ»ç ”修・コンサルティング
JavaScriptã‚„CSSã®åŸºç¤Žã‹ã‚‰ã‚«ã‚¹ã‚¿ãƒ コンãƒãƒ¼ãƒãƒ³ãƒˆã‚„CSSテーマã®ä½œæˆã¾ã§ã€Ext Japanã®ãƒ¡ãƒ³ãƒãƒ¼ã«ã‚ˆã‚‹å®Ÿè·µçš„ãªãƒˆãƒ¬ãƒ¼ãƒ‹ãƒ³ã‚°ã§ã€é–‹ç™ºãƒãƒ¼ãƒ ãŒé©æ–°çš„ãªã‚¦ã‚§ãƒ–UIを作æˆã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’一斉ã«ç¿’å¾—ã§ãã¾ã™ã€‚(2008å¹´10月サービス開始予定) Ext JS 2.2 Ext JSã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーション開発ã®ãŸã‚ã®ã‚¯ãƒã‚¹ãƒ–ラウザ対応JavaScriptライブラリã§ã™ã€‚ 高性能ã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ 優れãŸè¨è¨ˆã€æ–‡æ›¸ãŒè±Šå¯Œã€æ‹¡å¼µæ€§ã®é«˜ã„コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ« 商用ランセンスã¨ã‚ªãƒ¼ãƒ—ンソースライセンスãŒåˆ©ç”¨ã§ãã¾ã™ The Ajax Experience 2008ã§Ext JSãŒç´¹ä»‹ã•ã‚Œã¾ã™ (英文) July 23, 2008 Jack Slocumã¨ç§ã¯ã€2人ã®é–‹ç™ºè€…ã«ã‚ˆã‚‹æ³¨ç›®ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã«å‚åŠ ã—ã¾ã™ã€‚今月末ã«é–‹å‚¬ã•ã‚Œã‚‹The Aja
codeãªã«ãŒã—ã®ã‚½ãƒ¼ã‚¹è¡¨ç¤ºã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆåˆ¶ä½œãƒŽã‚¦ãƒã‚¦ - WebOS Goodies
個人的ã«ã„ã‚ã„ã‚ã¨ç«‹ã¦è¾¼ã‚“ã§ã„ã¦æ™‚é–“ãŒçµŒã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ 5 月ã«codeãªã«ãŒã—ãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚実ã¯ç§ã‚‚å°‘ã—ãŠæ‰‹ä¼ã„ã•ã›ã¦ã„ãŸã ãã¾ã—ã¦ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãƒ»ãƒŽã‚¦ãƒã‚¦ãƒƒï¼ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è¡¨ç¤ºéƒ¨åˆ†ã® JavaScript ウィジェットを制作ã—ã¾ã—ãŸã€‚ãã“ã§ã€æœ¬æ—¥ã¯æ–°ç‰ˆcodeãªã«ãŒã—ã®ã”紹介ã¨ã¨ã‚‚ã«ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è¡¨ç¤ºã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®åˆ¶ä½œãƒŽã‚¦ãƒã‚¦ãªã©ã‚’公開ã—ã¾ã™ã€‚ã¾ã‚ã€é«˜åº¦ãªã“ã¨ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€å®Ÿä¾‹ã¨ã—ã¦å¤šå°‘ã¯ä¸–ã®ä¸ã®å½¹ã«ã¯ç«‹ã¤ã‹ãªã€ã¨æ€ã£ã¦ã„ã¾ã™ï¼ˆï¼¾ï¼¾ã‚ž ãªãŠã€ã“れらã®æƒ…å ±ã¯ OpenType 様ã®è¨±å¯ã‚’ã„ãŸã ã„ã¦æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±å…¬é–‹ã‚’å¿«è«¾ã—ã¦ãã ã•ã£ãŸ OpenType 様ã«æ„Ÿè¬ã„ãŸã—ã¾ã™ã€‚ codeãªã«ãŒã—ã«ã¤ã„ã¦ã”å˜ã˜ãªã„方もãŠã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ç°¡å˜ã«ã”紹介を。codeãªã«ãŒã—ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢æŠ€è¡“者å‘ã‘ã®ãƒŽã‚¦ãƒã‚¦å…±æœ‰ã‚µãƒ¼ãƒ“スã§ã€ä¸»ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼é–“ã® FAQ コー
スライダーを極ã‚る為ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ã€Œ25+ Awesome Slider Techniquesã€
ç¾åœ¨WEBサイトã§è‰¯ã見ã‹ã‘るテクニックã®ä¸€ã¤ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚å°‘ãªã„スペースã§æ§˜ã€…ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„を見ã›ã‚‰ã‚Œã‚‹ã®ãŒé…力ã§ã™ãŒã€ä»Šæ—¥ã¯ãã‚“ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’集ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ25+ Awesome Slider Techniquesã€ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Scrollable よã見るスライダーã‹ã‚‰ã€å‹•ããŒç‰¹æ®Šãªã‚‚ã®ã‚„インターフェイスãŒå„ªã‚Œã¦ã„ã‚‹ã‚‚ã®æ§˜ã€…ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚今日ã¯ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹æ°—ã«ãªã£ãŸã‚‚ã®ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 詳ã—ãã¯ä»¥ä¸‹ â– jQuery.ScrollTo 様々ãªæ–¹å‘ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹äº‹ãŒã§ãるスライダー応用次第ã§ã¯é¢ç™½ã„ã‚‚ã®ãŒä½œã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 â– Slider Gallery Macライクãªã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã€‚シンプルã«ç¶ºéº—ã«è¦‹ã›ãŸã„ã¨ãã¯è‰¯ã„ã§ã™ã。切り抜ã写真ã¨ã¯ç›¸æ€§ãŒè‰¯ã•ãã†ã§ã™ã€‚ â– Sliding Boxes and Captio
グラフãƒãƒ£ãƒ¼ãƒˆã§ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªç”»åƒã‚’作æˆã™ã‚‹16ã®JavaScriptã€è¨˜äº‹ç´¹ä»‹ã€‘
ãŸã ã®ã‚¯ãƒªãƒƒãƒ—記事ã§ã™ã€‚ ã‚ã¨ã§è‰²ã€…ã„ã˜ã£ã¦ã¿ã‚ˆã†ã¨æ€ã£ãŸè¨˜äº‹ãŒã‚ã£ãŸã®ã§ã”紹介。 ç°¡å˜ã«ã‚°ãƒ©ãƒ•ã‚’作æˆã—ãŸã‚Šã™ã‚‹JavaScriptã§ã™ã€‚ JavaScriptã§ã‚°ãƒ©ãƒ•ç”Ÿæˆ 16 JavaScript Graph Resources For Creating Stylish Chart ã“ã¡ã‚‰ã®è¨˜äº‹ã€‚ jQueryを使ã£ãŸã‚‚ã®ã‚‚æ··ã–ã£ã¦ã¾ã™ãŒã€WEBサイト上ã§ã€å‹•çš„ã«ã‚°ãƒ©ãƒ•ã‚’出力ã§ãるよã†ã«ã™ã‚‹ç‚ºã«ä¾¿åˆ©ã€‚ã‚ã¨ã§ä½¿ãˆãã†ãªã®ã§è¨˜äº‹ã¨ã—ã¦æ®‹ã—ã¦ãŠãã¾ã™ã€‚ 個人的ã«æ°—ã«ãªã£ãŸã®ãŒ2個。 Raphaël―JavaScript Library SVGã¨VMLを利用ã™ã‚‹è»½é‡ãªãƒ™ã‚¯ã‚¿ãƒ¼ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãƒ©ã‚¤ãƒ–ラリ。 ç”»åƒã®å›žè»¢ã‚„å射効果付与ã€ä½œæˆã¾ã§å‡ºæ¥ã‚‹ä»£ç‰©ã€‚ jQuery Sparklines æ•°å—を入れるã¨Canvasã§ã‚°ãƒ©ãƒ•ã‚’書ã„ã¦ãれる。デモページã®ã‚³ãƒ¼ãƒ‰ã‚’見れã°ã‚ã‹ã‚Šã¾ã™ãŒã€ã‚µã‚¤ãƒˆä¸Šã«
HTML5 Web Databaseå‘ã‘ã®O/R Mapper「AlexRecordã€ã‚’書ã„ã¦ã¿ã¾ã—ãŸã€‚ - IT-Walker on hatena
詳ã—ã„ドã‚ュメントã¨ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã‹ã‚‰ã€‚ オンラインデモã¯ã“ã¡ã‚‰ã‹ã‚‰ï¼ˆè¦WebDatabase・・・ã¤ã¾ã‚ŠSafari4ã§è¦‹ã¦ãã ã•ã„） AlexRecordã£ã¦ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚’リリースã—ã¾ã—ãŸã€‚ HTML5 Web Databaseをベースã¨ã—ãŸO/R Mappingフレームワークã§ã™ã€‚ コーディングã«è¦ã—ãŸä½œæ¥æ™‚é–“ã¯1.5æ—¥ãらã„ãªã‚“ã§ã€ãƒ†ã‚¹ãƒˆã¯ç”˜ç”˜ã§ã€ã‚½ãƒ¼ã‚¹ã¯æ±šã„ã§ã™ã€‚。 ãŒã€ä¸€å¿œã„ã‚ã„ã‚ã§ãるよã†ã«ã¯ã—ã¦ã‚ã‚Šã¾ã™ã€‚ テーブルã®ä½œæˆï¼å‰Šé™¤ レコードã®ä¿å˜ï¼å‰Šé™¤ ActiveRecordパターンã®å®Ÿç¾ å‚照先テーブルもプãƒãƒ‘ティã¨ã—ã¦å–å¾—ã§ãる（ç¾åœ¨ã®ã¨ã“ã‚ã€one-to-many関連やé…延フェッãƒã«ã¯å¯¾å¿œã—ã¦ã¾ã›ã‚“） クエリã®æŠ½è±¡åŒ–ã¨æµã‚Œã‚‹ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ イベントãƒãƒ³ãƒ‰ãƒªãƒ³ã‚° AlexRecordを用ã„ã‚‹ã¨ã€æ–‡å—列æ“作をガリガリ行ã£ã¦SQLを組ã¿ç«‹ã¦ã‚‹æ‰‹é–“ãŒå¿…è¦ãªããªã‚Šã€ã‚ª
jQueryã§è¦‹æ „ãˆã®ã„ã„グラフãŒæã‘る「jqPlot〠(1/3)
証券会社ã®ã‚µã‚¤ãƒˆã®æ ªå¼ç›¸å ´ã‚°ãƒ©ãƒ•ã€ã‚·ãƒ§ãƒƒãƒ”ングサイトã®ä¾¡æ ¼å¤‰å‹•ã‚°ãƒ©ãƒ•ãªã©ã€Webサイト上ã«å¤‰å‹•ã™ã‚‹ãƒ‡ãƒ¼ã‚¿ã‚’ã‚‚ã¨ã«ã€å‹•çš„ã«ã‚°ãƒ©ãƒ•ã‚’表示ã—ãŸã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚従æ¥ã¯ã€Flashを使ã†ã“ã¨ãŒå¤šã‹ã£ãŸã§ã™ãŒã€æœ€è¿‘ã¯Ajax/JavaScript人気もã‚ã£ã¦ã€ã€ŒJavaScriptã§ã‚°ãƒ©ãƒ•ã‚‚作æˆã—ãŸã„ã€ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚å¼·ããªã£ã¦ã„ã¾ã™ã€‚ 以å‰ã€æœ¬èªŒã§ã¯ã€HTML5ã®Canvasを使ã£ãŸå›³å½¢ã®ã‚µãƒ³ãƒ—ルã¨ã—ã¦ã€ã‚°ãƒ©ãƒ•ã®æ画方法を紹介ã—ã¾ã—ãŸãŒï¼ˆé–¢é€£è¨˜äº‹ï¼‰ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ•æç”»ã«ç‰¹åŒ–ã—ãŸå°‚用ライブラリ「jqPlotã€ã‚’使ã£ã¦ã€ã‚‚ã£ã¨ç°¡å˜ã«è¦‹æ „ãˆã®ã„ã„グラフを作æˆã™ã‚‹æ‰‹é †ã‚’紹介ã—ã¾ã™ã€‚ グラフã«ç‰¹åŒ–ã—ãŸjQueryプラグイン「jqPlot〠「jqPlotã€ã¯ã‚¯ãƒªã‚¹ãƒ»ãƒ¬ã‚ªãƒãƒæ°ãŒé–‹ç™ºã—ã¦ã„ã‚‹JavaScriptライブラリã§ã€jQueryã®ãƒ—ラグインã¨ã—ã¦å‹•ä½œã—ã¾ã™ã€‚HTML5ã®Canvasを応用ã—ã¦ã‚°ãƒ©ãƒ•ã‚’æã仕
JavaScriptã§CSSを変更ã™ã‚‹éš›ã®äº’æ›è¡¨ - ウダ2 Blog
document.getElementById("test").style.backgroundColor = "#008800"; ã®æ§˜ãªæ„Ÿã˜ã§ä½¿ã†ã€‚ CSS JavaScript 背景
iPhoneライクã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹JavaScript「OverScrollã€
twitter facebook hatena google pocket iPhoneã®ã‚¹ãƒ ーズãªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’JavaScriptライブラリ「jQueryã€ã§å®Ÿç¾ã—ã¾ã—ãŸã€‚ via：OverScroll sponsors 使用方法 OverScrollã‹ã‚‰jquery.overscroll.jsã‚’jQueryã‹ã‚‰jquery.jsをダウンãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.overscroll.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#idå").overscroll(); });
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
IBM Developer
{{#tags}}- {{label}}
{{/tags}}