[B! javascript][web] katttonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kattton id:kattton

javascriptã¨webã«é–¢ã™ã‚‹katttonã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚³ãƒªã‚¹
â€»æœ¬ãƒšãƒ¼ã‚¸ã¯ã€ã‚¢ãƒ•ã‚£ãƒªã‚¨ã‚¤ãƒˆåºƒå‘Šã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚ˆãä½¿ç”¨ã™ã‚‹è¦ç´ ã®ä¸€ã¤ã«ã‚±ã‚¤ã‚»ãƒ³ã€ç½«ç·šãŒã‚ã‚Šã¾ã™ã€‚Webã‚µã‚¤ãƒˆã‚„ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã‚’ã¯ã˜ã‚ã€ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãƒã‚¹ã‚¿ãƒ¼ã€ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãªã©ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç½«ç·šãŒä½¿ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ æƒ…å ±ã‚’åŒºåˆ‡ã‚‹ãŸã‚ã«ã€æƒ…å ±ã‚’æ•´ç†ã™ã‚‹ãŸã‚ã«ã‚’ã¯ã˜ã‚ã€ã•ã‚‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’é…åŠ›çš„ã«ã™ã‚‹ç½«ç·šã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’å¾¹åº•çš„ã«è§£èª¬ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³æ›¸ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
kattton 2009/05/07
webãƒ‡ã‚¶ã‚¤ãƒ³

javascript

web

css

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚‚ã†ã“ã‚Œã§ååˆ†ã€‚HTMLä¸Šã§ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’è¡¨ç¤ºã™ã‚‹ãªã‚‰Â·Sigma Grid MOONGIFT
æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«ã€ä¸€è¦§è¡¨ã‚’è¡¨ç¤ºã™ã‚‹ã¨ã„ã†å‡¦ç†ã¯å¤šã„ã€‚ãã—ã¦ãã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¸¦ã¹æ›¿ãˆãŸã‚Šã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’å…¥ã‚ŒãŸã‚Šã—ãŸã„ã¨ã„ã†ãƒ‹ãƒ¼ã‚ºã‚‚å¤šãç™ºç”Ÿã™ã‚‹ã€‚å ´åˆã«ã‚ˆã£ã¦ã¯ã‚«ãƒ©ãƒ ã‚’ä¸¦ã¹æ›¿ãˆãŸã‚Šã€ä¸€æ‹¬æ›´æ–°ã—ãŸã„ãªã‚“ã¦è¨€ã‚ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚ ã‚½ãƒ¼ãƒˆã‚‚ä¸¦ã¹æ›¿ãˆã‚‚ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚‚å…¨éƒ¨ã“ã¿ã“ã¿ ãã‚Œã‚’ä¸€ã¤ä¸€ã¤å®Ÿè£…ã—ã¦ã„ã¦ã¯éžå¸¸ã«å·¥æ•°ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã€‚ãã“ã§ä½¿ã„ãŸã„ã®ãŒã“ã®Sigma Gridã ã€‚ Sigma Gridã¯ãƒ†ãƒ¼ãƒ–ãƒ«ã®è¡¨ç¤ºã¨ã‚½ãƒ¼ãƒˆã€ãƒ‡ãƒ¼ã‚¿ç·¨é›†ãªã©ã‚’å¯èƒ½ã«ã™ã‚‹è¶…è±ªè¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚LGPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ä¸‹ã«å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã ã€‚ Sigma Gridã¯ãƒ‡ãƒ¼ã‚¿ã®è¡¨ç¤ºã«éš›ã—ã¦JSONã§ãƒ‡ãƒ¼ã‚¿ã‚’æ¸¡ã™å¿…è¦ãŒã‚ã‚‹ã€‚ãã®ãŸã‚æ—¢å˜ã®ã‚·ã‚¹ãƒ†ãƒ ã«ãã®ã¾ã¾çµ„ã¿è¾¼ã‚€ã®ã¯é›£ã—ã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã ãŒãã®å¤‰æ›´ã—ã¦ã‚‚ã‚ã¾ã‚Šã‚ã‚‹ãƒ¡ãƒªãƒƒãƒˆã‚’äº«å—ã§ãã‚‹ã«é•ã„ãªã„ã€‚ ç”»åƒè¡¨ç¤ºã¨ã‚¯ãƒªãƒƒã‚¯ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ä¾‹ ã¾ãšã‚«ãƒ©ãƒ ã”ã¨
kattton 2008/11/27
ajax

ã“ã‚Œã¯ã™ã”ã„

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

HTML

javascript

library

web
ãƒªãƒ³ã‚¯
HTML5.JP - æ¬¡ä¸–ä»£HTMLæ¨™æº– HTML5æƒ…å ±ã‚µã‚¤ãƒˆ
HTML5.JP ã¯ã€HTML5 ã®å›½å†…ã§ã®æ™®åŠã‚’ç›®æŒ‡ã—ã€2007 å¹´ã«å€‹äººãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦é‹å–¶ãŒé–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚2019 å¹´ç¾åœ¨ã€ã™ã§ã« HTML5 ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«æ´»ç”¨ã•ã‚Œã€å¤šãã®æƒ…å ±ãŒãƒãƒƒãƒˆã‹ã‚‰å…¥æ‰‹ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ å½“ã‚µã‚¤ãƒˆã®å½¹å‰²ã¯çµ‚ãˆãŸã“ã¨ã«åŠ ãˆã€å½“ã‚µã‚¤ãƒˆã®æ›´æ–°ã‚‚ã¾ã¾ãªã‚‰ãšæƒ…å ±ã‚‚å¤ã„ã¾ã¾ã§ã‚ã£ãŸã“ã¨ã‹ã‚‰ã€å½“ã‚µã‚¤ãƒˆã‚’é–‰éŽ–ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ã“ã‚Œã¾ã§å½“ã‚µã‚¤ãƒˆã‚’ã”æ”¯æ´é ‚ãã¾ã—ãŸçš†æ§˜ã«ã¯å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ 2019 å¹´ 8 æœˆ 15 æ—¥ ç®¡ç†äººã‚ˆã‚Š
kattton 2008/11/12
xhtml

webåˆ¶ä½œ

webdesign

webãƒ‡ã‚¶ã‚¤ãƒ³

web

javascript

HTML

è³‡æ–™

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦CSSã‚’å¤‰æ›´ã§ãã‚‹dynamiclayout.js
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦CSSã‚’å¤‰æ›´ã§ãã‚‹dynamiclayout.js Dynamiclayout.jsã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦èªã¿è¾¼ã‚€CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’å¤‰æ›´ã§ãã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãªã‚Šã¾ã™ã€‚ dã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒªã‚ãƒƒãƒ‰ã‚¤ã‚¢ã‚¦ãƒˆã®å¹…ã‚’åºƒã’ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ è¨ç½®æ–¹æ³• ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸdynamiclayout.jsã‚’headè¦ç´ ãªã©ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ <script src="./dynamiclayout.js" type="text/javascript"></script> ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ã«åˆã‚ã›ãŸCSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¾ã™ã€‚ ãã‚Œãžã‚Œã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’èªã¿è¾¼ã‚€éš›ã«ã¯titleå±žæ€§ã« ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ750pxã¾ã§ã®å ´åˆã®ã€Žthinã€ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ950pxã¾ã§ã®å ´åˆã®ã€Žwideã€ ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ãŒ950pxã‚ˆã‚Šå¤§ãã„å ´åˆã®ã€Žwiderã€ ã‚’ä»˜ã‘ã¦èªã¿è¾¼ã¿ã¾ã™ã€‚
kattton 2008/11/09
webãƒ‡ã‚¶ã‚¤ãƒ³

web

javascript

layout

css

ajax

tips
ãƒªãƒ³ã‚¯
Bernie's Better Animation Class
UPDATE! Development progress for Animator.js: 14-Nov-2006: Removed the dependency on prototype.js 16-Nov-2006: Added more transitions - check out the new bouncy and elastic transitions 9-Dec-2006: Allow people to specify CSS class names in CSSStyleSubject. 18 March 2007: improvements to AnimatorChain: seekTo() method (thanks Tim Stone) and resetOnPlay option (thanks Kaspar Fischer); 19 March 2007:
kattton 2008/11/07
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

webdesign

web

prototype.js

library

js

javascript

css

animation
ãƒªãƒ³ã‚¯
GlassBox é€æ˜Žæ„Ÿã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’JavaScriptã§å®Ÿè£…ã™ã‚‹
GlassBox Don't panic! It's not magic. It's only a simple solution to create another kind of boxes. GlassBox is a lightweight JavaScript User Interface (UI) library, which use Prototype and Script.aculo.us for some effects. GlassBox lets you easily build lucent borders, colorful layouts and "Flash-like" effects. The GlassBox library .. is easy to use, customizable and skinnable comes with a coheren
kattton 2008/11/07
ui

prototype.js

library

javascript

glassbox

web
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã«ã‹ã‹ã›ãªã„Firebugã®æ©Ÿèƒ½ã‚’æ›´ã«å¼·åŒ–ã™ã‚‹æ©Ÿèƒ½æ‹¡å¼µé›† | ã‚³ãƒªã‚¹
Sofrware is hardã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€è±Šå¯Œãªé–‹ç™ºãƒ„ãƒ¼ãƒ«ã‚’å‚™ãˆãŸFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŒFirebugã€ã®æ©Ÿèƒ½ã‚’å¼·åŒ–ã™ã‚‹æ©Ÿèƒ½æ‹¡å¼µã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ List of Firebug Extensions Firebug HTML, CSS, JavaScriptãªã©ã‚’ç·¨é›†ãƒ»ãƒ‡ãƒãƒƒã‚°ãƒ»ãƒ¢ãƒ‹ã‚¿ãƒªãƒ³ã‚°ã§ãã‚‹é–‹ç™ºãƒ„ãƒ¼ãƒ«ã€‚ ä»¥ä¸‹ã®å…¨ã¦ã®æ©Ÿèƒ½æ‹¡å¼µã¯ã€Firebugä¸Šã§å‹•ä½œã—ã¾ã™ã€‚ Firebug Firebug -Firefox Add-ons YSlow ãƒšãƒ¼ã‚¸ã®åˆ†æžã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ¬ãƒãƒ¼ãƒˆã€HTTP/HTMLã‚µãƒžãƒªãƒ¼ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ãƒªã‚¹ãƒˆ YSlow YSlow -Firefox Add-ons Firecookie ã‚¯ãƒƒã‚ãƒ¼ã®ç®¡ç† Firecookie Firecookie -Firefox Add-ons FirePHP PHPã®ãƒ‡ãƒãƒƒã‚° FirePHP FirePHP -Firefo
kattton 2008/07/11
ã‚¢ãƒ‰ã‚ªãƒ³

ãƒ„ãƒ¼ãƒ«

webåˆ¶ä½œ

webdesign

web

plugin

javascript

firefoxæ‹¡å¼µ

firefox

firebug
ãƒªãƒ³ã‚¯
1