[B! webdevelop][css] tunacookã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

tunacook id:tunacook

webdevelopã¨cssã«é–¢ã™ã‚‹tunacookã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (38)

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

[CSS]2012å¹´æœ€ã‚‚äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆã¨ã©ã‚Œã‚’ä½¿ãˆã°ã„ã„ã‹ã®æŒ‡é‡ã€ã¨ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆ
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’åˆæœŸåŒ–ã™ã‚‹CSSãƒªã‚»ãƒƒãƒˆã®2012å¹´ã«äººæ°—ã®ã‚ã£ãŸã‚‚ã®ã¨ã€ã©ã®CSSãƒªã‚»ãƒƒãƒˆã‚’ä½¿ãˆã°ã„ã„ã®ã‹åˆ¤æ–ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã€CSSãƒªã‚»ãƒƒãƒˆã‚’ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Reset ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ 2012å¹´äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆ ã©ã®CSSãƒªã‚»ãƒƒãƒˆã‚’ä½¿ã†ã¹ãã‹åˆ¤æ–ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆ CSSãƒªã‚»ãƒƒãƒˆã‚’ä¸Šæ‰‹ã«ä½¿ã†ãƒã‚¤ãƒ³ãƒˆ 2012å¹´äººæ°—ã®ã‚ã£ãŸCSS Reset ã¾ãšã¯ã€2012å¹´ã«äººæ°—ã®ã‚ã£ãŸCSSãƒªã‚»ãƒƒãƒˆ ãƒ™ã‚¹ãƒˆ5ï¼ CSS ResetçµŒç”±ã§æœ€ã‚‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚‚ã®ã§ã™ã€‚ Eric Meyer's "Reset CSS" 2.0 ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ HTML5 Doctor CSS Reset ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Yahoo! (YUI 3) Reset CSS ã‚³ãƒ¼ãƒ‰ã¨ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ Universal Selector '*' Reset ã‚³
tunacook 2012/11/27
Normalize.cssäººæ°—ãªã„ã®ã‹ãƒ¼

css

webdevelop
ãƒªãƒ³ã‚¯
ç”»åƒç½®æ›ã« -9999px ã¯ã¤ã‹ã‚ãªã„
ç”»åƒç½®æ›ã¨ã„ã†è¨€è‘‰ã‚’çŸ¥ã£ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿãƒ†ã‚ã‚¹ãƒˆã‚’ã€Œtext-indent:-9999pxã€ã¨æŒ‡å®šã—ã¦ã€ç”»é¢ã®å¤–ã«é£›ã°ã—ã¦ã—ã¾ã„èƒŒæ™¯ç”»åƒã‚’ãã®ä»£ã‚ã‚Šã«è¡¨ç¤ºã™ã‚‹æŠ€è¡“ã§ã™ã€‚ ç”»åƒç½®æ›ã®æ´å² ç”»åƒç½®æ›ã¯é•·ã„ã“ã¨ä½¿ã‚ã‚Œã¦ã„ã‚‹CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ï¼‘ã¤ã§ã—ã‚‡ã†ã€‚ã§ã¯ã€ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯è‡ªä½“ã¯ã©ã®ã‚ˆã†ã«ã—ã¦ã€ç”Ÿã¾ã‚Œã¦ããŸã®ã§ã—ã‚‡ã†ã‹ï¼Ÿ æ„å¤–ã«ã‚‚ã€ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯å…ƒã¯C.Z.Robertsonæ°ãŒ1999å¹´ã«è€ƒæ¡ˆã—ã€ãã‚Œã‚’ã€ŒTodd Fahnerã€æ°ã‚„Twitterã®Douglas Bowmanæ°ãŒãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã§èª¬æ˜Žã—ã€ä¸€èˆ¬çš„ã«åºƒã‚ãŸã‚‚ã®ã§ã™ã€‚ã“ã®æ™‚ç‚¹ã§ã¯ãƒ†ã‚ã‚¹ãƒˆã‚’éžè¡¨ç¤ºã«ã™ã‚‹ãŸã‚ã«ã€Œdisplay:noneã€ã‚’åˆ©ç”¨ã—ã¦ãŠã‚Šã€éŸ³å£°ãƒªãƒ¼ãƒ€ãƒ¼ã§ã¯èªã¿ä¸Šã’ã•ã‚Œãªã„ãªã©ã®å•é¡ŒãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã®å¾Œã€ã“ã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«ã€Œ-9999pxã€ã¨ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã¿å‡ºã—ãŸã®ã§ã™ã€‚ ç¾åœ¨ã®ç”»åƒç½®æ›
tunacook 2012/03/06
webdevelop

css
ãƒªãƒ³ã‚¯
CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚ ä¹…ã€…ã«ã“ã®æ‰‹ã®ãƒã‚¿æ›¸ã„ãŸæ°—ãŒã—ã¾ã™ã‘ã©ã‚‚â€¦ ã¡ã‚‡ã£ã¨ã—ãŸãŠéŠã³ãªã‚“ã§ã™ãŒã€æ™®æ®µã¯ç”»é¢ã®ä¸‹ã®éš…ã«éš ã‚Œã¦ã¦ã€ã‚¯ãƒªãƒƒã‚¯ ï¼ˆã‚¿ãƒƒãƒ—ï¼‰ ã§å±•é–‹ã€ã„ãã¤ã‹ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã€ã—ã‹ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã ã¨ç‰‡æ‰‹ã ã‘ã§æ“ä½œã—ã‚„ã™ã„ã¿ãŸã„ãª UI ã‚’ CSS ã¨è¶…ç°¡å˜ãª JavaScript ï¼ˆjQuery ä½¿ç”¨ï¼‰ ã§ä½œã£ã¦ã¿ãŸã®ã§ç´¹ä»‹ã€‚å¤šåˆ†è¨€è‘‰ã§è¨€ã£ã¦ã‚‚ä¼ã‚ã‚Šã«ãã„ã¨æ€ã„ã¾ã™ã®ã§å®Ÿéš›ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã¾ãšã¯è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ CSS ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ç‰‡æ‰‹æ“ä½œãƒ¡ãƒ‹ãƒ¥ãƒ¼ ã‚µãƒ³ãƒ—ãƒ« ç¾åœ¨æœ€æ–°ç‰ˆã® Firefox
tunacook 2012/03/05
webdevelop

css
ãƒªãƒ³ã‚¯
[CSS]box-shadowã‚’ä½¿ã£ã¦ã€ç´™ãŒãµã‚ã‚Šã¨æµ®ã‹ã‚“ã ã‚ˆã†ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ã‘ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã¾ã¨ã‚
Creating Different CSS3 Box Shadows Effects [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯box-shadowã«å¯¾å¿œã—ãŸä¸‹è¨˜ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã”è¦§ãã ã•ã„ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£… åŸºæœ¬ã¨ãªã‚‹HTML 8ã¤ã®å„ãƒ‡ãƒ¢ã®HTMLã®åŸºæœ¬ã¯åŒã˜ã§ã€classåãŒç•°ãªã‚‹ã ã‘ã§ã™ã€‚ <div class="box effect"> <h3>Effect</h3> </div> åŸºæœ¬ã¨ãªã‚‹CSS divè¦ç´ ã¨h3è¦ç´ ã®åŸºæœ¬ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã™ã€‚ .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
tunacook 2012/02/28
css

webdevelop
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯ä¾¿åˆ©ï¼ã‚³ãƒ”ãƒšã§ä½¿ãˆã‚‹å®Ÿç”¨çš„ãªCSSãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã„ã‚ã„ã‚
div.tucked-cornersÂ { background:Â #f6f6f6; height:Â 380px; margin:Â 50pxÂ auto; padding:Â 10px; position:Â relative; width:Â 580px; -webkit-box-shadow:Â 0Â 1pxÂ 7pxÂ hsla(0,0%,0%,.2); -moz-box-shadow:Â 0Â 1pxÂ 7pxÂ hsla(0,0%,0%,.2); box-shadow:Â 0Â 1pxÂ 7pxÂ hsla(0,0%,0%,.2); } ...è©³ç´°ã¯ãƒªãƒ³ã‚¯å…ˆã‚’å‚ç…§ /* StickyÂ FooterÂ Solution byÂ SteveÂ Hatcher http://stever.ca http://www.cssstickyfooter.com */ *Â {margin:0;padding:0;} /*Â mustÂ
tunacook 2012/01/28
css

webdevelop
ãƒªãƒ³ã‚¯
CSS3 ã® border-radius ã‚’ä½¿ã£ã¦å††å½¢ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ä½œã‚‹æ–¹æ³•ï¼’ã¤
ä»Šå›žã®è¨˜äº‹ã§ã¯ã€CSS3ã® border-radius ã‚’ä½¿ã£ãŸå††å½¢ã„ã‚µãƒ ãƒã‚¤ãƒ«ã®ä½œã‚Šæ–¹ã‚’ï¼’ç¨®é¡žç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšç°¡å˜ãªæ–¹ã‹ã‚‰èª¬æ˜Žã—ã¾ã™ãŒã€ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒãŒæ£æ–¹å½¢ã®å ´åˆã§ã‚ã‚Œã°ã€ç”»åƒã®ã‚¹ã‚¿ã‚¤ãƒ« border-radius ã«å¤§ãã‚ã®å€¤ã‚’æŒ‡å®šã™ã‚‹ã ã‘ã§ã€ä¸¸ã„ã‚µãƒ ãƒã‚¤ãƒ«ã‚’ä½œã‚Œã¾ã™ãã€‚ <img src="thumb.png" width="150" height="150" style="border-radius:400px;" > ã‚µãƒ ãƒã‚¤ãƒ«ãŒé•·æ–¹å½¢ã®å ´åˆ å†™çœŸãŒæ£æ–¹å½¢ã®å ´åˆã§ã‚‚ã€ãã‚Œã„ãªå††ã«ã—ãŸã„å ´åˆã¯ã€ã‚µãƒ ãƒã‚¤ãƒ«ã‚’èƒŒæ™¯ç”»åƒï¼ˆbackground-imageï¼‰ã«ã™ã‚‹ã“ã¨ã§å®Ÿç¾ã§ãã¾ã™ã€‚ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯â†“ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ HTMLã‚½ãƒ¼ã‚¹ ã‚µãƒ ãƒã‚¤ãƒ«ã®å¹…ã«åˆã‚ã›ãŸãƒœãƒƒã‚¯ã‚¹ã«ã€ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’èƒŒæ™¯ç”»åƒã¨ã—ã¦è¨å®šã—ã€border-radius ã§èƒŒæ™¯ç”»åƒã‚’ã‚¯ãƒªãƒƒãƒ—ã—ã¾ã™ã€‚ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹å ´åˆ
tunacook 2012/01/26
CSS3

css

webdevelop
ãƒªãƒ³ã‚¯
ä¿ºã® CSS ãƒªã‚»ãƒƒãƒˆ: 2011 å†¬
å¹´æœ«ã ã‹ã‚‰ã¨ã„ã†ã‚ã‘ã§ã‚‚ãªã„ã®ã§ã™ãŒã€ã„ã¤ã‚‚ã®ã‚µã‚¤ãƒˆä½œã‚Šã«ä½¿ã† CSS ãƒªã‚»ãƒƒãƒˆã«ã¤ã„ã¦è¦‹ç›´ã—ã¦ã¿ã¾ã—ãŸã€‚ä»Šã¾ã§ã‚‚ã¡ã‚‡ã£ã¨ãšã¤æ‰‹ã‚’å…¥ã‚Œã¦ã¯ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯ã‹ãªã‚Šå¤§ããä¿®æ£ã—ã¦ã„ã¾ã™ã€‚ã¨ã„ã†ã®ã‚‚ã€Nicolas Gallagher ã¨ Jonathan Neal ã®ä¸¡æ°ã«ã‚ˆã‚‹ normalize.css ã‚’çŸ¥ã‚Šã€å¤§ããå½±éŸ¿ã‚’å—ã‘ãŸã‹ã‚‰ã§ã™ã€‚ Normalize.css ã¯ã€Œæ–°æ‰‹ã® CSS ãƒªã‚»ãƒƒãƒˆã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚CSS ã‚’ã€Œãƒªã‚»ãƒƒãƒˆã€ã™ã‚‹ã®ã§ã¯ãªãã€ŒãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã€ã™ã‚‹ã€ã¨ã„ã†æ–°ã—ã„è€ƒãˆæ–¹ã§ã™ã€‚CSS ãƒªã‚»ãƒƒãƒˆã¨ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ã©ã¡ã‚‰ã‚‚ã€ãƒ–ãƒ©ã‚¦ã‚¶é–“ã§ CSS ã®å®Ÿè£…ã«å·®ç•°ãŒã‚ã‚‹ã“ã¨ã‚’å‰æã«ãã‚Œã‚‰ã‚’å¸åŽã—ã‚ˆã†ã¨ã™ã‚‹ã€ã¨ã„ã†åŒã˜ç›®çš„ã‚’æŒã£ã¦ã„ã¾ã™ã€‚ãŸã ã€ãƒªã‚»ãƒƒãƒˆã¯ã™ã¹ã¦ã‚’ã¾ã£ã•ã‚‰ãªã€Œã•ã‚‰åœ°ã€ã«ã—ã‚ˆã†ã¨ã™ã‚‹ã®ã«å¯¾ã—ã€ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚ºã¯ä½¿ãˆã‚‹éƒ¨åˆ†ã¯æ®‹ã—ã¤ã¤æ‰‹ã‚’å…¥ã‚Œã‚‹å¿…è¦ã®ã‚ã‚‹éƒ¨åˆ†ã ã‘ã‚’æ•´ãˆã‚‹ã€ã¨ã„ã†é•
tunacook 2011/12/25
css

webdevelop
ãƒªãƒ³ã‚¯
[CSS]è§’ä¸¸ã‚’å°‘ã—ã§ã‚‚æ»‘ã‚‰ã‹ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
CSS3ã§å®Ÿè£…ã™ã‚‹è§’ä¸¸ã‚’å°‘ã—ã§ã‚‚æ»‘ã‚‰ã‹ã«ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒˆãƒªãƒƒã‚¯ã‚’sitepointã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ How To Get Smoother Rounded Corners ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ã“ã®ç¾è±¡ã¯ä¸»è¦ãªå„ãƒ–ãƒ©ã‚¦ã‚¶å…¨ã¦ã§ãŠã“ã‚‹ç¾è±¡ã§ã€ç‰¹ã«Safari(Mac)ã§ã¯é¡•è‘—ã«ç¾ã‚Œã¾ã™ã€‚ ä¸Šè¨˜ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ãã®Safari(Mac)ã®ã‚‚ã®ã§ã€ä¸‹è¨˜ã¯ãã‚Œã‚’æ‹¡å¤§ã—ãŸã‚‚ã®ã§ã™ã€‚ è§’ä¸¸ã®æ‹¡å¤§ ã“ã®ç¾è±¡ã¯ç‰¹å®šã®ã‚«ãƒ©ãƒ¼ã®çµ„ã¿åˆã‚ã›ã§ç”Ÿã˜ã‚‹ã‚‚ã®ã§ã€ç‰¹ã«ã‚ªãƒ•ãƒ›ãƒ¯ã‚¤ãƒˆã®èƒŒæ™¯ã«å¯¾ã—ã¦æ˜Žã‚‹ã„ãƒœãƒ¼ãƒ€ãƒ¼ã¨æš—ã„ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã‚’æŒ‡å®šã—ãŸéš›ã«è¦‹ã‚‰ã‚Œã¾ã™ã€‚ ã“ã‚Œã‚’å°‘ã—ã§ã‚‚æ»‘ã‚‰ã‹ã«ã™ã‚‹ãŸã‚ã®ãƒˆãƒªãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ“ãƒ•ã‚©ãƒ¼ HTML
tunacook 2011/09/29
webdevelop

css

webdevelop_coding
ãƒªãƒ³ã‚¯
CSSã§ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ï¼ˆæ–‡å—è©°ã‚ï¼‰ç‰ã‚’å¯èƒ½ã«ã™ã‚‹JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»kerning.js - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ 3é€£ä¼‘ã‚‚ä»Šæ—¥ã§æœ€å¾Œã§ã™ããƒ¼ã€‚ä»Šæ—¥ã¯ ã‚†ã£ãã‚ŠéŽã”ã™æ–¹ã‚‚å¤šãã†ã§ã™ãã€‚ ã•ã¦ã€ä¼‘ã¿ã§ã™ã—ã€ã¡ã‚‡ã£ã¨ãƒã‚¿çš„ ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ã”ç´¹ä»‹ã€‚ã‚«ãƒ¼ãƒ‹ãƒ³ã‚° ã‚’CSSã§å‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ãŸJSãƒ©ã‚¤ãƒ–ãƒ© ãƒªã§ã™ã€‚ jQueryã‚„mootoolsãªã©ã«ã‚‚ä¾å˜ã—ã¦ã„ãªã„ã‚ˆã†ã§ã™ã€‚ã“ã‚Œã ã‘èžãã¨ã‹ãªã‚Šä½¿ãˆãã†ãªã‚“ã§ã™ã‘ã©ã€‚ã§ã‚‚å€‹äººçš„ã«ã“ã†ã„ã†ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã¯ç§°ãˆãŸã„ã®ã§æ•¬æ„ã‚’ç¤ºã™ã¤ã‚‚ã‚Šã§è¨˜äº‹ã«ã—ã¾ã™ã€‚ CSSã§å‡ºæ¥ã‚‹ã€ã¨è¨€ã£ã¦ã‚‚ç‹¬è‡ªã®è¨˜è¿°æ³•ã‚’åŠ ãˆã‚‹äº‹ã§ãƒ†ã‚ã‚¹ãƒˆã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’å®Ÿç¾ã™ã‚‹ã‚¿ã‚¤ãƒ—ãªã®ã§å¥½ã¿ãŒåˆ†ã‹ã‚Œãã†ã§ã™ãã€‚ ã¾ã ã¡ã‚‡ã£ã¨ã‚ˆãåˆ†ã‹ã£ã¦ãªã„ã‚“ã§ã™ã‘ã©é©å½“ã«ãƒ‡ãƒ¢ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ä¸€å¿œé•ã„ãŒåˆ†ã‹ã‚‹ã‚ˆã†ã«å°‘ã—å¤§è¢ˆè£Ÿã«ã—ãŸã¤ã‚‚ã‚Šã§ã™ã€‚ã‚¯ã‚ªãƒªãƒ†ã‚£ã¯ç„¡è¦–ã§ã™ã€‚ â€»å³ä¸Šã§jsã®ã‚ªãƒ³/ã‚ªãƒ•ãŒå‡ºæ¥ã¾ã™ã€‚
tunacook 2011/09/20
css

javascript

webdevelop
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³æ™‚ä»£ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œ ç¬¬3å›žã€€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚° | ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚»ãƒ³ã‚¿ãƒ¼
ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ãƒ¼ãƒªã‚½ãƒ¼ã‚¹ Flex cookbook* (ã‚³ãƒ¼ãƒ‰ã®å…±æœ‰) CSS Advisor (ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ãƒã‚°ä¿®æ£) Exchanges* (ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å…±æœ‰) Adobe Labs* ãƒ¦ãƒ¼ã‚¶ãƒ•ã‚©ãƒ¼ãƒ©ãƒ RSS ãƒ•ã‚£ãƒ¼ãƒ‰* Flex ãƒã‚°ãƒ™ãƒ¼ã‚¹* ãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã®æ¤œç´¢* ãƒ¦ãƒ¼ã‚¶ã‚°ãƒ«ãƒ¼ãƒ—ã«ã¤ã„ã¦* Adobe Community Experts (ACE)* ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼ã‚¤ãƒ™ãƒ³ãƒˆ* ãƒ–ãƒã‚° MXNA* (ãƒ–ãƒã‚°ã‚¢ã‚°ãƒªã‚²ãƒ¼ã‚¿) Adobe ãƒ–ãƒã‚°* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã«ã¯ã€ã„ãã¤ã‹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ä»Šå›žã¯ã€ãã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ–¹æ³•ã«ã¤ã„ã¦ã€ä»¥ä¸‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã‚’ã‚‚ã¨ã«è§£èª¬ã—ã¾ã™ã€‚ â€»ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã¯æœ¬é€£è¼‰ç”¨ã«ä½œæˆã—ãŸã‚‚ã®ã§ã‚ã‚Šã€å…¬å¼ã®ãƒšãƒ¼ã‚¸ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ å›³1ã€€ã‚µãƒ³ãƒ—ãƒ«ã‚µã‚¤ãƒˆã€‚ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«æ–°ç€è¨˜äº‹ã€ä¸éƒ¨ã«è£½å“ãƒã‚´ã‚’ä½¿ã£ãŸè¨˜äº‹ã‚«ãƒ†ã‚´ãƒªãƒ¼ã€ä¸‹éƒ¨ã«ãƒªã‚¹ãƒˆåž‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
tunacook 2011/09/08
html5

css

webdevelop
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼æ™‚ã«ãƒªãƒ³ã‚¯å…ˆã®URLã‚’ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã•ã›ã‚‹ - ã‹ã¡ã³ã¨.net
ã“ã®è¨˜äº‹ã¯å¹´ä»¥ä¸Šå‰ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã€å†…å®¹ãŒå¤ã‹ã£ãŸã‚Šã€ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œç‰ã®ç†ç”±ã§ãƒªãƒ³ã‚¯ãŒè§£é™¤ã•ã‚Œã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ cssã®å°æŠ€çš„ãªå†…å®¹ã§ã™ã€‚ã•ã»ã©ä½¿ã†æ©Ÿä¼šã¯ç„¡ã•ãã†ãªã‚“ã§ã™ã‘ã©ã€JavaScriptã‚’ä½¿ã†ã»ã©ã§ã‚‚ç„¡ã„ã‚ˆã†ãªã‚‚ã®ãªã®ã§cssã ã‘ã§ã‚„ã£ã¦è¦‹ãŸã€ã¿ãŸã„ãªè¨˜äº‹ã€‚ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ãã®ãƒªãƒ³ã‚¯å…ˆã®URLã‚’ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã¨ã—ã¦è¡¨ç¤ºã•ã›ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã¨IE8ä»¥ä¸Šã§ã™ã€‚:afterã‚’ä½¿ã†ã®ã§IE7ä»¥ä¸‹ã¯å¯¾å¿œã§ãã¾ã›ã‚“ã€‚ cssã§ãƒªãƒ³ã‚¯å…ˆã®URLã‚’è¡¨ç¤ºã™ã‚‹ ã¾ãšã¯cssã®ã¿ã§ãƒªãƒ³ã‚¯å…ˆã®URLã‚’è¡¨ç¤ºã•ã›ã¾ã™ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ä»¥ä¸‹ã§å›ºå®šã€‚ <a href="/">ã‹ã¡ã³ã¨.net</a> HTMLã¯ã“ã®ã¾ã¾ã§ã€cssã®ã¿ã§ãƒªãƒ³ã‚¯å…ˆã®URLã‚’ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã«ã‚ˆã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã•ã›ã¾ã™ã€‚ URLã‚’è¡¨ç¤ºã•ã›ã‚‹ ã¾ãšã¯URLã‚’è¡¨ç¤ºã•ã›ã¾ã™ã€‚ a[href]:aft
tunacook 2011/09/07
CSS

css

webdevelop
ãƒªãƒ³ã‚¯
[FC2ãƒ–ãƒã‚°] Opera ã§ã® CSS3 linear gradients ã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢
[FC2ãƒ–ãƒã‚°] Operaã§ã® CSS3 linear gradients ã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ãƒ–ãƒã‚°ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’å¤‰ãˆã¾ã—ãŸãŒã€é…è‰²ãªã©ã¯ã»ã¨ã‚“ã©å¤‰æ›´ã›ãšã‚¿ã‚°ãªã©ã‚’æ•´ç†ã—ãŸæ„Ÿã˜ã§ã™ã€‚æ°—åˆ†ã‚’å¤‰ãˆãŸã‹ã£ãŸãŸã‚ç„¡è¨ˆç”»ã§ã™ãŒã€CSS3 ã‚’ä½¿ã£ã¦ã¿ãŸã„ã¨ã„ã†ç›®çš„ã§è¡Œã„ã¾ã—ãŸã€‚ è¡Œãå½“ãŸã‚Šã°ã£ãŸã‚Šã§ CSS3 ã‚’ã„ã‚ã„ã‚è©¦ã—ãŸçµæžœã€æœ€çµ‚çš„ã«ã€Œtext-shadowã€ã€Œlinear-gradientã€ãã‚‰ã„ã—ã‹æ®‹ã‚‰ãªã„ã¨ã„ã†æ®‹å¿µãªçµæžœã«ãƒ»ãƒ»ãƒ» CSS3 ã‚’ç››ã‚Šè¾¼ã‚€è¨ˆç”»ã‚’ã—ã£ã‹ã‚Šç«‹ã¦ã¦ã‚„ã‚Œã°è‰¯ã‹ã£ãŸã¨å¾Œã‹ã‚‰åçœã€‚æ€¥ã«æ€ã„ç«‹ã£ã¦ã‚„ã£ãŸäº‹ãªã®ã§ã„ã¾ã®ã¨ã“ã‚ã¯å…¨ä½“çš„ã«OKã‹ãªã¨æ€ã£ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã‹ã‚‰å°‘ã—ãšã¤ä¿®æ£ã—ã¦ã„ãã¾ã™ã€‚ CSS3 linear gradients ã«æŒ‘æˆ¦ã“ã®ãƒ–ãƒã‚°ã§åˆã‚ã¦ä½¿ç”¨ã—ã¦ã¿ãŸã€Œlinear-gradientã€ã“ã‚Œã«ã‚ˆã£ã¦CSSã§ç·šå½¢ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã§ãã¾ã™ã€‚ä½¿ã„æ–¹ã«ã¤ã„ã¦ã¯ä»¥ä¸‹
tunacook 2011/08/03
css3

css

webdevelop
ãƒªãƒ³ã‚¯
JavaScriptã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æœ€å°é™ã«ã—åœ§ç¸®ãƒ»ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ -BoxJSã¨BoxCSS
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹è¤‡æ•°ã®JavaScriptã¨CSSãƒ•ã‚¡ã‚¤ãƒ«ã®HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’å°‘ãªãã—ã€åœ§ç¸®ãƒ»ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ [ad#ad-2] è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxJS è¤‡æ•°ã®CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxCSS è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã¾ã¨ã‚ã‚‹ -BoxJS BoxJSã¯ä¸€ã¤ã®JSãƒ•ã‚¡ã‚¤ãƒ«ï¼ˆbox.jsï¼‰ã‚’åˆ©ç”¨ã—ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å¼ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã§è¤‡æ•°ã®JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ BoxJS BoxJSã®ä½¿ã„æ–¹ æœ€åˆã«ã€box.js(1.4kb)ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦æŒ‡å®šã—ã¾ã™ã€‚ <script src="http://www.boxjs.com/box.js"></script> ãƒãƒ¼ãƒ‰ã™ã‚‹JSãƒ•ã‚¡ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¾ã™ã€‚ Box('http://mywebsite.com/scripts/', [ 'plugins/jquery.js', 'plugi
tunacook 2011/07/20
css

javascript

webdevelop
ãƒªãƒ³ã‚¯
CSS Shapes
tunacook 2011/07/12
cssã§ãƒªãƒœãƒ³ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ãŸä¾‹ï¼ˆã‚½ãƒ¼ã‚¹ã‚’è¦‹ã¦ã¿ã‚‹ï¼‰

webdevelop

css
ãƒªãƒ³ã‚¯
CSS powered ribbons the clean way â€“ CSS Wizardry
9 February, 2011 CSS powered ribbons the clean way Written by Harry Roberts on CSS Wizardry. Table of Contents Independent writing is brought to you via my wonderful Supporters. Demo Final word Final final word Iâ€™ve started buying .net magazine again recently. I donâ€™t normally but I was hoping it might help in my search for a super-awesome new agency. I was flicking through this monthâ€™s edition wh
tunacook 2011/07/12
cssã§ãƒªãƒœãƒ³ã‚’ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

css

webdevelop
ãƒªãƒ³ã‚¯
CSSã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’æ´»ç”¨ã—ã‚ˆã† | Design Spice
:focusæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ è¦ç´ ãŒãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã•ã‚ŒãŸéš›ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æŒ‡å®šã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ¬„ã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’åˆã‚ã›ã¦ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›ã§ãã‚‹ã‚ˆã†ã«ãªã£ãŸçŠ¶æ…‹ãªã©ã§ã™ã€‚ input:focus{ background-color:#FF9; } :langæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ ç‰¹å®šã®è¨€èªžã‚’æŒ‡å®šã•ã‚Œã¦ã„ã‚‹è¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ è¨€èªžã‚³ãƒ¼ãƒ‰ã«ã¯ã€jaï¼ˆæ—¥æœ¬èªžï¼‰ã€enï¼ˆè‹±èªžï¼‰ã€frï¼ˆãƒ•ãƒ©ãƒ³ã‚¹èªžï¼‰ã€zhï¼ˆä¸å›½èªžï¼‰ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ p:lang(en){ color:#C00; } :first-childæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ ã‚ã‚‹è¦ç´ å†…ã§æœ€åˆã«ç¾ã‚Œã‚‹åè¦ç´ ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ li:first-child{ color:#C00; } :first-lineæ“¬ä¼¼è¦ç´ ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®æœ€åˆã®è¡Œã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã—ã¾ã™ã€‚ â€»ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã«ã¯é©ç”¨ã§ãã¾ã›ã‚“ã€‚ #firstLine p:first-line{ color:#
tunacook 2011/07/01
css

webdevelop
ãƒªãƒ³ã‚¯
[CSS]ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„GitHubé¢¨ã®ãƒœã‚¿ãƒ³ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
GitHubã‚¹ã‚¿ã‚¤ãƒ«ã®ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ã„ã‚„ã™ã„ãƒœã‚¿ãƒ³ã‚’classã®æŒ‡å®šã ã‘ã§ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 GitHub Buttons [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ãƒœã‚¿ãƒ³ã®æ–‡è¨€ã‚’æ—¥æœ¬èªžã«ã—ã€ã‚·ãƒ³ãƒ—ãƒ«ã—ãŸã‚‚ã®ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ æ™®é€šã®ãƒœã‚¿ãƒ³ æ³¨æ„ã‚’ä¿ƒã™ãƒœã‚¿ãƒ³ å¤§ãã„ãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸãƒœã‚¿ãƒ³ ã‚°ãƒ«ãƒ¼ãƒ—åŒ–ã—ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ãŸãƒœã‚¿ãƒ³ ã‚¢ã‚¤ã‚³ãƒ³ã‚’ä¼´ã£ãŸãƒœã‚¿ãƒ³ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ æ™®é€šã®ãƒœã‚¿ãƒ³ æ™®é€šã®ãƒœã‚¿ãƒ³ã¯ã€aè¦ç´ ã€buttonè¦ç´ ã€inputè¦ç´ ãªã©ã‚ã‚‰ã‚†ã‚‹è¦ç´ ã§ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ãŸã‚ã«ã¯ã€ã€Œclass="button"ã€ã‚’åŠ ãˆã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼ˆå½“æ–¹æ—¥æœ¬èªžåŒ–ï¼‰ <a href="#" class="button">Post comment</a> <input class="
tunacook 2011/06/28
css

webdevelop
ãƒªãƒ³ã‚¯
ã‚‚ã†CSSãƒãƒƒã‚¯ã¯å¿…è¦ãªã—!? ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«CSSã‚’åˆ‡ã‚Šæ›¿ãˆã‚‹ã€Œcssuseragentã€ | Webæ´»ãƒ¡ãƒ¢å¸³
CSSã§ãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®é•ã„ã£ã¦æœ¬å½“ã«å«Œã§ã™ã‚ˆãã€‚ CSSãƒãƒƒã‚¯ã§å¯¾å¿œã™ã‚‹æ–¹ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€Œcss useragentã€ã‚’ä½¿ã†ã¨classã®ä½œã‚Šæ–¹ã‚’å°‘ã—å·¥å¤«ã™ã‚‹ã ã‘ã§ã‚ˆã‚ŠæŸ”è»Ÿã«å¯¾å¿œã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ è¨å®šæ–¹æ³•ã¯JavaScriptã‚’ä¸€ã¤èªã¿è¾¼ã‚€ã ã‘ã«ãªã‚Šã¾ã™ã€‚ <scriptÂ src="cssua.min.js"Â type="text/javascript"></script> ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã¨ã€ãƒšãƒ¼ã‚¸ã®htmlå±žæ€§ã«å‹•çš„ã«classå±žæ€§ã‚’è¿½åŠ ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã§ã™ãŒã€IE6ã§ã‚¢ã‚¯ã‚»ã‚¹ã—ãŸå ´åˆã«ã¯ ua-ie-6ã¨ã„ã†classåãŒè¿½åŠ ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ <htmlÂ class="ua-ie-6"> <head>â€¦</head> <body>â€¦</body> </html> iPhoneã®å ´åˆã¯ua-
tunacook 2011/06/28
css

ie

webdevelop
ãƒªãƒ³ã‚¯
ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®ãŸã‚ã®HTML/CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† | ã‚³ãƒªã‚¹
anthonyshortã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã®ãŸã‚ã®HTMLã¨CSSã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ç´¹ä»‹ã§ã™ã€‚ How to get Cross Browser Compatibility Every Time ç°¡å˜ãªæ„è¨³ãªã®ã§ã€è©³ç´°ã‚„ã‚ãƒ£ãƒ—ãƒãƒ£ã¯ä¸Šè¨˜ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’å‚è€ƒãã ã•ã„ã€‚ ã‚µãƒžãƒªãƒ¼ doctypeã¯strictã‚’ä½¿ç”¨ã—ã€æ£ã—ã„HTML/CSSã‚’ä½¿ç”¨ã—ã¦ãã ã•ã„ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã—ã¦ãã ã•ã„ã€‚ Firefoxã§ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã®ãŸã‚ã«ã€ãƒ†ã‚ã‚¹ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã«ã€Œ-moz-opacity:0.99ã€ã‚’æŒ‡å®šã—ã¦ãã ã•ã„ã€‚ Safariç”¨ã«ã¯ã€Œtext-shadow:#000 0 0 0ã€ã‚’ä½¿ç”¨ã—ã¦ãã ã•ã„ã€‚ ç”»åƒã®ãƒªã‚µã‚¤ã‚ºã‚’CSS/HTMLã§è¡Œã‚ãªã„ã§ãã ã•ã„ã€‚ å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒ•ã‚©ãƒ³ãƒˆã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚’ç¢ºèªã—ã¦ãã ã•ã„ã€‚ ã€ŒLucidaã€ã¯ä½¿ç”¨ã—ãªã„ã§ãã ã•ã„ã€‚ ãƒ†ã‚
tunacook 2011/06/28
webdevelop

css
ãƒªãƒ³ã‚¯
[CSS]ç¸«ã„ç›®é¢¨ã®ã‹ã‚ã„ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ã±ã£ã¨è¦‹ã€ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªç¸«ã„ç›®é¢¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ç”»åƒã¯ä½¿ã£ã¦ã„ã¾ã›ã‚“ã€‚ ã¾ãŸã€IE6ãªã©ã®CSS3éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã‚‚é…æ…®ã—ãŸå®Ÿè£…ã¨ãªã£ã¦ã„ã¾ã™ã€‚ Sexy CSS3 menu ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ ã‚¹ã‚±ãƒ¼ãƒ©ãƒ“ãƒªãƒ†ã‚£ ã‚¢ãƒ³ã‚«ãƒ¼ã®ãƒ•ã‚©ãƒ³ãƒˆã‚µã‚¤ã‚ºã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã€ã‚µã‚¤ã‚ºã‚’ç°¡å˜ã«èª¿æ•´ã§ãã¾ã™ã€‚ ç”»åƒã¯ç„¡ã— ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ãªã„ãŸã‚ã€ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒç°¡å˜ã§ã™ã€‚ã¾ãŸHTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æ¸›ã‚‰ã—ã¾ã™ã€‚ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º ç°¡å˜ã«ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³åž‹ãªã©ã«å¤‰æ›´ã§ãã¾ã™ã€‚ ã“ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ã‚¢ã‚¤ãƒ‡ã‚¢ã®å…ƒã¨ãªã£ãŸã®ã¯ã€LESSã§ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒœã‚¿ãƒ³ã§ã™ã€‚ LESS å®Ÿè£…æ–¹æ³• HTML HTMLã¯spanè¦ç´ ã‚’ä½¿ã£ã¦ã„ã‚‹ä»¥å¤–ã¯ã€ã‚¯ãƒªãƒ¼ãƒ³ã§ã™ã€‚ ã“ã®spanã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ã¤ã‘ã‚‹ã®ã«å¿…è¦ã§ã€ç–‘ä¼¼è¦ç´ éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¸ã®é…æ…®
tunacook 2011/06/22
CSS3

css

webdevelop
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸