[B! tips][css] KANIBUCHIã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

KANIBUCHI id:KANIBUCHI

tipsã¨cssã«é–¢ã™ã‚‹KANIBUCHIã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

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

IE8ã§ã®å¤‰åŒ–ç‚¹ä¸€è¦§ + å‚™å¿˜éŒ² - latest log
IE8 ã§ã¯ã‹ãªã‚Šã®æ•°ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚„ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¢—ãˆã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚æ›¸ãæ®‹ã—ã¾ã™ã€‚ element.getAttribute ã«ã¤ã„ã¦è¿½è¨˜ã—ã¾ã—ãŸã€‚ window.toStaticHTML window.toStaticHTML ã¯ã€XDomainRequest ã‚„ postMessage ã§å—ã‘å–ã£ãŸæ–‡å—åˆ—(HTML)ã‚’ã‚µãƒ‹ã‚¿ã‚¤ã‚º(æ¶ˆæ¯’)ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã€‚ XHRã‚„Jsonã§å—ã‘å–ã£ãŸæ–‡å—åˆ—ã®ã‚µãƒ‹ã‚¿ã‚¤ã‚ºã«ã‚‚ã‚·ãƒ¼ãƒ³ã‚’é¸ã¹ã°ä½¿ãˆã‚‹ã®ã ã‚ã†ã‹ã€‚ onclickç‰ã®ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ç³»ã‚’æ½°ã™ã€‚ <div onclick="alert('hoge')">hoge</div> â†“ <div>hoge</div> scriptã‚¿ã‚°ã‚’æ½°ã™ã€‚ <script>alert("hoge")</script> â†“ ç„¡ã‹ã£ãŸã“ã¨ã«ãªã‚‹ CSS::expressionã‚’æ½°ã™ img { expression(uuClass
KANIBUCHI 2010/07/02
web

programming

tips

javascript

css
ãƒªãƒ³ã‚¯
[CSS]ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã€Œifã€ã‚’ä½¿ã£ãŸæ¡ä»¶å¼ãŒåˆ©ç”¨ã§ãã‚‹ -Conditional-CSS | ã‚³ãƒªã‚¹
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®è¨˜è¿°ã«ã€ifã‚’ä½¿ã£ãŸæ¡ä»¶å¼ãŒåˆ©ç”¨ã§ãã‚‹ã€ŒConditional-CSSã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Conditional-CSS ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ç”»é¢ã«IE, Fx, Op, Safariã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãã‚Œãžã‚Œç”¨ã®ç”»åƒãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ æ¡ä»¶å¼ã«åˆ©ç”¨ã§ãã‚‹ã‚‚ã®ã¯ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla
KANIBUCHI 2008/08/14
css

php

tips

web

programming
ãƒªãƒ³ã‚¯
Particletree Â» Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when youâ€™re dealing with form elemen
KANIBUCHI 2008/07/07
design

ui

tips

css
ãƒªãƒ³ã‚¯
[CSS]divã‚‚floatã‚‚clearã‚‚hackã‚‚ä½¿ç”¨ã—ãªã„ã§çµ„ã‚€3ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ | ã‚³ãƒªã‚¹
TJK Designã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒ˜ãƒƒãƒ€ãƒ»ãƒ•ãƒƒã‚¿ãƒ»3ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’div, float, clear, CSS hackã‚’ä½¿ç”¨ã—ãªã„ã§å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ç´¹ä»‹ã§ã™ã€‚ A CSS layout that does not rely on DIV, FLOAT, CLEAR nor structural HACK! å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€WidnowsãŒIE5.01, 5.5, 6, 7, Fx0.8, 1.5, 2.0, Op9.0, 9.24ã€MacãŒIE5.2, Safari2.0, 3.0, Fx2.0ã€LinuxãŒKonqueror, Mozillaã€ãã—ã¦iPhoneã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»•çµ„ã¿ã¯ã€ç°¡å˜ã«èª¬æ˜Žã™ã‚‹ã¨ãƒªã‚¹ãƒˆã‚’ä½¿ç”¨ã—ãŸã‚‚ã®ã§ã€å®Ÿè£…æ–¹æ³•ã¯ï¼˜ã¤ã®ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
KANIBUCHI 2008/03/07
css

design

web

tips
ãƒªãƒ³ã‚¯
IE6ã§ã‚ˆãéé‡ã™ã‚‹CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³• | ã‚³ãƒªã‚¹
Dave Woodsã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒIE6 -CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã€ã‹ã‚‰ã€IE6ã§ã‚ˆãéé‡ã™ã‚‹ï¼“ã¤ã®CSSã®ãƒã‚°ã¨ãã®è§£æ±ºæ–¹æ³•ã®æ„è¨³ã§ã™ã€‚ IE6 - CSS Bugs and Fixes Explained IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€hasLayoutãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã£ã¦èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€å°ã•ã„é«˜ã•ã‚’æŒ‡å®šã—ãŸå ´åˆã«èµ·ã“ã‚‹ãƒã‚° IE6ã§ã€ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚° IE6ã§ã€ãƒ•ãƒãƒ¼ãƒˆã—ãŸè¦ç´ ã®ãƒžãƒ¼ã‚¸ãƒ³ãŒï¼’å€ã«ãªã£ã¦ã—ã¾ã†ãƒã‚°ã¨è§£æ±ºæ–¹æ³•ã®ç´¹ä»‹ã§ã™ã€‚ ä¸‹è¨˜ã®ã‚³ãƒ¼ãƒ‰ã§ã€IE6ã¯ãƒžãƒ¼ã‚¸ãƒ³ãŒ20pxã«ãªã‚Šã¾ã™ã€‚ sample:ãƒã‚° #navigation{ float:Â left; width:Â 200px; margin-left:Â 10px; } #content{ float:Â right; width:Â 500px; margin-right:Â 10p
KANIBUCHI 2008/01/21
css

tips
ãƒªãƒ³ã‚¯
ã¡ã‚‡ã£ã¨ä¾¿åˆ©ãªCSS Tips ã„ã‚ã„ã‚ - DesignWalker
KANIBUCHI 2008/01/19
web

tips

javascript

css
ãƒªãƒ³ã‚¯
1