metro-eã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2011å¹´1æœˆ13æ—¥ - ã¯ã¦ãªãƒ

Firefoxå¯¾å¿œï¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’CSS+js+ç”»åƒã§ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã™ã‚‹

â€»æ ªå¼ä¼šç¤¾ãƒžã‚¤ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã¯ã€å®Ÿåœ¨æ€§ã®è¨¼æ˜Žã¨ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ä¿è·ã®ãŸã‚ã€ã‚°ãƒãƒ¼ãƒãƒ«ã‚µã‚¤ãƒ³ã®SSLã‚µãƒ¼ãƒè¨¼æ˜Žæ›¸ã‚’ä½¿ç”¨ã—ã€SSLæš—å·åŒ–é€šä¿¡ã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ æ ªå¼ä¼šç¤¾ãƒžã‚¤ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’ã”è¦§ã„ãŸã ãã«ã¯ã€æœ€æ–°ã®FlashPlayerãŒå¿…è¦ã§ã™ã€‚ ãƒ»æ ªå¼ä¼šç¤¾ãƒžã‚¤ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã‚’ã”è¦§ã„ãŸã ãã«ã¯ã€æœ€æ–°ã®Acrobat ReaderãŒå¿…è¦ã§ã™ã€‚ ãƒ»JavaScriptã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚JavaScriptã®è¨å®šã‚’æœ‰åŠ¹ã«ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ [ã‚µãƒ¼ãƒ“ã‚¹å¯¾å¿œåœ°åŸŸ] åŒ—æµ·é“,é’æ£®,å²©æ‰‹,å®®åŸŽ,ç§‹ç”°,å±±å½¢,ç¦å³¶ æ±äº¬,ç¥žå¥ˆå·,åŸ¼çŽ‰,åƒè‘‰,èŒ¨åŸŽ,æ ƒæœ¨,ç¾¤é¦¬,å±±æ¢¨ æ–°æ½Ÿ,é•·é‡Ž,å¯Œå±±,çŸ³å·,ç¦äº• æ„›çŸ¥,å²é˜œ,é™å²¡,ä¸‰é‡ å¤§é˜ª,å…µåº«,äº¬éƒ½,æ»‹è³€,å¥ˆè‰¯,å’ŒæŒå±± é³¥å–,å³¶æ ¹,å²¡å±±,åºƒå³¶,å±±å£ å¾³å³¶,é¦™å·,æ„›åª›,é«˜çŸ¥ ç¦å²¡,ä½è³€,é•·å´Ž,ç†Šæœ¬,å¤§åˆ†,å®®å´Ž,é¹¿å…å³¶,æ²–ç¸„ ã‚·ã‚¹ãƒ†ãƒ é–‹

metro-e 2011/01/13

ãƒªãƒ³ã‚¯

z-indexã¨positionã®å¤§äº‹ãªé–¢ä¿‚ã€‚

ã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã„ã¦ã€headerã®èƒŒæ™¯ãŒã€main contentséƒ¨åˆ†ã®ä¸Šã«é‡ãªã‚Šã€main contentsã®æ–‡å—ãŒæ¬ ã‘ã¦ã—ã¾ã£ã¦å›°ã‚Šã¾ã—ãŸã€‚ z-indexé–¢ä¿‚ã¨ã¯åˆ†ã‹ã‚Šã¤ã¤ã€è©¦è¡ŒéŒ¯èª¤ã®æœ«ã‚„ã£ã¨è§£æ±ºã—ãŸã®ã§ãƒ¡ãƒ¢ã§ã™ã€‚ position:relative;ç‰ã®æŒ‡å®šï¼ˆstaticä»¥å¤–ã®positionãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã‚’ã™ã‚‹ã¨ã€z-indexã¯é«˜ããªã‚Šã€æŒ‡å®šã—ã¦ã„ãªã„è¦ç´ ã®ä¸Šã«é‡ãªã£ã¦ã—ã¾ã†ã¨ã„ã†ã“ã¨ã§ã€ main contentséƒ¨åˆ†ã®positionã‚’relativeã«ã—ã¦ã‚‚IE6ã¯ãƒ€ãƒ¡ã§ã€çµå±€main contentså†…ã«mainã¨sidebarã¨ã„ã†é ˜åŸŸã‚’floatç‰ã§ä½œã£ã¦ã„ãŸã®ã§ã€ãã‚Œã‚‰ã«ã‚‚position:relative;ã‚’æŒ‡å®šã—ã¦ã‚„ã‚‹ã¨ç„¡äº‹é‡ãªã‚Šé †ã‚’å¤‰æ›´ã§ãã¾ã—ãŸã€‚ z-indexã¨positionã¯ãƒ¯ãƒ³ã‚»ãƒƒãƒˆã§æŒ‡å®šã™ã‚‹ã‚‚ã®ã§ã™ãã€‚ positionã‚’ä½¿ã£ã¦å¤§ãã‚ã®èƒŒæ™¯ã‚’ä½¿

metro-e 2011/01/13

CSS

ãƒªãƒ³ã‚¯

jQuery

What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

metro-e 2011/01/13

ä»Šæ›´ãªãŒã‚‰å…¬å¼

jQuery

ãƒªãƒ³ã‚¯

Firebugã®ä½¿ã„æ–¹ | THE HAM MEDIA

Webã‚µã‚¤ãƒˆåˆ¶ä½œã‚’ã—ã¦ã„ã‚‹æ–¹ã«ã¯ã€å¿…éœ€å“ãªã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚ã‚Œã‚‹ãã‚‰ã„ä¾¿åˆ©ãªFirefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã€ŽFirebugã€ã€‚HTMLã‚„CSSã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’æ‹…å½“ã—ã¦ã„ã‚‹äººã®å¤šãã¯ã„ã‚Œã¦ã„ã‚‹ã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ãã€‚ Firebugã‚’å…¥ã‚Œã¦ä½¿ã£ã¦ã„ã‚‹äººã¯å¤šã„ã‚ˆã†ãªã®ã§ã™ãŒã€æ„å¤–ã¨çŸ¥ã‚‰ã‚Œã¦ã„ãªã„æ©Ÿèƒ½ãŒç››ã‚Šæ²¢å±±ã ã£ãŸã¨ã„ã†ã“ã¨ãŒã€å…ˆæ—¥ã®å‹‰å¼·ä¼šï¼ˆSaCSSï¼‰ã«ã¦ç™ºè¦šï¼ä½¿ã£ã¦ã„ã‚‹ã¨ã„ã£ã¦ã‚‚ã€ä¸€éƒ¨ã®æ©Ÿèƒ½ã«é™ã‚‰ã‚Œã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚ˆã†ãªã®ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€Œãã‚“ãªæ©Ÿèƒ½çŸ¥ã£ã¦ã‚‹ã‚ˆï¼ã€ã¨ã„ã†ãã‚‰ã„ä½¿ã£ã¦ã„ã‚‹äººã‚‚å¤šã„ã¨æ€ã„ã¾ã™ã€‚ã—ã‹ã—ã€ãã‚“ãªã«ä½¿ã„ã“ãªã›ã¦ã„ãªã„ã‚„ã€æ´»ç”¨ã§ãã¦ã„ãªã„ï¼ã¨ã„ã†äººã‚‚å‹‰å¼·ä¼šã®æ™‚ã«å¤šã‹ã£ãŸã‚ˆã†ã«ã€å®Ÿéš›ã«ã‚‚å¤šã„ã¯ãšï¼ Firebugã®ä½¿ã„æ–¹ã‚’ã‚‚ã†å°‘ã—çŸ¥ã£ã¦ã„ã‚‹ã¨ã€Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã®æ™‚ã«ä¾¿åˆ©ã ï¼ã¨æ€ãˆã‚‹å ´é¢ãŒå¤šã€…ã§ã¦ãã‚‹ã®ã§ã€æ˜¯å¦ä»Šå›žã”ç´¹ä»‹ã™ã‚‹æ©Ÿèƒ½ã¯æŠ‘ãˆã¦ãŠãã€æ´»ç”¨ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ HTML&CSSã®ç¢ºèª

metro-e 2011/01/13

Firefox
HTML

ãƒªãƒ³ã‚¯

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

2011å¹´1æœˆ13æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4ä»¶)