[B! CSS][javascript] aekaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

aeka id:aeka

CSSã¨javascriptã«é–¢ã™ã‚‹aekaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

${{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é«˜é€ŸåŒ–ã®ãŸã‚ã®ã‚³ãƒ¼ãƒ€ãƒ¼å‘ã‘åœ§ç¸®ãƒ„ãƒ¼ãƒ«ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã¾ã¨ã‚ | ãƒã‚·ãƒ£ãƒã‚°ã€‚
ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã¯ã€ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ãƒ©ãƒ³ãƒ‰ã«é€£ã‚Œã¦ã„ãã¨å¨˜ã«ç´„æŸã—ã¦ã—ã¾ã£ãŸ ishida ã§ã™ã€‚ã„ã£ãŸã„ã©ã®ãã‚‰ã„æ··é›‘ã™ã‚‹ã‚“ã ã‚ã†ã€ã©ã†ã›ã‚ªã‚¤ãƒ©ã¯ãƒ‘ãƒ¬ãƒ¼ãƒ‰ã®å¸å–ã‚Šã§ã²ãŸã™ã‚‰å¾…ã¤ã®ã•ã€‚ ã•ã¦ã•ã¦webé«˜é€ŸåŒ–ã«ãŠã„ã¦ã‚µãƒ¼ãƒãƒ¼å´ã§ã¯ãªããƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å´ã§å¯¾å¿œã§ãã‚‹ã“ã¨ã‚‚ã‹ãªã‚Šã‚ã‚Šã¾ã™ã€‚ CSSã®ã‚»ãƒ¬ã‚¯ã‚¿æ§‹æ–‡ã®æœ€é©åŒ–ã‚„CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã«ã‚ˆã‚‹ç”»åƒãƒªã‚¯ã‚¨ã‚¹ãƒˆæ•°ã®å‰Šæ¸›ã§ã‚ã£ãŸã‚Šã€‚ ä»Šå›žã¯ã€ãƒ•ã‚¡ã‚¤ãƒ«å®¹é‡ã‚’å‰Šæ¸›ã«ç„¦ç‚¹ã‚’å½“ã¦ã¦åœ§ç¸®ãƒ„ãƒ¼ãƒ«ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ Javascriptã®åœ§ç¸® /packer/ http://dean.edwards.name/packer/ ã¨ã£ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªåœ§ç¸®ã‚µãƒ¼ãƒ“ã‚¹ã€‚ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã§é›£èªåŒ–ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Javascriptã¨CSSã®åœ§ç¸® Compress javascript and css http://compressor.ebiene.de/ ã“ã¡ã‚‰ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãª
aeka 2012/04/25
webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

JavaScript

CSS
ãƒªãƒ³ã‚¯
IEã®é€éŽPNG+opacityã®ä¸å…·åˆã‚’æ²»ã™ãƒ¡ãƒ¢ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ é€éŽPNGã®å‡¦ç†ãŒä¸‹æ‰‹ãããªã®ã¯ã€IE6ã ã‘ã§ã¯ãªãã€IE7/8ã‚‚åŒæ§˜ã§ã™ã€‚ IEã§é€éŽPNGã‚’ã‚ã¦ãŸè¦ç´ ã®opacityã‚’å¼„ã‚‹ã¨ã€å‘¨ã‚ŠãŒã‚°ãƒ¬ãƒ¼ãŒã‹ã£ã¦æ±šããªã‚Šã¾ã™ã€‚ ã“ã®ç¾è±¡ã¯ã‚ˆãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šæ—¥ã¯ã“ã®ä¸å…·åˆã®æ²»ã—æ–¹ã®ãƒ¡ãƒ¢ã‚’è¨˜ã—ã¦ãŠãã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ ä¾‹ãˆã°ã€ã“ã‚“ãªã‚³ãƒ¼ãƒ‰ã€‚ <style> .test { display:block; width:128px; height:128px; background:url(./test.png) 0 0 no-repeat transparent; } .test:hover { background-image:url(./test-hover.png); } </style> <a href="#" class="test"></a> test.pngã¨te
aeka 2011/02/23
CSS

jQuery

javascript

é€éŽPNG
ãƒªãƒ³ã‚¯
ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js[to-R]
ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js Webæ¨™æº–ã®æ—¥ã€…ã®ã‚°ãƒ«ãƒ¼ãƒ—ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã§å‡ºãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ¡ˆã‚’ä½œã£ã¦ã„ãä¼ç”»ã€ç¬¬ä¸€å¼¾ã€‚ ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€ CSSã§ã¯è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®heightLine.jsã¯ã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹äº‹ãŒã§ãã€2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„3ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãã‚Œãžã‚Œã®ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’floatã§é…ç½®ã™ã‚‹éš›ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã§ãã‚‹ã€ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãªã‚Šã¾ã™ã€‚ è¨ç½®æ–¹æ³• headè¦ç´ å†…ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸheightLine.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/ja
aeka 2010/12/31
CSS

webåˆ¶ä½œ

javascript
ãƒªãƒ³ã‚¯
ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹è¨€èªžãƒ»ã‚³ãƒžãƒ³ãƒ‰ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ - ITproãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼šITpro
HTMLã‚„CSSã€DynamicHTMLã€JavaScriptã‚„Perlã€Windowsã‚³ãƒžãƒ³ãƒ‰ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚³ãƒžãƒ³ãƒ‰ã€Linuxã‚³ãƒžãƒ³ãƒ‰ã¨ã„ã£ãŸã€Webã‚µã‚¤ãƒˆæ§‹ç¯‰ã‚„ã‚¢ãƒ—ãƒªé–‹ç™ºã«æ¬ ã‹ã›ãªã„ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¨ã‚³ãƒžãƒ³ãƒ‰ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«ã§ã™ã€‚å„é …ç›®ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¯ã€ã‚³ãƒ”ãƒ¼ã—è²¼ã‚Šä»˜ã‘ã¦ã™ãã«ä½¿ãˆã¾ã™ã€‚å…¥é–€è¬›åº§ã‚‚ç”¨æ„ã—ã¾ã—ãŸã€‚ãœã²ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠå½¹ç«‹ã¦ãã ã•ã„ã€‚ HTML HTMLã¯ã€Webã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œæˆã™ã‚‹ä¸Šã§ã€æœ€ã‚‚åŸºç¤Žã¨ãªã‚‹è¨˜è¿°è¨€èªžã§ã™ã€‚å„ã‚¿ã‚°ã«ã¤ã„ã¦ã®æ¦‚è¦ã‚„å±žæ€§ãªã©ã‚’ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦èª¬æ˜Žã—ã¾ã™ã€‚ HTMLãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆ107é …ç›®ï¼‰ HTMLãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ä½¿ã„æ–¹ HTMLå…¥é–€ CSS CSSã¯ã€Webãƒšãƒ¼ã‚¸ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã¨ã„ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®è¦‹æ „ãˆã‚’æŒ‡å®šã™ã‚‹è¨˜è¿°è¨€èªžã§ã™ã€‚å„ã‚¹ã‚¿ã‚¤ãƒ«ã®æ¦‚è¦ã‚„ä½¿ã„æ–¹ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ CSSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ï¼ˆ73é …ç›®ï¼‰ CSSãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã®ä½¿ã„æ–¹ CSSã®åŸº
aeka 2010/12/21
ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

web

html

css

JavaScript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
[CSS]ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤‰æ›´ã™ã‚‹æ–¹æ³•
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤‰æ›´ã—ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ã‚’CSS-Tricksã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Different Stylesheets for Differently Sized Browser Windows ãƒ‡ãƒ¢ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã¨ã€ãã‚Œã«å¿œã˜ã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤‰ã‚ã‚Šã¾ã™ã€‚
aeka 2010/04/28
ãªã‚“ã‹ã™ã”ã„

css

javascript
ãƒªãƒ³ã‚¯
1