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

iguchitakekazu id:iguchitakekazu

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

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

äººã¯ãªãœè§’ä¸¸ã«é…ã‹ã‚Œã‚‹ã®ã‹ã€ãã®ç†ç”±ã¨è§’ä¸¸ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹
ã‚¦ã‚§ãƒ–ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã ã‘ã§ãªãã€ç¾å®Ÿã®ä¸–ç•Œã§ã‚‚ãŸãã•ã‚“ã®è§’ä¸¸ã‚’ç›®ã«ã—ã¾ã™ã€‚è§’ä¸¸ã¯ä¸€æ™‚ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨è¨€ã£ã¦ã‚‚ã‚ˆã„ã§ã—ã‚‡ã†ã€‚ ãã‚“ãªè§’ä¸¸ãŒãªãœå¥½ã¾ã‚Œã‚‹ã®ã‹ã€ã©ã†ä½¿ãˆã°ã‚ˆã„ã®ã‹ã€ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ã©ã®ã‚ˆã†ã«å®Ÿè£…ã™ã‚‹ã®ã‹ãªã©ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Rounded Corners and Why They Are Here to Stay ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ è§’ä¸¸ã¯ç›®ã«ã€ãã—ã¦è„³ã«å„ªã—ã„< è§’ä¸¸ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã¯å®‰å¿ƒ -Appleã®ã“ã ã‚ã‚Š è§’ä¸¸ã¯ã„ã¤ä½¿ç”¨ã™ã‚‹ã¹ãã‹ è§’ä¸¸ã®å®Ÿè£…ï¼šCSS3< è§’ä¸¸ã®å®Ÿè£…ï¼šå¤ã„æ–¹æ³• çµ‚ã‚ã‚Šã« è§’ä¸¸ã¯ç›®ã«ã€ãã—ã¦è„³ã«å„ªã—ã„ ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«èªçŸ¥ã®æ¨©å¨ï¼šJÃ¼rg NÃ¤nniæ•™æŽˆã«ã‚ˆã‚‹ã¨ã€ã€Žé‹è§’ã®é•·æ–¹å½¢ã¯åŒã˜å¤§ãã•ã®æ¥•å††ã‚ˆã‚ŠèªçŸ¥ã™ã‚‹ã®ã«åŠªåŠ›ã‚’å¿…è¦ã¨ã™ã‚‹ã€‚äººé–“ã®ç›®ã¯å††å½¢ã®ã‚‚ã®ã‚’ã‚ˆã‚Šé€Ÿãæ‰ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ã€ã¨è¿°ã¹ã¦ã„ã¾ã™ã€‚ é‹è§’ã¨è§’ä¸¸ã®è¦–ç·šã®æµã‚Œ é‹
iguchitakekazu 2012/06/08
css3

è§’ä¸¸

webãƒ‡ã‚¶ã‚¤ãƒ³

design
ãƒªãƒ³ã‚¯
ãƒªã‚¹ãƒˆã«1pxã®ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§ã€å°è±¡ãŒãã£ã¨ã‚ˆããªã‚‹
#sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; border-bottom:1px solid #84b2e0; } 1. ä¸‹ã«è–„ã„ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã‚‹ ã“ã®ãƒªã‚¹ãƒˆã«1æœ¬ãƒ©ã‚¤ãƒ³ã‚’åŠ ãˆã‚‹ã ã‘ã§å…¨ç„¶å°è±¡ãŒå¤‰ã‚ã£ã¦ãã¾ã™ã€‚è©¦ã—ã«ä¸‹ã«ç™½ã„ãƒ©ã‚¤ãƒ³ã‚’è¿½åŠ ã—ã¦ã¿ã¾ã™ã€‚ #sample { width:500px; font-size: 16px; color:#333333; background:#d6e5f5; padding:20px; } #sample li { list-style-type : none; padding:5px 10px; bord
iguchitakekazu 2012/03/27
webãƒ‡ã‚¶ã‚¤ãƒ³

design

html

css3
ãƒªãƒ³ã‚¯
CSS3ãƒ“ã‚®ãƒŠãƒ¼ã§ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãè§£èª¬ã•ã‚ŒãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒä½¿ã„ã‚„ã™ã„ç¾Žã—ã„ãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Styling Button Links With CSS3 [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Step 1:ãƒœã‚¿ãƒ³ã®å®Ÿè£… Step 2:ãƒ›ãƒãƒ¼ã®ã‚¹ã‚¿ã‚¤ãƒ« Step 3:ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ã®ã‚¹ã‚¿ã‚¤ãƒ« ã‚ªãƒ—ã‚·ãƒ§ãƒ³:ãƒ†ã‚ã‚¹ãƒˆã®é¸æŠžã‚’ä¸å¯ã« ã¾ã¨ã‚:å…¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ Step 1:ãƒœã‚¿ãƒ³ã®å®Ÿè£… ãƒœã‚¿ãƒ³ã®å®Ÿè£…ã«ã¯ã€ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ HTML ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã«classã‚’ä»˜ä¸Žã—ã¾ã™ã€‚ <p><a class="button-link" href="#">Button Link</a></p> ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã‚’ãƒœã‚¿ãƒ³ã«è¦‹ãˆã‚‹ã‚ˆã†ã‚¹ã‚¿ã‚¤ãƒ«ã—ã¦ã„ãã¾ã™ã€‚ ãƒœã‚¿ãƒ³ãŒã‚¯ãƒªãƒƒã‚¯ã—ã‚„ã™ã„ã‚ˆã†ã«ã€paddingã®å€¤ã‚’å……åˆ†ã«è¨å®šã—ã¾ã™ã€‚ .butto
iguchitakekazu 2012/02/06
ãƒœã‚¿ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

tutorial

css3

css
ãƒªãƒ³ã‚¯
CSS3ã§ç”»åƒã‚’åˆ†å‰²ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹è¶…ã‚¯ãƒ¼ãƒ«ãªãƒ‘ãƒãƒ«å®Ÿè£…ä¾‹:phpspoté–‹ç™ºæ—¥èªŒ
Sliding Image Panels with CSS3 | Codrops CSS3ã§ç”»åƒã‚’åˆ†å‰²ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹è¶…ã‚¯ãƒ¼ãƒ«ãªãƒ‘ãƒãƒ«å®Ÿè£…ä¾‹ã€‚ ä¾‹ãˆã°ã€ç”»åƒãŒï¼”æžšã«åˆ†å‰²ã•ã‚Œã¦ã„ã¦ãã‚Œã‚‰ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æ¬¡ã®ç”»åƒã«åˆ‡ã‚Šæ›¿ã‚ã‚‹ã¨ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’CSS3ã§å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¨®é¡žã¯ï¼”ç¨®é¡žã‚ã£ã¦ã€å…¨éƒ¨CSS3ã§JSã‚ªãƒ•ã§å‹•ãã¾ã™ã€‚ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒè¶…é«˜ã„ã®ã§ã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ç‰ˆã‚’ãã®ã¾ã¾ä½¿ã„ã¾ã‚ã™ã“ã¨ã‚‚å¯èƒ½ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSS3ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ã‚µãƒ³ãƒ—ãƒ«ã‚’èª¿ã¹ã‚‹ã®ã«ä¾¿åˆ©ãªã€ŒCSS3 Click Chartã€ CSS3ã§å‡ºæ¥ãŸã‚¯ãƒ¼ãƒ«ãªLightBoxå®Ÿè£…ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒ•ãƒ«ã‚¹ã‚¯ãƒªãƒ¼ãƒ³èƒŒæ™¯ãŒã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã«ãªã‚‹CSS3ã‚µãƒ³ãƒ—ãƒ«
iguchitakekazu 2012/01/27
css3

CSS

web

webåˆ¶ä½œ

design

ç”»åƒ
ãƒªãƒ³ã‚¯
[CSS] ç¾Žã—ã„ãƒ‘ãƒ³ããšã‚’å®Ÿè£…ã™ã‚‹4ã¤ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ | ã‚³ãƒªã‚¹
ç”»åƒã‚’ä½¿ç”¨ã›ãšã«ã€ã‚·ãƒ³ãƒ—ãƒ«ãªHTMLã§ç¾Žã—ã„ãƒ‘ãƒ³ããšã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS3 breadcrumbs [ad#ad-2] ãƒ‡ãƒ¢ å®Ÿè£… ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯CSS3ã€ç–‘ä¼¼è¦ç´ ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€IE9+, Firefox, Chrome, Safari, Operaã§ã”è¦§ãã ã•ã„ã€‚ 4ã¤ãƒ‡ãƒ¢ã¯ã€å…¨ã¦ç”»åƒã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã›ã‚“ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šãƒ›ãƒãƒ¼æ™‚ å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€ãƒªã‚¹ãƒˆè¦ç´ ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ ulè¦ç´ ã«idã€ç¾åœ¨ä½ç½®ã«classã‚’è¨˜è¿°ã—ã¾ã™ã€‚ <ul id="breadcrumbs-one"> <li><a href="">Lorem ipsum</a></li> <li><a href="">Vivamus nisi eros</a></li> <li><a href="">Nulla sed lorem risus</a></li>
iguchitakekazu 2012/01/25
CSS

html

css3

ãƒ‘ãƒ³ããš

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã®ã¿ã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒªãƒ•ãƒ¬ã‚¯ãƒˆã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ˆã¡ã‚‡ã£ã¨æ›´æ–°ï¼‰ - ãã‚‰ã’ã ã‚‰ã‘
å‰å›žã¯iOS5ã®Mobile Safariã‹ã‚‰ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸHTML5ãƒ»CSSã«ã¤ã„ã¦å‰ç·¨ã¨å¾Œç·¨ã«åˆ†ã‘ã¦ã”ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ãã®ãªã‹ã§èª¬æ˜Žã—ã¦ã„ãªã„å°ã•ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦å°‘ã—ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã§ã™ã€‚ å‰å›žã®Web App Demoã§ã¯ãƒ•ãƒƒã‚¿ãƒ¼ã‚¿ãƒ–ã«ç‰¹æ®ŠãªWebFontã‚’ä½¿ã£ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã—ãŸãŒã€ã‚¿ãƒ–ãŒActiveã®ã¨ãã«è‰²ãŒå¤‰ã‚ã£ã¦ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆåŠ¹æžœã¯CSSã§ãƒ†ã‚ã‚¹ãƒˆã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ã¤ã‹ã£ã¦ã‚„ã£ã¦ã„ã¾ã™ã€‚ é€šå¸¸ã€CSSã§ãƒ†ã‚ã‚¹ãƒˆã‚«ãƒ©ãƒ¼ï¼ˆcolorãƒ—ãƒãƒ‘ãƒ†ã‚£ï¼‰ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ãŒã€Œ:afterã€æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚„ã€Œmask-imageã€ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã“ã¨ã§ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚ˆã†ãªè¡¨ç¾ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å…·ä½“
iguchitakekazu 2011/11/14
CSS

webãƒ‡ã‚¶ã‚¤ãƒ³

html5

css3

css
ãƒªãƒ³ã‚¯
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬çš„ãªå®Ÿè£…ä¾‹ã®ã¾ã¨ã‚
CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ä¸€ã¤ã«å¯¾ã—ã¦ã€å€¤ã‚’äºŒã¤ï¼ˆé–‹å§‹ã¨çµ‚äº†ï¼‰å¤‰æ›´ã—ã€ã•ã¾ã–ã¾ãªCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬çš„ãªå®Ÿè£…ä¾‹ã‚’æ¥½ã—ã‚ã‚‹ãƒ‡ãƒ¢ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ LeaVerou / animatable ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ [ad#ad-2] ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’æ¥½ã—ã‚€ã«ã¯ã€Chrome, Safariã§é–²è¦§ãã ã•ã„ã€‚ Firefoxã§ã¯ä¸€éƒ¨å‹•ä½œã—ã¾ã›ã‚“ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ã‚¿ãƒ¼ãƒˆã¯ã€2ã¤ã‚ã‚Šã¾ã™ã€‚ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ä¸€ã¤ä¸€ã¤ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚¹ã‚¿ãƒ¼ãƒˆ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå…¨éƒ¨åŒæ™‚ã«ã‚¹ã‚¿ãƒ¼ãƒˆ å…¨éƒ¨åŒæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã•ã›ã‚‹ã«ã¯ã€ã€ŒAnimate allã€ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¾ã™ã€‚ å…¨éƒ¨åŒæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã¨ã€ä½•ãŒãªã«ã‚„ã‚‰åˆ†ã‹ã‚‰ãªã„çŠ¶æ…‹ã«w [ad#ad-2] ä¸‹è¨˜ã«æ•°å¤šãã‚ã‚‹ãƒ‡ãƒ¢ã‹ã‚‰ã€ã„ãã¤ã‹ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ä¸‹ã«ã‚ã‚‹ã€Œbackground-colorã€ãªã©ã¯ã€ãã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å€¤ã‚’å¤‰æ›´ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹
iguchitakekazu 2011/11/05
CSS

css3

ãƒœã‚¿ãƒ³

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã‚‹ï¼CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Ÿè£…ã™ã‚‹10ç¨®é¡žã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
Example 10 ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã¨ã‚«ãƒ©ãƒ¼ã‚’å¤‰æ›´ã—ã€é‡ãªã‚Šé †ã‚‚å¤‰æ›´ã€‚ å®Ÿè£… HTML HTMLã®æ§‹é€ ã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ¡ã‚¤ãƒ³ãƒ†ã‚ã‚¹ãƒˆã€ã‚µãƒ–ãƒ†ã‚ã‚¹ãƒˆã€3ã¤ã‚’liè¦ç´ ã«å«ã‚ã¾ã™ã€‚ <ul class="ca-menu"> <li> <a href="#"> <span class="ca-icon">A</span> <div class="ca-content"> <h2 class="ca-main">Exceptional Service</h2> <h3 class="ca-sub">Personalized to your needs</h3> </div> </a> </li> ... </ul> [ad#ad-2] CSS ã‚¢ã‚¤ã‚³ãƒ³ã«ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã¯ç”»åƒã§ã¯ãªãã€ã‚·ãƒ³ãƒœãƒ«ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ @font-face { font-family: 'WebSymbolsRegul
iguchitakekazu 2011/10/27
CSS

ã‚¢ã‚¤ã‚³ãƒ³

css3

html

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
ã“ã‚“ã«ã¡ã¯ã€é´¨ç”°ã§ã™ã€‚ å€‹äººçš„ã«ä»•äº‹ã®å¤§åŠã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³é–¢é€£ãªã®ã§ã€ æœ€è¿‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã¯ã»ã¨ã‚“ã©å…¨ã¦HTML5+CSS3ã§è¡Œã£ã¦ã„ã¾ã™ã€‚ ã¨ã¯ã„ãˆã€PCå‘ã‘ã®ã‚µã‚¤ãƒˆã§ã¯ã¾ã ã¾ã HTML4.01ã€XHTML1.0ã€CSS2.1ã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹å ´åˆãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€ä»Šå›žã¯HTML5+CSS3ã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã£ã¦ã€å½¹ç«‹ã¤ã¨æ€ã†7ã¤ã®è¨å®šã«ã¤ã„ã¦ã€æ›¸ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ï¼‘ï¼ŽHTML5ã®åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ¡ˆ <!DOCTYPEÂ html> <html> <head> <metaÂ charset=utf-8Â /> <title>HTML5Â åˆæœŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ</title>  <linkÂ rel="stylesheet"Â media="screen"Â href="reset.css"Â />  <metaÂ nam
iguchitakekazu 2011/10/20
html

CSS

html5

css3

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[CSS]ã•ã‚Šã’ãªãã€ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ãƒ†ãƒ¼ãƒ–ãƒ«ã«ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
IE6ãªã©ã®éžã‚µãƒãƒ¼ãƒˆãƒ–ãƒ©ã‚¦ã‚¶ã‚‚é…æ…®ã—ãŸã€è§’ä¸¸ã€ã‚¼ãƒ–ãƒ©æŸ„ã€ãƒã‚¤ãƒ©ã‚¤ãƒˆãªã©ç¾Žã—ãã¦åˆ†ã‹ã‚Šã‚„ã™ã„ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹CSS3ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸:Zebra stripes, footer è§’ä¸¸ã€ã‚»ãƒ«ã‚’äº¤äº’ã«ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚° å®Ÿè£…ã®ãƒã‚¤ãƒ³ãƒˆ CSS3ã‚’ä½¿ã£ã¦ç¾Žã—ãã€ãã—ã¦æ©Ÿèƒ½ã™ã‚‹ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€è§’ä¸¸ã‚’å®Ÿè£…ã€‚ ä½™åˆ†ãªid, classã¯ä½¿ç”¨ã›ãšã€æ›´æ–°ãŒå®¹æ˜“ã€‚ â€»tableã«classã‚’ä¸€ã¤ã ã‘ ãƒ¦ãƒ¼ã‚¶ãƒ•ãƒ¬ãƒ³ãƒ‰ãƒªãƒ¼ã§ã€èªã‚€ã“ã¨ãŒç°¡å˜ã€‚ å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ classã¯ã€tableã‚¿ã‚°ã«ã®ã¿ä½¿ç”¨ã—ã¾ã™ã€‚ <table class="bordered"> <thead> <tr> <th>#</th> <th>IMDB Top 10 Movies</th> <th>Year</th> </tr> </thead> <tr
iguchitakekazu 2011/10/19
CSS

css3

tips

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã„ã¾ã•ã‚‰èžã‘ãªã„ï¼žï¼œï¼› åŸºç¤Žã‹ã‚‰å¦ã¶ã€ŒHTML5ã€è¶…å…¥é–€ï¼
HTML5 æ—‹é¢¨ã€å¹ãè’ã‚Œã¦ã¾ã™ãï¼(^0^)ï¼ ã•ã¦ã€ã‚‚ã®ã™ã”ãçªç„¶ã§æç¸®ã§ã™ãŒã€ã“ã®åº¦ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã€è¨ç«‹ã—ã¾ã—ãŸï¼ æ ªå¼ä¼šç¤¾ã‚«ãƒ¤ãƒƒã‚¯ï¼ˆæœ¬ç¤¾ï¼šç¥žå¥ˆå·çœŒéŽŒå€‰å¸‚ã€ ä»£è¡¨å–ç· å½¹CEOï¼šæŸ³æ¾¤å¤§è¼”ã€http://www.kayac.comä»¥ä¸‹ã€Œã‚«ãƒ¤ãƒƒã‚¯ã€ï¼‰ã¯ã€HTMLï¼‹CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€JavaScriptÂ ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ‹…å½“ã™ã‚‹è·ç¨®ãŒæ‰€å±žã™ã‚‹ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã‚’ç™ºè¶³ã„ãŸã—ã¾ã™ã€‚ ã“ã‚Œã¾ã§HTMLãŠã‚ˆã³CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒæ‰€å±žã™ã‚‹æŠ€è¡“éƒ¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãŒæ‰€å±žã™ã‚‹æ„åŒ éƒ¨MEèª²ï¼ˆMEã¯Markup Engineerã®ç•¥ï¼‰ã«åˆ†ã‹ã‚Œã¦æ‰€å±žã—ã¦ã„ã¾ã—ãŸãŒã€æ˜¨ä»Šã®HTML5ã®é€²åŒ–ã¨æ™®åŠã‚’å—ã‘ã¦ã€HTMLã€CSSã€JavaScriptã®æ‹…å½“è€…ã¯ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã«ã¦æ´»å‹•ã‚’ã‚¹ã‚¿ãƒ¼ãƒˆã—ã¾ã™ã€‚ ãã‚“ãªHTMLãƒ•ã‚¡ã‚¤éƒ¨å“¡ãŒä»Šå›žãŠé€ã‚Šã•ã›ã¦ã„ãŸã ãã®ã¯ã€ HTML5 ã«ã¤ã„ã¦åŸºç¤Žã‹ã‚‰
iguchitakekazu 2011/09/16
html

html5

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€

web

Webãƒ‡ã‚¶ã‚¤ãƒ³

css3
ãƒªãƒ³ã‚¯
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
iguchitakekazu 2011/07/21
css3

CSS

IT

ã¾ã¨ã‚

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
CSSã§ãƒªã‚¢ãƒ«ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦åŠ¹æžœã‚’æç”»ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ä¾‹è‰²ã€…:phpspoté–‹ç™ºæ—¥èªŒ
CSS drop-shadows without images ? Nicolas Gallagher CSSã§ãƒªã‚¢ãƒ«ã§ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦åŠ¹æžœã‚’æç”»ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ä¾‹ãŒè‰²ã€…å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ä¸€æ˜”å‰ãªã‚‰ã€ã©ã†è€ƒãˆã¦ã‚‚ç”»åƒã‚’ä½¿ã£ã¦ã„ã‚‹ã¨æ€ã£ã¦ã—ã¾ã†ã“ã†ã—ãŸã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚‚CSSã§å®Ÿç¾ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚å¤šãã¦å®Ÿç”¨çš„ã§ã™ã€‚ãƒ˜ãƒƒãƒ€ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰ã€ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹éƒ¨åˆ†ã«å¿œç”¨ã§ããã†ã€‚ ç”»åƒç·¨é›†ãƒ„ãƒ¼ãƒ«ã¯ä¸€åˆ‡ä¸è¦ã§ã™ã€‚ ä¾‹ãˆã°ã€1å€‹ã®è¦ç´ ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ HTML ã§ã¯ <div> ã«classã‚’ãµã£ã¦ä¸èº«ã¯<p>ã®ã¿ã ã‘ã¨ã„ã†ã®ã«ã€ã“ã‚Œã ã‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®Ÿç¾ã—ã¾ã™ã€‚ å½“ç„¶ã€è¦ç´ ã‚’å›žè»¢ã•ã›ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã¾ã™ãŒç¶ºéº—ã«æç”»ã§ãã¦ã„ã¾ã™ã€‚ ãªã‚“ã¨ã‚‚å¤¢ã®ã‚ˆã†ãªè©±ã§ã™ãŒã€CSS3å¯¾å¿œã® Firefox 3.5+, Chrome 5+, Safari 5+, Opera 10.6+, IE 9+ ã¨ã„ã†å¤§ä½“ã®
iguchitakekazu 2011/02/18
CSS

ãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

css3

web design
ãƒªãƒ³ã‚¯
1