[B! css3] mahboã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

mahbo id:mahbo

css3ã«é–¢ã™ã‚‹mahboã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
mahbo 2010/10/04
html5

css3
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã«ç¾Žã—ã„è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹æ–¹æ³•
imgè¦ç´ ã§é…ç½®ã—ãŸç”»åƒã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã‚’ã™ã‚‹ã¨ã€Firefoxã§è§’ä¸¸ãŒåæ˜ ã•ã‚Œãªã‹ã£ãŸã‚Šã€Webkitãƒ–ãƒ©ã‚¦ã‚¶ã§ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒæ¬ ã‘ãŸã‚Šã—ã¾ã™ã€‚ ã“ã‚Œã‚’è§£æ¶ˆã™ã‚‹CSSã®Trickã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 Rounded Image With jQuery ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Firefoxã¨Webkitãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆSafariï¼‰ã®ãã‚Œãžã‚Œã«CSS3ã®è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã™ã‚‹ã¨ã€ä¸Šè¨˜ã®ã‚ˆã†ã«ç¾Žã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãã‚Œã‚’ä¸‹è¨˜ã®ã‚ˆã†ã«ç¾Žã—ãé©ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ è§’ä¸¸ã¨ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ã“ã†ã„ã†é¢¨ã«ã—ãŸã„ å·¦ï¼šè§’ä¸¸ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã€å³ï¼šè§’ä¸¸ã¨å†…å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ CSS3ã§ç´ ç›´ã«ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° Firefoxã§ã¯è§’ä¸¸ãŒé©ç”¨ã•ã‚Œãšã€Safariã§ã¯ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ãŒé©ç”¨ã•ã‚Œã¾ã›ã‚“ã€‚
mahbo 2010/07/02
webåˆ¶ä½œ

css3
ãƒªãƒ³ã‚¯
å›½å†…åˆã€ç„¡æ–™ã§æ—¥æœ¬èªžã®ã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆãŒæ‰‹è»½ã«åˆ©ç”¨ã§ãã‚‹ã€Œãƒ‡ã‚³ã‚‚ã˜ã€
æ‰‹æãå—ãƒ»ä¸¸æ–‡å—ãƒ»å››è§’ã„ç³»ãƒ»å››è§’ã¦ä¸¸ã„ç³»ãƒ»ããšã—æ–‡å—ãƒ»ã‚¢ã‚¯ã‚»ãƒ³ãƒˆä»˜ããƒ»ã¸ãŸæ–‡å—ç³»ãƒ»ã‚´ã‚·ãƒƒã‚¯ç³»ãƒ»æ˜Žæœç³»ãƒ»ç†æ–‡å—ç³»ãƒ»ç†æ›¸ä½“ç³»ãƒ»æ¬§æ–‡(è‹±æ•°ã®ã¿)ãƒ»å¤‰ã‚ã‚Šç¨®ãƒ•ã‚©ãƒ³ãƒˆãªã©ã€ç´„80ç¨®é¡žã®ã€Œã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã€ï¼ˆãƒ‘ã‚½ã‚³ãƒ³ã«ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã§ã¯ãªãã€ã‚µãƒ¼ãƒã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ³ãƒˆã‚’æŒ‡å®šã—ã¦è‡ªç”±ã«è¡¨ç¤ºã•ã›ã‚‹CSS3 Web Fontsã‚’ä½¿ã£ãŸæŠ€è¡“ã€ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ã¨ã‚ˆãã‚ã‹ã‚‹ï¼‰ãŒåˆ©ç”¨å¯èƒ½ãªãƒãƒƒãƒˆã‚µãƒ¼ãƒ“ã‚¹ãŒã“ã®ã€Œãƒ‡ã‚³ã‚‚ã˜ã€ã§ã™ã€‚ç”»åƒã‚„é€šå¸¸ã®Flashã¨ã¯é•ã„ã€ã¡ã‚ƒã‚“ã¨æ¤œç´¢ã«ã‚‚å¼•ã£ã‹ã‹ã‚‹ã¨ã„ã†ã®ãŒãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ã€Œãƒ–ãƒã‚°ã®è¦‹å‡ºã—ã«ã‚ã®æ–‡å—ãŒä½¿ãˆã‚Œã°ã„ã„ã®ã«ï¼ã€ã¨ã„ã†ã®ã‚’å®Ÿç¾ã—ã¦ãã‚Œã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ç™»éŒ²ã¯ç„¡æ–™ã¨ãªã£ã¦ãŠã‚Šã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã‚‹ã‚¦ã‚§ãƒ–ãƒ•ã‚©ãƒ³ãƒˆã ã‘ã§ãªãã€æœˆé¡315å††ã‹ã‚‰åˆ©ç”¨ã§ãã‚‹æœ‰æ–™ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ã•ã‚‰ã«ãƒ—ãƒãƒ•ã‚©ãƒ³ãƒˆã¨ã—ã¦ã€Œæ¸¸ã‚´ã‚·ãƒƒã‚¯ã€ã€Œæ¸¸ç¯‰è¦‹å‡ºã—æ˜Žæœã€ã€Œã¸ã‚“ã¾ã‚ã€ã€Œãƒˆã‚¥ãƒ¢ãƒãƒ¼ã‚¦ã‚©ãƒ¼ã‚¯ã€ãª
mahbo 2010/05/10
webåˆ¶ä½œ

font

css3
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«CSS3ã ã‘ã§ãƒ‰ãƒ©ãˆã‚‚ã‚“ã‚’æã„ã¦ã¿ãŸï¼Â -Â è£æŠ€shopÂ DD
æ˜¨æ—¥ã®ç”»åƒã‚’ä½¿ã‚ãšã«CSS3ã ã‘ã§ä½œã£ãŸã‚µã‚¤ãƒˆã€ŒNetaGearã€ã«å¼•ãç¶šãã€æœ¬æ—¥ã‚‚CSS3ã®è¨˜äº‹ã§ã™ã€‚ã“ã“æœ€è¿‘ã®ç§ã®ãƒžã‚¤ãƒ–ãƒ¼ãƒ ã¯CSS3ã§è‰²ã€…ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ãªã‚“ã§ã™ãŒã€CSS3ã‚’ä½¿ãˆã°ç”»åƒãªã‚“ã¦ä½¿ã‚ãšã«çµµãŒæã‘ã‚‹ã‚“ã˜ã‚ƒãªã„ï¼Ÿã¨ã„ã†ç–‘å•ã‚’æŠ±ãå®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ãŸï¼ ä»Šå›žä½œæˆã—ãŸã®ã¯æ—¥æœ¬äººãªã‚‰èª°ã‚‚ãŒçŸ¥ã£ã¦ã„ã‚‹å›½æ°‘çš„ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã®ã€Œãƒ‰ãƒ©ãˆã‚‚ã‚“ã€ã§ã™ã€‚ä½¿ã†ã‚‚ã®ã¯XHTML+CSS3ã ã‘ã§ä¸€åˆ‡ã®ç”»åƒã¯ä½¿ã„ã¾ã›ã‚“ã€‚ç”»åƒã‚’ä½¿ãˆã°ç°¡å˜ã«ã§ãã‚‹ã®ã¯è¨€ã†ã¾ã§ã‚‚ãªã„ã“ã¨ã§ã™ãŒã€ã™ã¹ã¦ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‹ã‚‰æˆã‚Šç«‹ã¤ã“ã¨ãŒå‰æã§ã™ã€‚ CSS3ã§ä½œã£ãŸãƒ‰ãƒ©ãˆã‚‚ã‚“ã®å®Œæˆå“ï¼ CSS3 ãƒ‰ãƒ©ãˆã‚‚ã‚“ æœ€è¿‘ã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã¨ã„ã†ã‚ˆã‚Šã€å¤§å±±ã®ã¶ä»£ã•ã‚“ãŒå£°ã‚’ã‚„ã£ã¦ã„ãŸé ƒã®ãƒ‰ãƒ©ãˆã‚‚ã‚“ã®æ–¹ãŒå¥½ããªã®ã§ã€ãã£ã¡ã‚’ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã¦ä½œã‚Šã¾ã—ãŸã€‚æ³¨æ„äº‹é …ã¨ã—ã¦ã¯Google Chromeã¨firefoxã§é–²è¦§ã—ã¦ãã ã•ã„ã€‚Operaã§ã¯ä¸€éƒ¨CSS3ã«å¯¾
mahbo 2010/05/06
css

css3

ã“ã‚Œã¯ã™ã”ã„
ãƒªãƒ³ã‚¯
1