[B! IE] kbysbtmupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kbysbtmup id:kbysbtmup

IEã«é–¢ã™ã‚‹kbysbtmupã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (125)

${{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}}

ã€Google Chromeï¼Firefoxã€‘ã§PCã‹ã‚‰ã‚¹ãƒžãƒ›ã®è¡¨ç¤ºã‚’ã‹ã‚“ãŸã‚“ã«ç¢ºèªã™ã‚‹æ–¹æ³•ï¼ï¼ˆ2020å¹´ç‰ˆï¼‰ - makeshopã‚µãƒãƒ¼ãƒˆ
ã€Google Chromeï¼Firefoxã€‘ã§PCã‹ã‚‰ã‚¹ãƒžãƒ›ã®è¡¨ç¤ºã‚’ã‹ã‚“ãŸã‚“ã«ç¢ºèªã™ã‚‹æ–¹æ³•ï¼ï¼ˆ2020å¹´ç‰ˆï¼‰ ã‚¹ãƒžãƒ›ãƒ„ãƒ¼ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å…¬é–‹æ—¥ï¼š2020.01.17 ã“ã‚“ã«ã¡ã¯ã€makeshopã®ã‚ã‚‰ã„ã§ã™ã€‚ ã„ã¤ã‚‚makeshopã‚’ã”åˆ©ç”¨ã„ãŸã ãã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ä»Šå›žã¯PCã‹ã‚‰ã€ã‹ã‚“ãŸã‚“ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®è¡¨ç¤ºã‚’ç¢ºèªã™ã‚‹æ–¹æ³•ï¼ˆ2020å¹´ç‰ˆï¼‰ã‚’ã”ç´¹ä»‹ã—ã¾ã™ï¼ ã“ã‚“ãªãŠæ‚©ã¿ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ãƒ»PCã‹ã‚‰ã‹ã‚“ãŸã‚“ã«ã‚¹ãƒžãƒ›ã®è¡¨ç¤ºã‚’ç¢ºèªã—ãŸã„ ãƒ»iPhoneã‚„Androidç«¯æœ«ãªã©ã€è‡ªåˆ†ãŒæŒã£ã¦ãªã„ã‚¹ãƒžãƒ›ã®è¡¨ç¤ºã‚‚è¦‹ãŸã„ ã€Google Chromeï¼Firefoxã€‘ã§ PCã‹ã‚‰ã‚¹ãƒžãƒ›ã®è¡¨ç¤ºã‚’ã‹ã‚“ãŸã‚“ã«ç¢ºèªã™ã‚‹æ–¹æ³•ï¼ï¼ˆ2020å¹´ç‰ˆï¼‰ ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€ã€Žãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼(é–‹ç™ºè€…)ãƒ„ãƒ¼ãƒ«ã€ã‚„ ã€Žæ‹¡å¼µæ©Ÿèƒ½ã€ã‚’ä½¿ã£ã¦è¡¨ç¤ºã‚’ã‚¨ãƒŸãƒ¥ãƒ¼ãƒ¬ãƒ¼ãƒˆã—ã¦ã‚¹ãƒžãƒ›è¡¨ç¤ºã‚’ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
kbysbtmup 2016/05/25
ãƒ–ãƒ©ã‚¦ã‚¶

ç¢ºèª

ã‚¹ãƒžãƒ›

ã‚µãƒãƒ¼ãƒˆ

ãƒ„ãƒ¼ãƒ«

ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆ

iPhone

Chrome

IE

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
css - ãƒ«ãƒ“ã‚‚CSSã§ : 404 Blog Not Found
2006å¹´05æœˆ31æ—¥00:55 ã‚«ãƒ†ã‚´ãƒªTips css - ãƒ«ãƒ“ã‚‚CSSã§ ã“ã‚Œã€å®Ÿã¯CSSã§ãªã‚“ã¨ã‹ãªã‚Šã¾ã™ã€‚ æªœå±±æ£å¹¸ã®ã‚ãƒžã‚¤ãƒ©é£¼è‚²è¨˜ - ãƒ«ãƒ“ï¼ˆãµã‚ŠãŒãªï¼‰ã‚¿ã‚°ã®è©± IE6ã§ã¯æœŸå¾…é€šã‚Šã®è¡¨ç¤ºï¼ˆãµã‚ŠãŒãªã®ã€ŒãŠã³ãŸã ã€ãŒã€Œå¤¥ã€ã®ä¸Šã«ä¹—ã‚‹ï¼‰ãŒå¾—ã‚‰ã‚Œã¾ã™ã€‚FireFoxã¯ãƒ€ãƒ¡ã§ã—ãŸã€ ä»¥ä¸‹ã‚’ã”è¦§ãã ã•ã„ã€‚ å¤¥ ï¼ˆãŠã³ãŸã ï¼‰ ã—ã„æ•°ã®Webãƒšãƒ¼ã‚¸ ã©ã†ã§ã™? å½“blogã§ã¯ã€ç¾åœ¨ä»¥ä¸‹ã‚’CSSã«åŠ ãˆã¦rubyã‚’å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚IEã§ã‚‚Safariã§ã‚‚Firefoxã§ã‚‚ã¡ã‚ƒã‚“ã¨è¦‹ãˆã¾ã™ã€‚ /* * based upon * http://www.akatsukinishisu.net/itazuragaki/2001_10.html#ruby_for_Mozilla_3 */ ruby { display:inline-table; text-align:center; white-space:
kbysbtmup 2011/10/27
Webåˆ¶ä½œ

ruby

ãƒ«ãƒ“

èªã¿ãŒãª

IE

Firefox

CSS

Tips
ãƒªãƒ³ã‚¯
Google +1(ãƒ—ãƒ©ã‚¹ãƒ¯ãƒ³)ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãªã„ã¨ãã®å¯¾å‡¦æ³• & ã‚¯ãƒªãƒƒã‚¯è¨ˆæ¸¬æ–¹æ³•
Google +1ãƒœã‚¿ãƒ³ã®å…¬é–‹ã«ã¤ã„ã¦æ›¸ã„ãŸæ˜¨æ—¥ã®è¨˜äº‹ã¯ã€ã‚‚ã®çã—ã•ã‚‚æ‰‹ä¼ã£ã¦ã‹100ãƒ—ãƒ©ã‚¹ãƒ¯ãƒ³ä»¥ä¸Šã‚’ç²å¾—ã—ã¾ã—ãŸã€‚ +1ã—ã¦ãã ã•ã£ãŸèªè€…ã®ã¿ãªã•ã‚“ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ 1ãƒ¶æœˆå¾Œã«ã¯ã€+1ã®ã“ã¨ãªã©ã™ã£ã‹ã‚Šå¿˜ã‚ŒåŽ»ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹å¯èƒ½æ€§ã‚‚ååˆ†ã«ã‚ã‚‹ã®ã§ã€æ—¬ãªä»Šã®ã†ã¡ã«+1ã®è¨˜äº‹ã‚’ä»Šæ—¥ã‚‚ç¶šã‘ã¦æŠ•ç¨¿ã—ã¾ã™ã€‚ ãƒˆãƒ”ãƒƒã‚¯ã¯2ã¤ã‚ã‚Šã¾ã™ã€‚ +1ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãªã„ã¨ãã®å¯¾å‡¦æ–¹æ³• Googleã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹ã§ã®+1ãƒœã‚¿ãƒ³åˆ©ç”¨çŠ¶æ³ã®è¨ˆæ¸¬è¨å®š +1ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œãªã„ã¨ãã®å¯¾å‡¦æ–¹æ³• ä¸€éƒ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ã€+1ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ã“ã‚Œã¯+1ãƒœã‚¿ãƒ³ã‚’è¡¨ç¤ºã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®å½¢å¼ã«å¯¾å¿œã—ã¦ã„ãªã„ã‹ã‚‰ã®ã‚ˆã†ã§ã™ã€‚ HTML5ã§è¨˜è¿°ã™ã‚‹ã“ã¨ã§å¯¾å¿œã§ãã¾ã™ã€‚ ä¸‹ã¯æ¨™æº–ã®ã‚³ãƒ¼ãƒ‰ã§ã™ã€‚
kbysbtmup 2011/10/25
+1

Google

ã‚½ãƒ¼ã‚·ãƒ£ãƒ«

ãƒœã‚¿ãƒ³

ãƒ–ãƒã‚°

Tips

IE

HTML5
ãƒªãƒ³ã‚¯
IEãƒã‚°ï¼šimgè¦ç´ ãªã©ã®ç½®æ›è¦ç´ ã‚’å«ã‚€è¡Œã®å‰å¾Œã§ã¯ã€line-heightãŒæŒ‡å®šã—ãŸå€¤ã‚ˆã‚Šå°ã•ããªã‚‹
IEãƒã‚°ï¼šimgè¦ç´ ãªã©ã®ç½®æ›è¦ç´ ã‚’å«ã‚€è¡Œã®å‰å¾Œã§ã¯ã€line-heightãŒæŒ‡å®šã—ãŸå€¤ã‚ˆã‚Šå°ã•ããªã‚‹ è¡Œé–“ã‚’æŒ‡å®šã—ã¦ã„ã‚‹ã«ã‚‚é–¢ã‚ã‚‰ãšã€imgãªã©ã®ç½®æ›è¦ç´ ãŒå«ã¾ã‚Œã‚‹ã¨ã€WinIEã§line-heightã§æŒ‡å®šã—ãŸå€¤ã‚ˆã‚Šå°ã•ããªã‚‹ã¨ã„ã†ãƒã‚°ã€‚ line-heightã®å€¤ãŒã‚ã¾ã‚Šå¤§ãããªã‘ã‚Œã°ã•ã—ã¦æ°—ã«ã¯ãªã‚‰ãªã„ã®ã§ã™ãŒã€line-height:200%ãªã©å¤šå°‘å¤§ãã‚ã«æŒ‡å®šã—ã¦ã„ã‚‹å ´åˆã ã¨ã€ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³å´©ã‚ŒãŒã‚„ã£ã‹ã„ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ï¼š è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚è¡Œé–“ãŒIEé™å®šã§ç‹ããªã‚Šã¾ã™ã€‚
kbysbtmup 2011/10/13
IE

IE6

CSS

ãƒã‚°

img

ç”»åƒ

Webåˆ¶ä½œ

è¡Œé–“

line-height
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼è¦šãˆæ›¸ããƒŽãƒ¼ãƒˆ IE6ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ã‚‹ã¨border(ãƒœãƒ¼ãƒ€ãƒ¼)ãŒæ¶ˆãˆã‚‹ç¾è±¡ã€‚
CSSã‚’ä½¿ã£ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãªã©ã‚’è¡Œã£ã¦ã„ã‚‹ã¨ã€borderæŒ‡å®šã®CSSãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œã§æ¶ˆãˆã¦ã—ã¾ã£ãŸã‚Šã€ãƒžã‚¦ã‚¹ã§ãªãžã£ãŸã‚‰å‡ºã¦ããŸã‚Šã¨ã€æŒ™å‹•ãŒãŠã‹ã—ããªã‚‹ã“ã¨ãŒã‚ã‚‹ã€‚ ãƒ•ãƒ«CSSã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹æ–¹ã¯ã€éé‡ã•ã‚Œã¦ã‚‹æ–¹ã‚‚å¤šã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ è§£æ±ºç–ã¯è‡³ã£ã¦ç°¡å˜ã§ã€ä»¥å‰ã«ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã—ãŸã€ŒIE6ã§æ–‡å—é–“ãŒã‚®ãƒ¥ã£ã¨è©°ã¾ã£ãŸã‚Šã™ã‚‹ç—‡çŠ¶ã€ã®è§£æ±ºç–ã¨åŒã˜ã§ã™ã€‚åŒã˜æ¡ä»¶ã§ç™ºç”Ÿã™ã‚‹ãƒã‚°ã§ã™ãã€‚ è‡ªåˆ†ã®å ´åˆã¯ã€IE6ã§æ–‡å—ãŒè©°ã¾ã‚‹ãƒã‚°ã«ã€åˆã‚ã›æŠ€ã§ç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸã€‚ åˆ†ã‹ã‚Šã‚„ã™ãè¨€ãˆã°ã€ç·šï¼ˆborderï¼‰ã‚’ä¹—ã›ã‚‹è£åœ°ãŒã„ã‚‹ã£ã¦ã“ã¨ã€‚ è¦ç´ ã‚’åŒ…ã‚“ã§ã„ã‚‹è¦ªã‚¿ã‚°è‡ªä½“ã«ã€Œbackground-color:#FFFFFF;ã€ãªã©ã®ãã®ãƒœãƒƒã‚¯ã‚¹èƒŒæ™¯ã«ã‚ã‚ã›ãŸè‰²ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§æ”¹å–„ãŒã§ãã‚‹ã€‚ ã‚‚ã†ã²ã¨ã¤ã®è§£æ±ºç–ã¯ã€ãã®ãƒœãƒƒã‚¯ã‚¹ã‚µã‚¤ã‚ºã‚’ã€Œwidthã€ã§ã‚µã‚¤ã‚ºæŒ‡å®šã€‚ ã©ã¡ã‚‰ã‹ç‰‡æ–¹ã§ã‚‚ç›´ã‚Šã¾ã™ã€‚ ã€ŒèƒŒæ™¯ãŒãªã„
kbysbtmup 2011/09/27
IE6

IE

CSS

ãƒã‚°

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

border

æž

ç·š

width

å¹…
ãƒªãƒ³ã‚¯
[CSS] å®Œå…¨å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼/ãƒ•ãƒƒã‚¿ãƒ¼ã®ä½œã‚Šæ–¹ (IE6å¯¾å¿œ) | wembley
ã“ã®blogã®ä¸‹éƒ¨ã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ã®ã‚ˆã†ã«ã€ä¸Šä¸‹ã«å®Œå…¨ã«å›ºå®šã•ã‚ŒãŸ100%ã®ãƒ•ãƒƒã‚¿ãƒ¼(ãƒ˜ãƒƒãƒ€ãƒ¼)ã‚’CSSã ã‘ã§å®Ÿç¾ã™ã‚‹æ–¹æ³•ã€‚ Fixed Header & Footer Layout: A Beginnerâ€™s Guide | Noobcube [CSS]100%å¹…ã®ãƒ˜ãƒƒãƒ€ã¨ãƒ•ãƒƒã‚¿ã‚’å¤©åœ°ã«å›ºå®šè¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§åŒã˜ã‚ˆã†ã«å›ºå®šã•ã›ã‚‹ã®ã¯ãªã‹ãªã‹ã«éª¨ã®æŠ˜ã‚Œã‚‹ä½œæ¥ã§ã™ã€‚ ä¸Šè¨˜ã®å‚ç…§å…ƒã‚’å«ã‚è‰²ã€…ãªã¨ã“ã‚ã§å›ºå®šãƒ˜ãƒƒãƒ€ãƒ¼ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç´¹ä»‹ã•ã‚Œã¦ã¾ã™ã€‚ãŒã€å¤šãã®å ´åˆãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚ˆã£ã¦ã‚«ã‚¯ã¤ããŒå‡ºãŸã‚Šå¤‰ãªã‚¹ãƒšãƒ¼ã‚¹ãŒç©ºã„ã¦ã—ã¾ã£ã¦ã„ãŸã‚Šã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒéš ã‚Œã¦ã—ã¾ã£ã¦ã„ãŸã‚Šã¨ã€ä½•ã‹ã—ã‚‰å•é¡ŒãŒã‚ã£ã¦ã§ã™ãã€‚ è‰²ã€…è©¦ã—ãŸä¸Šã§ä¸€ç•ªå•é¡Œã®ãªã„ã€ã»ã¼å®Œå…¨ã«ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ä»•æ§˜ã®å®Ÿè£…æ–¹æ³•ãŒã“ã‚Œã€‚ position: fixedã§ã²ã¨ã¾ãšå›ºå®š ã¾ãšã€ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶(Firefoxã€IE7ä»¥é™ã€
kbysbtmup 2011/09/12
fixed

position

IE6

IE

Webåˆ¶ä½œ

å›ºå®š

ãƒ˜ãƒƒãƒ€ãƒ¼

ãƒ•ãƒƒã‚¿ãƒ¼

CSS
ãƒªãƒ³ã‚¯
olã‚¿ã‚°ã§ã‚«ãƒƒã‚³æ•°å—ã‚„ä¸¸æ•°å—ã‚’ä½¿ã† | A Day in the Life
July 30, 2009 ç•ªå·ä»˜ãã®ç®‡æ¡æ›¸ãã¯é€šå¸¸olã‚¿ã‚°ã‚’ä½¿ã£ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¾ã™ãŒã€å…¥ã‚Œåã«ãªã£ãŸå ´åˆã¨ã‹ã«ã‚«ãƒƒã‚³æ•°å—ã®ç•ªå·ã‚„ä¸¸æ•°å—ã‚’åˆ©ç”¨ã—ãŸããªã£ãŸã“ã¨ã¯ç„¡ã„ã§ã—ã‚‡ã†ã‹ï¼Ÿåƒ•ã®å ´åˆã¯å¾€ã€…ã«ã—ã¦ã‚ã‚Šã¾ã™ã€‚ ãªã®ã§ä»Šå›žã¯ol liã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸå ´åˆã‚«ãƒƒã‚³æ•°å—ã‚„ä¸¸æ•°å—ã‚’è¡¨ç¤ºã•ã›ã¾ã™ã€‚ ol liã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã§ã‚ã‚‹decimalã‚’éžè¡¨ç¤ºã«ã—ã¦ã‚«ãƒƒã‚³æ•°å—ã‚„ä¸¸æ•°å—ã‚’liå†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ãã—ã¦spanã‚¿ã‚°ã§ããã‚Šã€CSSã§æ•´å½¢ã—ã¦è¡¨ç¤ºã™ã‚‹ã¨è¨€ã†æ–¹æ³•ã§ã™ã€‚ View Demo ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ XHTML <ol class="num1"> <li><span>[1]</span>ã‚«ãƒƒã‚³æ•°å—ã‚’ãƒªã‚¹ãƒˆã§ä½¿ã†</li> <li><span>[2]</span>ã‚«ãƒƒã‚³æ•°å—ã‚’ãƒªã‚¹ãƒˆã§ä½¿ã†</li> <li><span>[3]</span>ã‚«ãƒƒã‚³æ•°å—ã‚’ãƒªã‚¹ãƒˆã§ä½¿ã†</li> </
kbysbtmup 2011/07/22
CSS

IE

ç®‡æ¡æ›¸ã

æ•°å—

Webåˆ¶ä½œ

ãƒ–ãƒã‚°

Tips
ãƒªãƒ³ã‚¯
SnapCrab for Windows - ãƒžã‚¦ã‚¹ã²ã¨ã¤ã§ã€å³ã‚ãƒ£ãƒ—ãƒãƒ£ã€‚
ç”¨é€”ã«åˆã‚ã›ã¦é¸ã¹ã‚‹ æ’®å½±æ–¹æ³• SnapCrabã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ä¸Šã®ã‚ã‚‰ã‚†ã‚‹å ´æ‰€ã‚’æ’®å½±ã—ã€PNGã‚„JPEGã€ãã—ã¦GIFãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦ä¿å˜ã§ãã‚‹ã‚ãƒ£ãƒ—ãƒãƒ£ã‚½ãƒ•ãƒˆã§ã™ã€‚ç”»é¢å…¨ä½“ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚„æŒ‡å®šç¯„å›²ã®ç”»åƒã‚’è‡ªåœ¨ã«æ’®å½±ã§ãã¾ã™ã€‚ ç”»é¢å…¨ä½“ã‚‚ æŒ‡å®šé ˜åŸŸã‚‚è‡ªåœ¨ã«æ’®å½± æ’®å½±ã¯ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«æ“ä½œã€‚ Sleipnirã¨é€£æºã™ã‚‹ã“ã¨ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚‚æ’®å½±ã§ãã¾ã™ã€‚ è¨å®šãƒ€ã‚¤ã‚¢ãƒã‚°ã§ã€å¤šå½©ãªè¨å®šé …ç›®ã‚’è‡ªç”±ã«çµ„ã¿åˆã‚ã›ã‚‰ã‚Œã‚‹ã®ã§ã€ ç›®çš„é€šã‚Šã®ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå®Ÿç¾ã—ã¾ã™ã€‚ åŠé€æ˜Žã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’ ç¾Žã—ãã‚ãƒ£ãƒ—ãƒãƒ£ Aero Glassã®åŠé€æ˜Žã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚‚ã€å½±ä»˜ãã§ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå¯èƒ½ã§ã™ã€‚ èƒŒæ™¯ãŒæ˜ ã‚Šè¾¼ã¾ãªã„ã‚ˆã†è¨å®šã‚’ã™ã‚‹ã“ã¨ã§ã€ ã‚ã–ã‚ã–æ’®å½±ã®ãŸã‚ã«ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚’ç‰‡ä»˜ã‘ãªãã¦ã‚‚ã€ç¾Žã—ãã‚ãƒ£ãƒ—ãƒãƒ£ã§ãã¾ã™ã€‚ æ’®å½±ã¯ã€ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã ã‘ã®ã‚·ãƒ³ãƒ—ãƒ«æ“ä½œã€‚ Slei
kbysbtmup 2011/06/15
PNG

IE

ã‚ãƒ£ãƒ—ãƒãƒ£

ãƒ•ãƒªãƒ¼

ãƒ„ãƒ¼ãƒ«

ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢
ãƒªãƒ³ã‚¯
2010å¹´ç‰ˆãƒ–ãƒ©ã‚¦ã‚¶æ¯”è¼ƒã€‚ä½Žã‚¹ãƒšãƒƒã‚¯ãªXPãƒžã‚·ãƒ³ã§ãƒ™ã‚¹ãƒˆãªãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã‚Œã‹ï¼Ÿ
| äººæ°—ãƒšãƒ¼ã‚¸ |Â ãŠã™ã™ã‚è¨˜äº‹ |Â å®šç•ªãƒ„ãƒ¼ãƒ« | 2010å¹´ç‰ˆãƒ–ãƒ©ã‚¦ã‚¶æ¯”è¼ƒã€‚ä½Žã‚¹ãƒšãƒƒã‚¯ãªXPãƒžã‚·ãƒ³ã§ãƒ™ã‚¹ãƒˆãªãƒ–ãƒ©ã‚¦ã‚¶ã¯ã©ã‚Œã‹ï¼Ÿ ä»£è¡¨çš„ãªãƒ–ãƒ©ã‚¦ã‚¶ã‚’æ¯”è¼ƒã—ãŸçµæžœã‚’ç´¹ä»‹ã™ã‚‹ã¨ã¨ã‚‚ã«ã€è»½é‡åŒ–ï½¥é«˜é€ŸåŒ–Tipsã®ç´¹ä»‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã®è¨å®šã‚’è¦‹ç›´ã™ã ã‘ã§ã‚‚ã€Windowsã®é«˜é€ŸåŒ–ã¯å¯èƒ½ã§ã™ã€‚
kbysbtmup 2011/05/23
Chrome

IE8

IE

Opera

ã¾ã¨ã‚

ãƒ–ãƒ©ã‚¦ã‚¶

æ¯”è¼ƒ

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQueryã‚’ä½¿ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -G5 Framework
CSSã®ã‚ãƒ£ãƒƒã‚·ãƒ¥å¯¾ç– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ä¸é€æ˜Ž ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰CSSã€å†åˆ©ç”¨å¯èƒ½ãªclass ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«å›ºå®šè¡¨ç¤ºã•ã‚Œã‚‹Sticky Footer CSSï¼ˆReseté–¢é€£ï¼‰ ãƒªã‚»ãƒƒãƒˆã¯HTML5ãƒ™ãƒ¼ã‚¹ã®Eric Meyer's Reset Reloaded ãƒ•ã‚©ãƒ³ãƒˆã®ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¹ãƒ ãƒ¼ã‚¸ãƒ³ã‚° ãƒ•ã‚©ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ ãƒ©ãƒ™ãƒ«ã®ä¸€åˆ—åŒ– ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªã‚¤ãƒ³ãƒ—ãƒƒãƒˆè¦ç´ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼å¯¾å¿œ IE7ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒªã‚µã‚¤ã‚¸ãƒ³ã‚° å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ« X(HTML) ã‚¯ãƒªãƒ¼ãƒ³ãªã‚³ãƒ¼ãƒ‰æ§‹é€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å¹…ã¯940px Fåž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®å‰Šé™¤ æœ€æ–°ã®IEã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ jQuey 1.5.2ãƒ™ãƒ¼ã‚¹ï¼ˆ1.4.4ã‚‚å¯ï¼‰ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¸ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ« HTML5ã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼æ©Ÿèƒ½ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
kbysbtmup 2011/05/17
HTML5

HTML

IE

CSS

jQuery

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

JavaScript

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ ªå¼ä¼šç¤¾ã‚µãƒ ãƒ©ã‚¤ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ã€€ï½œã€€ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€€-ã€€ã€OSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼å›½å†…ã‚·ã‚§ã‚¢èª¿æŸ»ã€‘ã€œFireFox3ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒFireFox4ã«ç§»è¡Œã—å§‹ã‚ã‚‹ã€œã€€2011å¹´4æœˆåº¦ç™ºè¡¨
æ ªå¼ä¼šç¤¾ã‚µãƒ ãƒ©ã‚¤ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ã¯ã€æä¾›ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚ã‚‹ã‚¢ã‚¯ã‚»ã‚¹è§£æžãƒ„ãƒ¼ãƒ«ã€Žå¿è€…ã‚¢ã‚¯ã‚»ã‚¹è§£æžã€ã‚’ç”¨ã„ã¦é›†è¨ˆã—ãŸ2011å¹´4æœˆã®ãƒ‡ãƒ¼ã‚¿ã‚’ã‚‚ã¨ã«ã€æ—¥æœ¬å›½å†…ã«ãŠã‘ã‚‹OSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ã‚·ã‚§ã‚¢ã‚’ç‹¬è‡ªèª¿æŸ»ã„ãŸã—ã¾ã—ãŸã€‚ ãƒ—ãƒ¬ã‚¹ãƒªãƒªãƒ¼ã‚¹ 2011å¹´5æœˆ10æ—¥ æ ªå¼ä¼šç¤¾ã‚µãƒ ãƒ©ã‚¤ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â” FireFox3ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒFireFox4ã«ç§»è¡Œã—å§‹ã‚ã‚‹ ã€œ2011å¹´4æœˆåº¦ã€€OSãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®å›½å†…ã‚·ã‚§ã‚¢ã‚’ç™ºè¡¨ã€œ â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â”â” æ ªå¼ä¼šç¤¾ã‚µãƒ ãƒ©ã‚¤ãƒ•ã‚¡ã‚¯ãƒˆãƒªãƒ¼ï¼ˆæœ¬ç¤¾ï¼šæ±äº¬éƒ½æ¸‹è°·åŒºã€€ä»£è¡¨å–ç· å½¹ç¤¾é•·ï¼šæŸæœ¨è¬™ä¸€ï¼‰ã§ã¯ä»Šå›žã€2011å¹´4æœˆåº¦ã®ã€OSãƒ»ã‚¦ã‚§ãƒ–ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼å›½å†…ã‚·ã‚§ã‚¢èª¿æŸ»ã€‘ã‚’å®Ÿæ–½ã„ãŸã—ã¾ã—ãŸã€‚ ä»¥ä¸‹ã«ãã®çµæžœã‚’ç™ºè¡¨ã„ãŸã—ã¾ã™ã€‚ â—†èª¿æŸ»å†…å®¹ å›½å†…æœ€å¤§ç´šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ã‚’èª‡ã‚‹é«˜æ©Ÿèƒ½ã‚¢
kbysbtmup 2011/05/16
Windows

Firefox

OS

ãƒ–ãƒ©ã‚¦ã‚¶

IE

Safari

Webåˆ¶ä½œ

ã‚·ã‚§ã‚¢

Mac
ãƒªãƒ³ã‚¯
IE9ã®ãƒ•ã‚©ãƒ³ãƒˆå¤‰æ›´æ–¹æ³•2:MS Pã‚´ã‚·ãƒƒã‚¯ã«å¤‰æ›´ï½¥æœ€é©åŒ–ã™ã‚‹
body,div,p,li{margin:0 0; text-align:left; font-family:"ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯",FixedSys; letter-spacing:0.4px; } h1,h2,h3,strong,dt,b{ letter-spacing:0.07em; } span{ letter-spacing:0.7px; } pre{ font-family: "ï¼ï¼³ ã‚´ã‚·ãƒƒã‚¯",monospace; letter-spacing:0; } table,input,code{ font-family: "ï¼ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯",FixedSys; } ã“ã‚Œã‚’é©å½“ãªåå‰ã®.cssãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã¦ä¿å˜ã€‚ èµ¤å—éƒ¨åˆ†ãŒæ–‡å—é–“éš”ã‚’èª¿æ•´ã—ã¦ã„ã‚‹ç®‡æ‰€ã«ãªã‚Šã¾ã™ã€‚ ã¡ãªã¿ã«ã€IE9 + MS Pã‚´ã‚·ãƒƒã‚¯ ã§æ–‡å—ã®é–“éš”ãŒç•°æ§˜ã«è©°ã¾ã‚‹ã®ã¯ã€XHTML1.0å®£è¨€ã•ã‚ŒãŸWebã‚µã‚¤ãƒˆã£ã½ã„ã§ã™ã€‚
kbysbtmup 2011/05/11
IE9

IE

MS Pã‚´ã‚·ãƒƒã‚¯

ãƒ¡ã‚¤ãƒªã‚ª

ClearType

ãƒ•ã‚©ãƒ³ãƒˆ

Windows

Webåˆ¶ä½œ

ã¾ã¨ã‚

Tips
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
kbysbtmup 2011/05/10
Windows

IE

IE9

Webåˆ¶ä½œ

CSS

DOCTYPE
ãƒªãƒ³ã‚¯
CSSï¼šåˆå¿ƒè€…ã®é ƒã«ãƒãƒžã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚ã‚Œã“ã‚Œ â€¦ IE7å¤šã‚
CSSã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã€‚åˆå¿ƒè€…ã®ã“ã‚ã«ã¯ CSS ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒã†ã¾ãã„ã‹ãªãã¦ã€åŠæ—¥ã‚„ä¸¸ä¸€æ—¥æ‚©ã‚“ã ã“ã¨ã‚‚ã„ã£ã±ã„ã‚ã‚Šã¾ã—ãŸã€‚æœ€è¿‘ã§ã¯ã€ã‚„ã£ã¨ã²ã¨é€šã‚Šè¦šãˆã¦ã€æ€ã†ã‚ˆã†ã«ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸã‹ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ä»Šå›žã¯åˆå¿ƒè€…ã ã£ãŸã“ã‚ã€ã¡ã‚‡ã£ã¨æ‚©ã‚“ã ã“ã¨ãªã©ã‚’ã„ãã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ Webã‚µã‚¤ãƒˆã®è¦‹ãŸç›®ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã„ãã®ã«æ¬ ã‹ã›ãªã„ CSSã€‚åº¦ã€…ã“ã‚Œã£ã¦ã©ã†ã‚„ã‚‹ã‚“ã ã‚ã†ã¨ã‹ã€ã©ã†ã—ã¦ã“ã†ãªã£ã¡ã‚ƒã†ã®ï¼Ÿã¨ã„ã†ã‚‚ã®ã«éé‡ã—ã¾ã™ã€‚ã¾ãŸã€ä»Šã¾ã§ã¯ IE6 ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«å«ã‚ã¦ã¾ã—ãŸã‘ã©ã€ãã‚ãã‚ IE7 ã‹ã‚‰ã‚’ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã™ã‚Œã°ã„ã„ã®ã‹ãªãƒ¼ã¨æ€ã†ã“ã¨ã‚‚ã‚ã£ã¦ã€éŽåŽ»ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æ›¸ãæ–¹ã®ç¿’æ…£ã‚’å¤‰ãˆã‚ˆã†ã‹ãªã¨ã‚‚æ€ã£ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’æ›¸ã„ã¦ã„ã¦ã€ä»Šã¾ã§éé‡ã—ãŸä¸å…·åˆã‚„ãã®å›žé¿æ–¹æ³•ã€ã¾ãŸä»Šã¾ã§ã¯ã“ã†ã—ã¦ãŸã‘ã©ã€ã“ã‚Œã‹ã‚‰ã¯å¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ãªãƒ¼ã¨ã„ã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã†ãã‚“ãªã“ã¨ã—ã¦ãªã„
kbysbtmup 2011/04/21
CSS

IE7

IE

IE6

ãƒã‚°

clearfix

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ

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

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
IE9.jsã§å®Ÿç¾ã™ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªclearfixã¨ãã®ä»–ã®æ©æµ - Mach3.laBlog
ã“ã®è¨˜äº‹ã¯è³žå‘³æœŸé™åˆ‡ã‚Œã§ã™ã€‚ï¼ˆæ›´æ–°ã‹ã‚‰1å¹´ãŒçµŒéŽã—ã¦ã„ã¾ã™ï¼‰ æ—¢ã«åºƒãçŸ¥ã‚‰ã‚Œã¦ã„ã‚‹ã§ã‚ã‚ã†ã€IE9.jsã¯ã€ æ–°æ—§IEã®å·®ç•°ã‚’ï¼ˆå‡ºæ¥ã‚‹ã ã‘ï¼‰åŸ‹ã‚ã¦ãã‚Œã‚‹ç´ æ™´ã‚‰ã—ã„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ ä»Šæ—¥ã®ãŠè©±ã¯ã€IE9.jsã§å®Ÿç¾å‡ºæ¥ã‚‹ã‚·ãƒ³ãƒ—ãƒ«ãªclearfixã¨ã€ ã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§å®Ÿéš›ã©ã‚“ãªæ©æµãŒå—ã‘ã‚‰ã‚Œã‚‹ã‹ã®å‚™å¿˜éŒ²ã§ã™ã€‚ cf) ie7-js â€“ Project Hosting on Google Code ã‚·ãƒ³ãƒ—ãƒ«ã«ãªã£ãŸclearfix å¿µã®ç‚ºã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒãƒ¼ãƒ‰ã‚‚è¨˜è¼‰ã—ã¦ãŠãã¾ã™ã€‚ IEç”¨ã®æ¡ä»¶åˆ†å²ã‚³ãƒ¡ãƒ³ãƒˆã‚’å¤–ã™ã¨ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¨ãƒ©ãƒ¼ãŒå‡ºã¾ã™ã®ã§ã”æ³¨æ„ã‚’ã€‚ ï¼ˆã“ã‚Œã‚‚å†…éƒ¨ã§æ¡ä»¶åˆ†å²ã—ã¦é ‚ã‘ã‚‹ã¨å¤§å¤‰å¹¸ã›ã ãªãï¼‰ <!--[if lt IE 9]> <script src="http://ie7-js.googlecode.com/svn/trunk/lib/IE9.js"></script> <![en
kbysbtmup 2011/04/11
IE

clearfix

JavaScript

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

IE6

IE9.js

Webåˆ¶ä½œ

CSS
ãƒªãƒ³ã‚¯
floatè§£é™¤ã®æ±ºå®šç‰ˆã€‚clearfixã‚’è€ƒãˆãŸã‚‰ã€é€²åŒ–ã—ãŸã€‚
ç¾åœ¨ã“ã®ä¸ã§clearfixã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ display:inline-block; height:1%(min-height:1%) zoom:1; ã§ã‚‚è‰¯ãè€ƒãˆãŸã‚‰ã€å…¨ã¦å¾®å¦™ã§ã™ã€‚ zoom:1ã¯IEã®ç‹¬è‡ªä»•æ§˜ã§ã™ã—ã€heightã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€IE6,7ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«2ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¿…è¦ã§ã™ã€‚ display:inline-blockã‚‚ãƒœãƒƒã‚¯ã‚¹ã®è¦ç´ ã‚’å¤‰å½¢ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ hasLayoutã®ã‚¹ã‚¤ãƒƒãƒã‚’è¦‹ãŸæ™‚ã«ã€ä¸€ç•ªç†ã«é©ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯widthã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ åè¦ç´ ã‚’å›²ã‚€è¦ç´ ã¨ã—ã¦ã€divã‚„ulãªã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSãŒdisplay:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚‚ã®ãŒå¤šãã€display:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å ´åˆã€width:100%ã§å•é¡Œãªã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶çŠ¶æ³ã«é©ã—ãŸclearfix ä¸Šè¨˜ã‚’è¸ã¾ãˆè¦‹ç›´ã—ãŸclearfixãŒ
kbysbtmup 2011/04/05
Webåˆ¶ä½œ

CSS

ã‚ã¨ã§èªã‚€

ã¾ã¨ã‚

Tips

clearfix

ãƒ–ãƒã‚°

IE
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSã®ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã‚’ä½œã£ã¦ã¿ãŸã€‚(åŠ›å°½ããŸ) - kojika17
' CSSãƒªã‚»ãƒƒãƒˆã‚’æ”¹å¤‰ã—ã¦ã„ã‚‹æ™‚ã«ã€ã€ŒCSSãƒªã‚»ãƒƒãƒˆã¯æœ¬å½“ã«å¿…è¦ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚’ç–‘å•ã«æ€ã†ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã‚ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSãƒªã‚»ãƒƒãƒˆã§normalã«ã—ã¦ã€ã•ã‚‰ã«boldã«æˆ»ã™ã¨ã„ã†ã“ã¨ã‚’ã—ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã ã¨å˜ã«ã€è¨˜è¿°é‡ã¨å‡¦ç†ã‚’å¢—ã‚„ã—ã¦ã„ã‚‹ã ã‘ã«éŽãŽã¾ã›ã‚“ã€‚ ã€Œãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSã‚’ç†è§£ã™ã‚Œã°ã€CSSãƒªã‚»ãƒƒãƒˆã¯ã„ã‚‰ãªã„ã®ã§ã¯ãªã„ã‹ï¼Ÿã€ã¨ã„ã†è€ƒãˆã®å…ƒã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®CSSã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®èª¿æŸ» ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ•ã‚¡ã‚¤ãƒ«ã«æ½œã£ã¦CSSã‚’æŽ¢ã—ãŸã¨ã“ã‚ã€Fire Foxã®CSSã®ã¿æŽ¢ã—å‡ºã›ã¾ã—ãŸã€‚ ãã‚Œä»¥å¤–ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸ã«CSSãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆãªã©ã«ã‚ˆã‚Šã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSæŽ¢ã›ã¾ã›ã‚“ã§ã—ãŸã€‚ ãŸã ã—IEã«é–¢ã—ã¦ã¯ã€ã¾ã¨ã‚ãŸã‚ŒãŸã‚µã‚¤ãƒˆãŒã‚ã£ãŸã®ã§ã€ã“ã‚Œã‚’å‚è€ƒã«ã—ã¾ã™ã€‚ Internet E
kbysbtmup 2011/03/09
SVG

ã¾ã¨ã‚

CSS

IE

Webåˆ¶ä½œ

ãƒªã‚»ãƒƒãƒˆ

ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ

ãƒ–ãƒ©ã‚¦ã‚¶

Safari

Opera
ãƒªãƒ³ã‚¯
Microsoftã€IE 6çµ‚äº†ä¿ƒé€²ã®ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚µã‚¤ãƒˆã‚’ç«‹ã¡ä¸Šã’
ç±³Microsoftã¯3æœˆ4æ—¥ï¼ˆç¾åœ°æ™‚é–“ï¼‰ã€10å¹´å‰ã«ãƒªãƒªãƒ¼ã‚¹ã—ã€ã„ã¾ã ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹Webãƒ–ãƒ©ã‚¦ã‚¶ã€ŒInternet Explorerï¼ˆIEï¼‰ 6ã€ã‹ã‚‰ã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’ä¿ƒé€²ã™ã‚‹ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚µã‚¤ãƒˆã€ŒThe Internet Explorer 6 Countdownã€ã‚’ç«‹ã¡ä¸Šã’ãŸã¨ç™ºè¡¨ã—ãŸã€‚ IE 6ã¯ç¾è¡Œã®Webæ¨™æº–ã«å¯¾å¿œã—ã¦ãŠã‚‰ãšã€Webã‚µã‚¤ãƒˆã§å¯¾å¿œã—ã‚ˆã†ã¨ã™ã‚‹ã¨å¤§ããªè² æ‹…ã«ãªã‚‹ã“ã¨ã‹ã‚‰ã€æ•°å¹´å‰ã‹ã‚‰Webé–‹ç™ºè€…ã‚‰ãŒâ€œæ’²æ»…é‹å‹•â€ã‚’å±•é–‹ã—ã¦ã„ã‚‹ã€‚ã¾ãŸã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œã‚‚ã‚ã‚‹ãŸã‚ã€Microsoftè‡ªèº«ã‚‚IE 8ã¸ã®ã‚¢ãƒƒãƒ—ã‚°ãƒ¬ãƒ¼ãƒ‰ã‚’å¼·ãå‹§ã‚ã¦ã„ã‚‹ã€‚1å¹´å‰ã®åŒæ—¥ã«ã¯Webãƒ‡ã‚¶ã‚¤ãƒ³ä¼æ¥ãŒIE 6ã®â€œè‘¬å„€â€ã‚’æŒ™ã’ã€Microsoftã‚‚çŒ®èŠ±ã—ãŸã€‚ ã‚«ã‚¦ãƒ³ãƒˆãƒ€ã‚¦ãƒ³ã‚µã‚¤ãƒˆé–‹è¨ã®ç›®çš„ã¯ã€IE 6ã®ä¸–ç•Œã§ã®Webãƒ–ãƒ©ã‚¦ã‚¶ã‚·ã‚§ã‚¢ã‚’1ï¼…ä»¥ä¸‹ã«ã™ã‚‹ã“ã¨ã ã¨ã„ã†ã€‚ã‚·ã‚§ã‚¢ãŒ1ï¼…ä»¥ä¸‹ã§ã‚ã‚Œã°ã€Webé–‹ç™ºè€…ãŒã‚µãƒ
kbysbtmup 2011/03/07
Microsoft

ã‚·ã‚§ã‚¢

IE

IE6

ã‚ãƒ£ãƒ³ãƒšãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
jQuery.belatedPNGã‚’ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã—ã¾ã—ãŸã€‚ | ãƒ—ãƒã‚°ãƒ©ãƒžæ°—åˆ†
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
kbysbtmup 2011/03/03
jQuery

JavaScript

Webåˆ¶ä½œ

é€éŽ

PNGfix

PNG

IE6

IE

ã“ã‚Œã¯ä¾¿åˆ©

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
IEã§pngã‚’ä½¿ã£ãŸéš›ã«èµ·ãã‚‹ä¸å…·åˆã‚’é˜²ããƒ—ãƒ©ã‚°ã‚¤ãƒ³
ä¸€å®šæœŸé–“æ›´æ–°ãŒãªã„ãŸã‚åºƒå‘Šã‚’è¡¨ç¤ºã—ã¦ã„ã¾ã™
kbysbtmup 2011/03/03
jQuery

JavaScript

Webåˆ¶ä½œ

é€éŽ

PNGfix

PNG

IE6

IE

ã“ã‚Œã¯ä¾¿åˆ©

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 æ¬¡ã®ãƒšãƒ¼ã‚¸