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

Pandagumi id:Pandagumi

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

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

Media Queries ã‚’ä½¿ã£ã¦ã€Webã‚µã‚¤ãƒˆã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«å¯¾å¿œã•ã›ã‚‹ã¨ãã®æ³¨æ„æ›¸ã
ä»Šå›žã“ã®ãƒ–ãƒã‚° - Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€iPhone ãªã©ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¾ã—ãŸã€‚ä½¿ç”¨ã—ãŸã®ã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã€‚ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã®ä½¿ã„æ–¹ã‚„æ„Ÿæƒ³ã€æ°—ã‚’ã¤ã‘ãŸã„æ³¨æ„æ›¸ãã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ é…ã‚Œã°ã›ãªãŒã‚‰ã“ã®ãƒ–ãƒã‚° â€“ Webãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ¬ã‚·ãƒ”ã‚’ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚è¦‹ã‚Œã‚‹ã‚ˆã†ã«æ”¹ä¿®ã—ã¾ã—ãŸã€‚ã“ã®ãƒ–ãƒã‚°ã¯ WordPress ã§æ›¸ã„ã¦ã„ã‚‹ã®ã§ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ iPad ã¸ã®å¯¾å¿œæ–¹æ³•ã¯ã„ãã¤ã‚‚ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ CSS3 ã® Media Queriesï¼ˆãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼‰ã‚’ä½¿ã£ã¦ã€iPadã€iPhone ãªã©ã€ã„ã‚ã‚“ãªãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œï¼ˆå¯¾å¿œã¨ã„ã†ã‹ã€ä¸€å¿œè¦‹ã‚Œã‚‹ç¨‹åº¦ï¼‰ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ ãªã®ã§ Media Queries ã‚’ä½¿ã£ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã¨ã€ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã—ãªãŒã‚‰æ€ã£ãŸã“ã¨ãªã©ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3 Media Queries ç›®æ¬¡
Pandagumi 2012/02/14
css3
ãƒªãƒ³ã‚¯
CSSã®çŸ¥è˜ã‚’ã‚‚ã£ã¨æ·±ã‚ã‚‹30+2ã®å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†ï½œWebpark
åŸºæœ¬çš„ãªã“ã¨ã‚„ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸæ„å¤–ãªä½¿ã„æ–¹ãªã©CSSã«é–¢ã™ã‚‹å°æŠ€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ãŸãã•ã‚“ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚çŸ¥ã£ã¦ã„ã‚‹ã“ã¨ã‚‚å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€æ–°ã—ã„ç™ºè¦‹ã‚‚ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§å¾©ç¿’ã‚’å…¼ãã¦ãœã²ã”è¦§ãã ã•ã„ã€‚
Pandagumi 2011/11/07
css

css3
ãƒªãƒ³ã‚¯
IE6ã€IE7ã€IE8ã§CSS3ãŒå®Ÿè£…ã§ãã‚‹ã€ŒCSS3 PIEã€ãŒã„ã„æ„Ÿã˜
ã„ã¤ã‚‚ãŸã‚ã«ãªã‚‹ãƒ„ãƒ¼ãƒ«ã‚„æ‰‹æ³•ã‚’ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚³ãƒªã‚¹ã•ã‚“ã§ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€ŒCSS3 PIEã€ãŒã™ã”ãè‰¯ã„æ„Ÿã˜ã ã£ãŸã®ã§ã”ç´¹ä»‹ã€‚ ã“ã®PIEã€Progressive Internet Explorerã®ç•¥ã§ã€Internet Explorer 6ã€7ã€8ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ãªã„border-radiusã‚„box-shadowãªã©ã®CSS3ã®æ©Ÿèƒ½ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤CSS3ã®ä»•æ§˜ã«æº–æ‹ ã—ãŸæŒ‡å®šæ–¹æ³•ã§å®Ÿè£…ã§ãã‚‹ã¨ã“ã‚ãŒã™ã”ãè‰¯ã„æ„Ÿã˜ã§ã™ã€‚ Firefoxã‚’ã¯ã˜ã‚Safariã‚„Chromeãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æœ€æ–°ç‰ˆã§ã¯CSS3ã®ã‚µãƒãƒ¼ãƒˆãŒå……å®Ÿã—ã¦ã„ã‚‹ã®ã§ã€ãã‚Œã‚’æ´»ç”¨ã—ãªã„æ‰‹ã¯ãªã„ã€‚ãŒã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶å±¤ã«ã‚ˆã£ã¦ã¯IEãŒå¤§ããªè¶³ã‹ã›ã¨ãªã‚‹ã€‚ ãã‚Œã‚’ã‚·ãƒ³ãƒ—ãƒ«ã«è§£æ±ºã—ã¦ãã‚Œã‚‹ã®ãŒã€ã“ã®ã€ŒCSS3 PIEã€ã§ã™ã€‚ â€»åƒ•ãŒæ‹…å½“ã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯ãªãœã‹IE6ãŒç„¡è¦–ã§ããªã„ã‚·ã‚§ã‚¢
Pandagumi 2011/11/07
css3
ãƒªãƒ³ã‚¯
ã©ã“ã§è²·ãˆã‚‹ï¼Ÿå£²ã£ã¦ã‚‹ï¼Ÿ
ãƒŸãƒ«ãƒã‚½ã‚²ãƒ«ã¯ã€è„‚æ¼æ€§çš®è†šç‚Žã«ç›´æŽ¥çš„ãªåŠ¹èƒ½ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã—ã‹ã—ã€è„‚æ¼æ€§çš®è†šç‚Žã®ç—‡çŠ¶æ‚ªåŒ–ã®åŽŸå› ã¨ãªã‚‹ãƒžãƒ©ã‚»ãƒã‚¢èŒã®å¢—æ®–ã‚’æŠ‘åˆ¶ã™ã‚‹åŠ¹æžœãŒã‚ã‚‹ãŸã‚ã€é–“æŽ¥çš„ã«ç—‡çŠ¶æ”¹å–„ã«å½¹ç«‹ã¤å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ãƒŸãƒ«ãƒã‚½ã‚²ãƒ«ãŒè„‚æ¼æ€§çš®è†šç‚Žã«å½¹ç«‹ã¤ç†ç”±ã‚’è©³ã—ãèª¬æ˜Žã—ã¾...
Pandagumi 2011/11/02
wordpress

html5

css3
ãƒªãƒ³ã‚¯
HTML5ã‚„css3ã‚’ä½¿ã†éš›ã«è¦‹ã¦ã‚‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹çš„ãªã‚µã‚¤ãƒˆã¨ã‹ã€ä½¿ã„å‹æ‰‹ã®è‰¯ã„ãƒ„ãƒ¼ãƒ«ã¨ã‹ - ã‹ã¡ã³ã¨.net
ã‚ã¾ã‚Šã«æƒ…å ±é‡ãŒå¤šãã¦æ··ä¹±ã—ã¦ããŸã®ã§ è‡ªåˆ†ç”¨ã«ã¾ã¨ã‚ã€‚ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹ã€ã¡ã‚ƒã‚“ã¨ å®Ÿè·µã§ä½¿ãˆã‚‹ãƒ„ãƒ¼ãƒ«ã‚’è‡ªåˆ†ãªã‚Šã«åŽ³é¸ã—ã¦ ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ã©ã†ã‚‚ã€ã‚ã£ã¡ã“ã£ã¡ã§ ã‚ã‚ŒãŒä¾¿åˆ©ã¨ã‹ã“ã‚ŒãŒä¾¿åˆ©ã ã¨ã‹è¨€ã‚ã‚Œã‚‹ ã¨è¨³ãŒåˆ†ã‹ã‚‰ãªããªã‚‹ã®ã§ãã‚ãã‚çµžã‚‰ãªã„ ã¨ã§ã™ãã€‚ ã¨ã„ã†ã‚ã‘ã§ãŠéŠã³ã§ã¯ãªãå®Ÿè·µã«å½¹ç«‹ã£ã¦ã‚‹åŸºæœ¬çš„ãªãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨ã‹åŠ©ã‘ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã®ãƒ¡ãƒ¢ãªã®ã§ç›®æ–°ã—ã„ã‚‚ã®ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚å®Œå…¨ã«è‡ªåˆ†ç”¨ã®ã¾ã¨ã‚ã§ã™ã€‚å€‹äººçš„ã«ã¯åŸºç¤Žç”¨ã®ã‚µã‚¤ãƒˆã¨ã€å®Ÿè·µå‘ã‘ã®ãƒ„ãƒ¼ãƒ«ã‚„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã‘ã‚ã‚Œã°ã„ã„ã¨ã„ã†æ„Ÿã˜ã§ã™ã€‚ å°šã€css3/html5ã«é–¢ã™ã‚‹æƒ…å ±ã ã‘ã‚’æ±‚ã‚ã¦ã„ã‚‹&ç‰¹ã«æƒ…å ±å–å¾—ã«æ€¥ã„ã§ãªã„ãªã‚‰dotHTML5ã¨ã„ã†ã‚µã‚¤ãƒˆ1ã¤ã§äº‹è¶³ã‚Šã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ â€»W3Cã¯å‰²æ„›ã§ã„ã„ã§ã™ã‚ˆã ãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆã¨ã‹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã ã‘ã§åŸºæœ¬çš„ã«ã¯ã„ã„æ„Ÿã˜ã§ã™ã‹ããƒ»ãƒ» HTML5 ã‚¿ã‚°ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ã¾ã¾ãªã‚‰ãªã„ã»ã©æ…£ã‚Œã¦ãª
Pandagumi 2011/10/26
html5

css3
ãƒªãƒ³ã‚¯
css3ã‚’ä½¿ã£ã¦æ‰‹ç´™ãŒå°ç’ã‹ã‚‰å‡ºã¦ãã‚‹æ§˜ã‚’è¡¨ç¾ã—ãŸã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãŒãªã‹ãªã‹å¯æ„›ã„ - ã‹ã¡ã³ã¨.net
ã¨ã£ã¦ã‚‚å¯æ„›ã‚‰ã—ã„ã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ•ã‚©ãƒ¼ãƒ ãŒã‚ã‚Šã¾ ã—ãŸã®ã§ãƒ¡ãƒ¢ãŒã¦ã‚‰ã”ç´¹ä»‹ã—ã¾ã™ã€‚å°ç’ã«å…¥ ã£ãŸæ‰‹ç´™ã‚’æ¨¡ã—ãŸãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€ ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ éƒ¨åˆ†ã®æ‰‹ç´™ãŒ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰å‡ºã¦ãã¾ã™ã€‚ä½¿ã„ã© ã“ã‚ã¯ä»Šã¯é™ã‚‰ã‚Œã¦ã—ã¾ã„ãã†ã§ã™ãŒãƒ»ãƒ» å°†æ¥ã¯æ™®é€šã«ä½¿ãˆã‚‹ã¨ã„ã„ã§ã™ãï½— ãªã‹ãªã‹ç´ æ•µãªãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚æ‰‹ç´™ã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚†ã£ãã‚Šãƒ•ã‚©ãƒ¼ãƒ ãŒå‡ºã¦ãã¾ã™ã‚ˆã€‚ã“ã†ã„ã†ç™ºæƒ³åŠ›ãŒã»ã—ã„ã§ã™ããƒ»ãƒ» a unique contact form with css3 transitions ãŠæ‰‹ç´™ãŒå…¥ã£ãŸå°ç’ã§ã™ã€‚ãƒãƒ©ãƒƒã¨ãƒ•ã‚©ãƒ¼ãƒ ãŒè¦‹ãˆã¦ã¾ã™ãã€‚ ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ãƒ»ãƒ» ã‚†ã£ãŸã‚Šã¨ã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã™ã‚‹ã™ã‚‹ã¨å‡ºã¦ãã¾ã™ã€‚ã‹ã‚ãˆãˆï½— ã“ã‚“ãªä»•çµ„ã¿ã‚‰ã—ã„ã§ã™ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯transitionã§ã€ãƒ›ãƒãƒ¼æ™‚ã«é«˜ã•ã‚’å¤‰ãˆã¦ã‚‹ã‚“ã§ã™ãã€‚ form {background:#f7f2ec url('
Pandagumi 2011/10/26
css3

jquery

form
ãƒªãƒ³ã‚¯
CSS3ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹æ‰‹è»½ã§è»½é‡ãªJavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªãƒ»cssFx.js - ã‹ã¡ã³ã¨.net
ä¹…ã—ã¶ã‚Šã«ã‹ãªã‚Šä¾¿åˆ©ãã†ãªæ°—ãŒã—ãŸ ã®ã§å‚™å¿˜éŒ²ã€‚CSS3ã§å„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾å¿œ ã•ã›ã‚‹ãŸã‚ã«åŠ ãˆã‚‹ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ è‡ªå‹•ã§ä»˜ã‘ã¦ãã‚Œã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ å°†æ¥çš„ã«CSS3ã®ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ä»˜ã‘ ã‚‹å¿…è¦ãŒç„¡ããªã‚‹ã®ã§ãã†ãªã£ãŸã‚‰ ã“ã‚Œã‚’å¤–ã›ã°ã„ã„ã ã‘ã§ã™ãã€‚ ä½¿ã„æ–¹ã‚‚ã™ã”ãç°¡å˜ã§3.7KBã¨è»½é‡ã§ã™ã€‚cssãŒç®¡ç†ã—ã«ããã¦å›°ã£ã¦ã‚‹æ–¹ã¯æ¤œè¨Žã—ã¦ã¿ã¦ã¯ã„ã‹ãŒã§ã—ã‚‡ã†ã€‚ã¾ãŸã€jQueryã‚„mootoolsã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ä¾å˜ã—ãªã„ã®ã‚‚ç´ æ•µã§ã™ãã€‚ åœ°å‘³ã«ã„ã„ã‹ã‚‚ã€‚CSSPrefixerã¿ãŸã„ã«ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ä»˜ã‘ã¦ãã‚Œã‚‹Webã‚µãƒ¼ãƒ“ã‚¹ã¯ã„ãã¤ã‹å˜åœ¨ã—ã¾ã™ãŒã€ã“ã†ã„ã†ã®ãŒã‚ã‚‹ã®ã¯å¤šãã®äººãŒé¢å€’ã ã¨æ€ã£ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã—ãã€‚ã“ã‚Œã‚’ã€jsã§ä»˜ã‘ã‚ˆã†ãœã€ã¨ã„ã†ã®ãŒcss Fx.jsã§ã™ã€‚ ä½•ã‚ˆã‚Šã€å°†æ¥çš„ã«ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã¯ä¸è¦ã«ãªã‚‹ã®ã§ã€ãã®ã¨ãã®ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã‚‚ã“ã‚Œã«ã—ã¦ãŠã‘ã°ã€å¤–ã™ã ã‘ã§æ¸ˆã‚€ã®ã§æ¥½ã§ã™ã‚ˆãã€‚ C
Pandagumi 2011/10/26
css3
ãƒªãƒ³ã‚¯
ç¢ºå®Ÿã«é€²åŒ–ã—ã¦ã„ã‚‹ï¼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
Pandagumi 2011/10/26
css3

nav
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«åˆ©ç”¨ãŒå¯èƒ½ãªã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®æ‹¡å¤§ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ãƒšãƒ¼ã‚¸ã®ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®è¦ç´ ã«ç°¡å˜ã«é©ç”¨ã§ãã¾ã™ã€‚ ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å®Ÿè£…æ–¹æ³• HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚divè¦ç´ ã«classã‚’ä»˜ä¸Žã—ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ <div class="box">My box</div> CSSï¼šã‚·ãƒ£ãƒ‰ã‚¦ã®é©ç”¨ box-shadowã‚’ä½¿ç”¨ã—ã¦ã€å†…å´ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã—ã¾ã™ã€‚ .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
Pandagumi 2011/08/15
ç´™ãŒå°‘ã—ã ã‘ã‚ãã‚ŒãŸæ„Ÿã˜

css3
ãƒªãƒ³ã‚¯
so-network.biz
Pandagumi 2011/08/04
css3
ãƒªãƒ³ã‚¯
HTML5, CSS3, jQueryã‚’ä½¿ç”¨ã—ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºç”¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -G5 Framework
CSSã®ã‚ãƒ£ãƒƒã‚·ãƒ¥å¯¾ç– ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶å¯¾å¿œã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ä¸é€æ˜Ž ã‚·ãƒ§ãƒ¼ãƒˆãƒãƒ³ãƒ‰CSSã€å†åˆ©ç”¨å¯èƒ½ãªclass ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«å›ºå®šè¡¨ç¤ºã•ã‚Œã‚‹Sticky Footer CSSï¼ˆReseté–¢é€£ï¼‰ ãƒªã‚»ãƒƒãƒˆã¯HTML5ãƒ™ãƒ¼ã‚¹ã®Eric Meyer's Reset Reloaded ãƒ•ã‚©ãƒ³ãƒˆã®ãƒŽãƒ¼ãƒžãƒ©ã‚¤ã‚¼ãƒ¼ã‚·ãƒ§ãƒ³ Webkitç³»ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ•ã‚©ãƒ³ãƒˆã®ã‚¹ãƒ ãƒ¼ã‚¸ãƒ³ã‚° ãƒ•ã‚©ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ ãƒ©ãƒ™ãƒ«ã®ä¸€åˆ—åŒ– ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªã‚¤ãƒ³ãƒ—ãƒƒãƒˆè¦ç´ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼å¯¾å¿œ IE7ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒªã‚µã‚¤ã‚¸ãƒ³ã‚° å°åˆ·æ™‚ã®ã‚¹ã‚¿ã‚¤ãƒ« X(HTML) ã‚¯ãƒªãƒ¼ãƒ³ãªã‚³ãƒ¼ãƒ‰æ§‹é€ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„å¹…ã¯940px Fåž‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¤ã„ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®IEã‹ã‚‰ã‚¤ãƒ¡ãƒ¼ã‚¸ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã®å‰Šé™¤ æœ€æ–°ã®IEã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒ³ã‚¸ãƒ³ jQuey 1.5.2ãƒ™ãƒ¼ã‚¹ï¼ˆ1.4.4ã‚‚å¯ï¼‰ ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã¸ã‚¹ãƒ ãƒ¼ã‚ºã«ã‚¹ã‚¯ãƒãƒ¼ãƒ« HTML5ã®ãƒ—ãƒ¬ãƒ¼ã‚¹ãƒ›ãƒ«ãƒ€ãƒ¼æ©Ÿèƒ½ ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§
Pandagumi 2011/05/17
html5

css3

framework
ãƒªãƒ³ã‚¯
CSS3ã¨jQueryã§ãƒ•ã‚©ãƒ¼ãƒ ã‚’ç¾Žã—ãè£…é£¾ã™ã‚‹æ–¹æ³•
2014å¹´8æœˆ22æ—¥ CSS, jQuery ã©ã‚“ãªWebã‚µã‚¤ãƒˆã§ã‚‚è¨ç½®ã•ã‚Œã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã€‚ãªã‚“ã®è£…é£¾ã‚‚ãªãå‘³æ°—ãªã„ãƒ•ã‚©ãƒ¼ãƒ ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸã‚‚ã®ã®ã»ã†ãŒé€£çµ¡ã—ã¦ã¿ãŸããªã‚‹ã¯ãšã§ã™ï¼ãã‚“ãªãƒ•ã‚©ãƒ¼ãƒ ã‚‚å°‘ã—æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã§ç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰èº«ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ä»Šå›žã¯CSS3ã¨jQueryã‚’ä½¿ã£ã¦ã‚ˆã‚Šç¾Žã—ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ãƒ•ã‚©ãƒ¼ãƒ ã®ä»•æ§˜ ä»Šå›žãƒãƒ£ãƒ¬ãƒ³ã‚¸ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ä¸»ãªä»•æ§˜ã§ã™ï¼ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã‚’ä½¿ã£ã¦ç«‹ä½“æ„Ÿã‚’è¡¨ç¾ è§’ä¸¸ã§ä¸¸ã¿ã‚’ã¤ã‘ã‚‹ï¼ˆãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶: IE7â–³, IE8â–³, IE9, Firefox, Chrome, Safari ãƒ•ã‚©ãƒ¼ãƒ åˆ¶ä½œã®æµã‚Œ CSS3ã£ã¦ãªã‚“ã ï¼Ÿã¨ã„ã†äººã‚‚ã²ã¨ã¤ã²ã¨ã¤è¨˜è¿°ã—ã¦ã„ã‘ã°æ„å¤–ã¨ç°¡å˜ã«ä½œã‚Œã‚‹ã¯ãšã§ã™ï¼ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã§å„é …ç›®ã«ã‚¸ãƒ£ãƒ³ãƒ—ã—ã¾ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯
Pandagumi 2010/10/27
css

form

css3
ãƒªãƒ³ã‚¯
ã‚³ã‚³ã‚’æŠ¼ãˆã¦ãŠã‘ã°CSS3ãŒã ã„ãŸã„åˆ†ã‹ã‚‹ãƒ„ãƒ¼ãƒ«é›† | æ—¥åˆŠã‚¦ã‚§ãƒ–ãƒã‚°å¼
CSS3 Generator CSS3ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ã®ç¢ºèªã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã®ç”ŸæˆãŒåŒæ™‚ã«è¡Œãˆã‚‹ä¾¿åˆ©ãƒ„ãƒ¼ãƒ«ã€‚å¯¾å¿œçŠ¶æ³ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¢ã‚¤ã‚³ãƒ³ã®ä¸Šã«ã‚«ãƒ¼ã‚½ãƒ«ã‚’æŒã£ã¦ã„ãã¨è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Official Site CSS3 Gradient Generator v2.0 ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚³ãƒ¼ãƒ‰ã‚’åãå‡ºã™ãƒ„ãƒ¼ãƒ«ã€‚ã‚«ãƒ©ãƒ¼ãƒ”ãƒƒã‚«ãƒ¼ãªã©ã‚’ä½¿ã£ã¦ç›´æ„Ÿçš„ã«æ“ä½œã§ãã‚‹ Official Site CSS Border Radius ãƒœãƒ¼ãƒ€ãƒ¼ã®è§’ä¸¸ã‚’è¡¨ç¾ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’åãå‡ºã™ãƒ„ãƒ¼ãƒ«ã€‚å››è¾ºã®å‘¨å›²ã«ã‚ã‚‹æ•°å€¤ã‚’å¤‰æ›´ã™ã‚‹ã ã‘ã§ã™ã€‚ Official Site Button Maker ç”»åƒã‚’ä¸€åˆ‡ä½¿ã‚ãšã«CSSã ã‘ã§ã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚’ä½œæˆã€‚ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’ä¸¸ã€å½±ãªã©ã®èª¿ç¯€ãŒå¯èƒ½ Official Site CSS3, please! å·¦å´ã®ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã‹ãˆã‚‹ã¨ã€ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒå³ä¸Šã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ãŒå¤‰åŒ–ã—ã¾ã™ã€‚CSS3ãƒ†ã‚¹
Pandagumi 2010/07/23
css3
ãƒªãƒ³ã‚¯
ãŸã£ãŸä¸€è¡Œã‚’è¿½åŠ ã™ã‚‹ã ã‘ã§IE6/7/8ã‚’CSS3å¯¾å¿œã«ã™ã‚‹ -CSS3 PIE
IE6/7/8ã§ã‚‚CSS3ã®è§’ä¸¸ã€ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒžãƒ«ãƒãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ãªã©ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹behaviorã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
Pandagumi 2010/07/15
css3
ãƒªãƒ³ã‚¯
[CSS]éžå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã«ã‚‚é…æ…®ã—ãŸCSS3ã§å®Ÿè£…ã™ã‚‹ãƒœã‚¿ãƒ³ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ãƒ“ã‚®ãƒŠãƒ¼ã«ã‚‚åˆ†ã‹ã‚Šã‚„ã™ãã‚¹ãƒ†ãƒƒãƒ—ã”ã¨ã«è§£èª¬ã•ã‚ŒãŸã€CSS3ã§ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ãŸãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Create a CSS3 Call to Action Button ä¸‹è¨˜ã¯ã€å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Basic HTML ã¾ãšã¯HTMLã‹ã‚‰å§‹ã‚ã¾ã—ã‚‡ã†ã€‚ æ¨™æº–çš„ãªãƒªãƒ³ã‚¯è¦ç´ ã«ã€Œ.btnã€ã¨ã„ã†classåã‚’ã¤ã‘ã¾ã™ã€‚ HTML <textarea name="code" class="html" cols="60" rows="5"> <div id="linear"> <a href="http://www.sixrevisions.com" class="btn">CLICK THIS BUTTON</a> </div> </textarea>
Pandagumi 2010/07/14
css3
ãƒªãƒ³ã‚¯
[JS]è»½å¿«ã«é–‹é–‰ã™ã‚‹ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ‘ãƒãƒ«ã‚’å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3ã‚’ä½¿ã£ãŸã€è»½å¿«ã«é–‹é–‰ã™ã‚‹ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ‘ãƒãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’spyrestudiosã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
Pandagumi 2010/07/02
css3

jquery
ãƒªãƒ³ã‚¯
http://www.css-lecture.com/log/css3/css3-border-radius.html
Pandagumi 2010/05/20
css3
ãƒªãƒ³ã‚¯
1