[B! CSS3] rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

rikuo id:rikuo

CSS3ã«é–¢ã™ã‚‹rikuoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (12)

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

CSS3ã ã‘ã§ã¤ãã‚‹Webãƒœã‚¿ãƒ³ï¼æŠ¼ã•ãšã«ã¯ã„ã‚‰ã‚Œãªã„ãƒœã‚¿ãƒ³ç°¡å˜3ã‚¹ãƒ†ãƒƒãƒ—
ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ã«ãã¦ã„ã¾ã™ã€‚ ã“ã‚“ã«ã¡ã‚ã€‚(ãƒ»`Ð´ãƒ»ãƒŽ)ãƒŽ é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ã‚·ãƒƒãƒ—ä¸ã®ã©ã†ã‚‚ã½ã‚“ãŸã§ã™ã€‚ å…ˆé€±ã€éŽŒå€‰æœ¬ç¤¾ã‹ã‚‰è‡ªç”±ãŒä¸˜æ”¯ç¤¾ã«ç§»ã‚Šã¾ã—ãŸã€‚ è‡ªç”±ãŒä¸˜ã«æ¥ãŸã®ã¯åˆã‚ã¦ãªã®ã§ã€ã€Œä¸˜ãªã„ãªãã€‚ã€ã£ã¦æ€ã„ã¾ã—ãŸã€‚ ãã—ã¦ã“ã¡ã‚‰ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³ç ”ä¿®ã§ã€æ›¸ã„ã¦ã„ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã©ã†ã‹æŸ”ã‚‰ã‹ã„ã¾ãªã–ã—ã§è¦‹å®ˆã£ã¦ä¸‹ã•ã„ã¾ã›ï¼ ä»Šå›žã¯ç”»åƒã‚’ä½¿ã‚ãšã€CSS3ã ã‘ã§Webãƒœã‚¿ãƒ³ã‚’ã¤ãã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¨ã„ã£ã¦ã‚‚åƒ•è‡ªèº«ã¤ãã£ãŸã“ã¨ãŒãªã„ã®ã§ã€ä¸€ç·’ã«æŒ‘æˆ¦ã—ã¾ã—ã‚‡ã†ï¼ï¼ ã¤ã¥ãã‹ã‚‰ã©ã†ãžï¼ ã™ã”ã„ã‚ˆï¼CSS3 â‰« CSS3ã®ã¿ã§ã¤ãã£ã¦ã„ã‚‹ãƒœã‚¿ãƒ³ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹å‡„ã„ã‚µã‚¤ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ ãƒ©ãƒ ãƒã®ã‚ˆã†ãªãƒ†ã‚¤ã‚¹ãƒˆã®ãƒœã‚¿ãƒ³ã§ã™ãªã€‚ ã“ã‚Œã‚’ç”»åƒãªã—ã§ã¤ãã£ã¦ã‚‹ã£ã¦ã„ã†ã‹ã‚‰ã‚¹ã‚´ã‚¤ï¼ ã“ã“ã¾ã§ãƒ¬ãƒ™ãƒ«ã®é«˜ã„ãƒœã‚¿ãƒ³ã¯ã¤ãã‚Œãªã„ã®ã§ã€ åŸºæœ¬é‡è¦–ã®ã‚·ãƒ³ãƒ—ãƒ«ãªCSSãƒœã‚¿ãƒ³ã‚’ã¤ãã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯C
rikuo 2010/09/22
CSS3
ãƒªãƒ³ã‚¯
HTML5 & CSS3 only Accordion Effect â€“ aduca
ä»Šæ—¥ã¯å³äº¬ãã‚“ã«é ¼ã¾ã‚ŒãŸã®ã§ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’HTML5ã¨CSS3ã§å®Ÿè£…ã™ã‚‹ã€‚ åŸºæœ¬çš„ãªDOMæ§‹é€ ã¯ã“ã‚“ãªã‚‚ã®ã€ - body `- section#accordion |- section | |- h2 | `- p |- section | `- ... |- section | `- ... `- section `- ... ã‚“ã§ã“ã‚Œã‚‰ã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã®ã ã‘ã‚Œã©ã€ãã®å‰ã«ã¨ã‚Šã‚ãˆãšç¾ç‰©ã®ã‚µãƒ³ãƒ—ãƒ«ã€‚ CSS Accordion CSSãªã©ã®ã‚³ãƒ¼ãƒ‰ã‚‚ã™ã¹ã¦ã“ã®HTMLä¸€æžšã«ã‹ã„ã¦ã‚ã‚Šã¾ã™ã€‚(Firefoxã§ã‚‚å‹•ãã¿ãŸã„ã ã‘ã©Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ãŒä¸€ç•ªç¶ºéº—ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™) hoverã®é–¢ä¿‚ æœ€ä¸‹å±¤ã®sectionä¸Šã«ãƒã‚¤ãƒ³ã‚¿ãŒã‚ã‚‹å ´åˆã€ãã®è¦ªè¦ç´ ã«ã‚‚:hoverãŒä»˜ãã€‚ ã“ã‚Œã‚’åˆ©ç”¨ã—ãªã„ã¨ã€å˜ç´”ã«:not(:hover)ã—ã¦ã—ã¾ã†ã¨ã€æ™®é€šã®çŠ¶æ…‹(ãƒã‚¤ãƒ³ã‚¿ãŒä¸€åˆ‡ãªã„
rikuo 2010/09/21
html

HTML5

css3
ãƒªãƒ³ã‚¯
css3ã®transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ã‚ã„ã‚ä½œã£ã¦ã¿ãŸ - ã‹ã¡ã³ã¨.net
css3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€transitionãŒã¨ã¦ã‚‚é¢ç™½ã„ã®ã§ä½•ã¨ãªãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è‰²ã€…ã¨ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ã¾ã å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯å°‘ãªã„ã§ã™ãŒã€å°†æ¥ã®ç‚ºã«äºˆç¿’ã—ã¦ã¿ãŸã®ã§ã‚·ã‚§ã‚¢ã€‚ css3ã®transitionãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å¤‰åŒ–ã‚’ä¸Žãˆã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã§ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯transitionã¨animetionãŒã‚ã‚Šã€å¾Œè€…ã®ã»ã†ãŒã€Œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã¨ã—ã¦ã®ä½ç½®ä»˜ã‘ã£ã½ã„ã®ã§ã™ãŒã€ä»Šå›žã¯ä½•ã¨ãªãtransitionã‚’ä½¿ç”¨ã—ã¾ã—ãŸã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼š-webkit-transition å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼šwebkitç³»(Google Chromeã€Safariç‰) JavaScriptï¼šæœªä½¿ç”¨ ï¼ˆâ€»ã‚½ãƒ¼ã‚¹é–²è¦§ã®éƒ¨åˆ†ã¯jsã‚’ä½¿ã£ã¦ã„ã¾ã™ï¼‰ ä¸€å¿œã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä»¥å¤–ï¼ˆè§’ä¸¸ãªã©ï¼‰ã¯-mozã‚‚å…¥ã‚Œã¦ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãªã®ã§ã€Œ-webkit-transition: *s ease-
rikuo 2010/04/12
CSS3
ãƒªãƒ³ã‚¯
ãŒã°ã£ - è¡€çµ±ã®æ£®+ã¯ã¦ãª
è¨³ã—ã¦ã¿ãŸ CSS3 borders, backgrounds and box-shadows (ja) http://momdo.s35.xrea.com/web-html-test/CSS3-memo/css3-border-background-boxshadow.html ï¼¼Operaï¼
rikuo 2010/04/07
CSS3
ãƒªãƒ³ã‚¯
HTML5 & CSS3 ãƒ–ãƒ©ã‚¦ã‚¶åˆ¥ã‚µãƒãƒ¼ãƒˆçŠ¶æ³
What is an IP Address? An IP (short for â€œInternet Protocolâ€) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transf ormation (NAT). If you have ever used a wifi hotspot to access the internet, youâ€™ve shared an IP address with someone. Whatâ€™s the Difference betwe
rikuo 2010/03/26
CSS3

HTML5

browser
ãƒªãƒ³ã‚¯
HTML5 ã¨ CSS3 ã§ æ»ã«ãŸã„
CSS3ã®ã€Œå¤‰å½¢ãƒ»ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ã€ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯é¢ç™½ã„ã§ã™ãã€‚ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç™»å ´ã«ã‚ˆã£ã¦ã€CSSã®æŒã¤è¡¨ç¾åŠ›ãŒã€Œã©ã‹ãƒ¼ã‚“ã€ã¨æ‹¡å¤§ã™ã‚‹ã‚ˆã†ã«æ„Ÿã˜ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€WebKit Nightly Buildsã§ã®è¡¨ç¤ºã‚’å¯¾è±¡ã«ã€ CSS3ã§æ–°ãŸã«å®šç¾©ã•ã‚ŒãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’è‰²ã€…ã¨ä½¿ã£ãŸã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ãŸã®ã§ã€ãã‚Œã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã¯ã€CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç·´ç¿’ã¨ã—ã¦ä½œã£ã¦ã„ãŸã®ã§ã€ è¡¨ç¤ºã®å¯¾è±¡ã¯ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å…ˆè¡Œå®Ÿè£…ã—ã¦ã„ã‚‹WebKitã‚¨ãƒ³ã‚¸ãƒ³ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã®ä¸ã§ã‚‚ã€ æå†™é€Ÿåº¦ãŒæ¿€çš„ã«æ”¹å–„ã•ã‚Œã¦ã„ã‚‹é–‹ç™ºè€…å‘ã‘ã®WebKit Nightly Buildsã«ãªã‚Šã¾ã™ã€‚ Safari4ã‚„Google Chromeã§ã‚‚è¦‹ã‚‰ã‚Œã¾ã™ãŒã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚¹ãƒ ãƒ¼ã‚ºã«å†ç”Ÿã•ã‚Œã¾ã›ã‚“ã€‚ã¾ãŸã€HTML5ã®audioè¦ç´ ã«å¯¾å¿œã—ã¦ã„ãªã„å ´åˆã¯éŸ³ãŒå‡ºåŠ›ã•ã‚Œãªã„ã‚ˆã†ã§ã™ã€‚éžå¸¸ã«é«˜è² è·ãªå‡¦ç†ãŒç››
rikuo 2009/08/15
CSS3
ãƒªãƒ³ã‚¯
å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚CSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦Webãƒšãƒ¼ã‚¸ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã¿ãŸ - latest log
uuCSSBoost.js ã¯ uuAltCSS.js ã«åå‰ãŒå¤‰æ›´ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€éƒ¨ã®èª¬æ˜ŽãŒè¨˜äº‹ã‚’æ›¸ã„ãŸå½“æ™‚ã®å¤ã„åå‰ã®ã¾ã¾ã«ãªã£ã¦ã„ã¾ã™ã€‚æœ€æ–°ç‰ˆã§ã¯ã€uuCSSBoost.revalidate() ã¯å»ƒæ¢ã•ã‚Œ uuAltCSS() ã‚’å‘¼ã³å‡ºã™ã‚ˆã†ã«å¤‰æ›´ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®è§£èª¬ã‚’è¿½è¨˜ã—ã¾ã—ãŸã€‚ ã€Œæœ€æ–°ã®è¦æ ¼ã‚’å®Ÿè£…ã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ãŒç™»å ´ã—ã¦ã‚‚ã€IE6 ã®ã›ã„ã§è«¦ã‚ã‚‹ã—ã‹ãªã„ã®ã‹ã€ ã€ŒCSS3ã‚»ãƒ¬ã‚¯ã‚¿ã‚’å¤ã„ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ä½¿ã„ãŸã„!ã€ ã¨ã„ã£ãŸç¾å ´ã®å£°ã«ãŠå¿œãˆã—ã¦ã€ã»ã¼å…¨ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ CSS3 ã‚»ãƒ¬ã‚¯ã‚¿ã‚’åˆ©ç”¨ã—ãŸãƒšãƒ¼ã‚¸ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ã«ãªã‚‹JavaScript ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ç‰¹å¾´ è»½ã„ã‚ˆ ã„ã‚ã‚“ãªãƒ–ãƒ©ã‚¦ã‚¶ã§å‹•ãã‚ˆ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%ã€œ98%ãã‚‰ã„ã®ã‚·ã‚§ã‚¢ã‚’ã‚«ãƒãƒ¼ã§ãã‚‹ã‚“ã˜ã‚ƒãªã„
rikuo 2009/06/24
CSS3

javascript

library
ãƒªãƒ³ã‚¯
CSSã®:targetæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã«ã‚ˆã‚‹ã‚¯ãƒªãƒƒã‚¯ã§é–‹ããƒ•ãƒƒã‚¿ãƒ¼ - os0x.blog
äºˆå‚™çŸ¥è˜ã¨ã—ã¦ã€targetæ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã¨ã€ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¸ã®å¿œç”¨ã«ã¤ã„ã¦ã¯CSS 3ã®ã‚»ãƒ¬ã‚¯ã‚¿è§£èª¬ï¼š:rootã€:notã€:emptyã€:target - builderã¨CSS 3ã®ã‚»ãƒ¬ã‚¯ã‚¿ã€Œ:targetã€ã§ã‚¿ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã¤ãã‚‹ - builderãŒè‰¯è¨˜äº‹ã ã¨æ€ã†ã®ã§ãã¡ã‚‰ã‚’ã€‚ ã§ã€ä»Šå›žã®å ´åˆã¯ã•ã‚‰ã«å¿œç”¨ã‚’åˆ©ã‹ã›ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰é–‹ã„ã¦ã€ã‚‚ã†ä¸€åº¦ã‚¯ãƒªãƒƒã‚¯ã—ãŸã‚‰é–‰ã˜ã‚‹ã‚ˆã†ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ã¾ã‚ã€è¦ã¯ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼éƒ¨åˆ†ã‚’targetã®ä¸ã«å…¥ã‚Œã¦ã€targetã®çŠ¶æ…‹ã«ã‚ˆã£ã¦ã€è¡¨ç¤ºã•ã‚Œã‚‹ã‚¢ãƒ³ã‚«ãƒ¼ãŒå¤‰ã‚ã‚‹ã‚ˆã†ã«ã—ãŸã ã‘ã§ã™ã€‚(â†“â†“ã®ã€Œã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã€æœ€è¿‘ã®è¨˜äº‹ã€ã‚³ãƒ¡ãƒ³ãƒˆã€ãƒˆãƒ©ãƒƒã‚¯ãƒãƒƒã‚¯ã‚’è¦‹ã‚‹ã€ã¨ã„ã†ã‚¢ãƒ³ã‚«ãƒ¼ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚(ã‚¢ãƒ³ã‚«ãƒ¼ãƒ†ã‚ã‚¹ãƒˆãŒå†—é•·éŽãŽã‚‹æ„Ÿã˜ã ã‘ã©ã€ã‚¹ãƒšãƒ¼ã‚¹ä½™ã£ã¦ã‚‹ã—ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã‚‰ã“ã‚Œã§ã„ã„ã‚„ã€‚)) #blogfooter{ position:fixed; bottom:0p
rikuo 2009/02/21
css

CSS3

ï¾…ï¾™ï¾Žï¾„ï¾ž
ãƒªãƒ³ã‚¯
[CSS]CSS 3ã®ã‚µãƒ³ãƒ—ãƒ«ã¨ãƒ–ãƒ©ã‚¦ã‚¶ã§ã®è¦‹ãˆæ–¹
CSS3å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã‚‚å¢—ãˆã¦ããŸã®ã§ã€CSS3.infoã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€ŒCSS3 Previewã€ã®ã‚µãƒ³ãƒ—ãƒ«ãŒã€ã©ã®ã‚ˆã†ã«ãƒ–ãƒ©ã‚¦ã‚¶ã§è¡¨ç¤ºã•ã‚Œã‚‹ã‹ã‚’è©¦ã—ã¦ã¿ã¾ã—ãŸã€‚ ä½¿ç”¨ã—ãŸãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€Firefox 3beta5, Safari 3.1, Opera 9.5betaã§ã™ã€‚ å„ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ä¸‹ã®è¨˜è¼‰ã¯ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’æ’®ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ã§ã€å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã®å…¨ã¦ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Border
rikuo 2008/04/24
CSS3
ãƒªãƒ³ã‚¯
HTML/CSS:Firefoxã¨Safariã®CSSå¾¹åº•æ¤œè¨¼ - builder by ZDNet Japan
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã«ã‚ˆã£ã¦ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤‰ãˆã‚‹ ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã¯ç’°å¢ƒã«ã‚ˆã£ã¦ã•ã¾ã–ã¾ã€‚ç‰¹å®šã‚µã‚¤ã‚ºã‚’æƒ³å®šã—ä½œæˆã™ã‚‹ã¨ã€ãã‚Œä»¥å¤–ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒèªã¿ã¥ã‚‰ããªã‚‹ã€‚æœ€è¿‘ã¯iPhoneãªã©ã«å¯¾å¿œã™ã‚‹å¿…è¦ã‚‚ã‚ã‚‹ãŒã€ã‚µã‚¤ã‚ºåˆ¥ã«ãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã™ã‚‹ã®ã¯åˆ¶ä½œãƒ»ç®¡ç†é¢ã§æ‰‹é–“ã€‚ã“ã‚“ãªã¨ãã¯CSS3ã®Media Queryã‚’åˆ©ç”¨ã™ã‚‹ã¨ã„ã„ã€‚ 2010-03-02 08:00:00 CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®è¨å®š CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ã“ã‚Œã¾ã§ã¯JavaScriptã‚„Flashã‚’ä½¿ã‚ãªã„ã¨è¨å®šã§ããªã‹ã£ãŸåŠ¹æžœã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§è¨å®šã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ä»Šå›žã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ©ç”¨ã—ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒœã‚¿ãƒ³ã®ä½œæˆã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®è¨å®šã‚’è¡Œã„ãªãŒã‚‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç´°ã‹ãªæ©Ÿèƒ½ã‚’è¦‹ã¦ã„ããŸã„ã€‚ 2010-01-04 13:41:01
rikuo 2008/02/22
css

CSS3

firefox

Safari
ãƒªãƒ³ã‚¯
Safari ã¯è¤‡æ•°èƒŒæ™¯ç”»åƒã«å¯¾å¿œ - lucky bag
CSS3 ã§ã¯å®Ÿç¾ã•ã‚Œã‚‹ã§ã‚ã‚ã†ã€background-image ã¸ã®è¤‡æ•°æŒ‡å®šã€‚ã¡ã‚‡ã£ã¨å‰ã« Surfinâ€™ Safari ã§çŸ¥ã£ãŸã‚“ã ã‘ã©ã€ Safari 1.3 ã¨ 2.0 ã§ã¯ã™ã§ã«å¯¾å¿œã—ã¦ã„ã‚‹ã¿ãŸã„ã€‚ã†ã¯ãƒ¼ã€å…¨ç„¶çŸ¥ã‚‰ãªã‹ã£ãŸã™ã€‚ã¤ã†ã“ã¨ã§ã€å®Ÿéš›ã«è‡ªåˆ†ã§ã‚‚è©¦ã—ã¦ã¿ãŸãã¦å¯å¤‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ãŸã€‚ã‚‚ã¡ã‚ã‚“ã€Safari ã§ã—ã‹ç¢ºèªã™ã‚‹ã“ã¨ã¯ã§ããªã„ã€‚ä½¿ç”¨ã—ãŸç”»åƒã¯ã€head.pngã€center.pngã€bottom.png ã® 3 ã¤ã€‚ multiple_background.html ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆ èƒŒæ™¯ç”»åƒã‚’è¤‡æ•°æŒ‡å®šã™ã‚‹å ´åˆã€æŒ‡å®šã‚’è¨˜è¿°ã™ã‚‹é †ç•ªãŒé‡è¦ã«ãªã£ã¦ã„ã¦ã€æœ€åˆã®æŒ‡å®šãŒãƒ¬ã‚¤ãƒ¤ãƒ¼çš„ã«è¨€ã†ã¨ä¸€ç•ªä¸Šã«æç”»ã•ã‚Œã€ãã‚Œä»¥é™ã¯ä¸‹ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«æç”»ã•ã‚Œã¦ã„ãã“ã¨ã«ãªã‚‹ã€‚ã¤ã¾ã‚Šã€ä¸‹ã«é‡ãã¦è¡Œãæ„Ÿã˜ã€‚ãªã‚“ã§ã€ä»Šå›žã®ã‚µãƒ³ãƒ—ãƒ«ã®æŒ‡å®šã®é †ç•ªã‚‚ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã€‚ /* ä¸Šã€ä¸‹ã€
rikuo 2008/02/13
css

CSS3

Safari
ãƒªãƒ³ã‚¯
CSS 3 Properties and support in Browsers
CSS3 property tests This information is now maintained in our Wiki. Head over and see the latest details, and even contribute yourself. While the assumption has been that the version of Safari in the iPhone is very close to Safari 3 for the Mac and Windows in terms of support for CSS, that does not seem to be the case. While Safari 3 supports just about all of the following properties, at least in
rikuo 2008/02/13
css

CSS3

Safari
ãƒªãƒ³ã‚¯
1