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

tsukamott id:tsukamott

cssã«é–¢ã™ã‚‹tsukamottã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (25)

${{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ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒæº€è¼‰ï¼ã€ŒRubyistã®ãŸã‚ã®CSSå‹‰å¼·ä¼šã€ã‚’é–‹å‚¬ã—ã¾ã—ãŸ - give IT a try
ã¯ã˜ã‚ã« ã•ã‚‹2016å¹´1æœˆ9æ—¥ã€è¥¿è„‡.rbï¼†ç¥žæˆ¸.rbã®åˆåŒå‹‰å¼·ä¼šã¨ã—ã¦ã€ŒRubyistã®ãŸã‚ã®CSSå‹‰å¼·ä¼šã€ã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ ä¸»å‚¬è€…ã®åƒ•è‡ªèº«ãŒã€Œå‚åŠ ã—ã¦è‰¯ã‹ã£ãŸï¼ã€ã¨æ€ãˆã‚‹ãã‚‰ã„æœ‰ç›Šãªæƒ…å ±ãŒãŸãã•ã‚“è©°ã¾ã£ãŸå‹‰å¼·ä¼šã«ãªã£ãŸã®ã§ã€ä»Šå›žã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã“ã®å‹‰å¼·ä¼šã®å†…å®¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã‚‚ãã˜ ã¡ã‚‡ã£ã¨é•·ã„ã®ã§ã€å…ˆã«ç›®æ¬¡ã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ ã¯ã˜ã‚ã« ã‚‚ãã˜ è¬›å¸«ã¯åˆåŒä¼šç¤¾ãƒ•ã‚£ãƒ¨ãƒ«ãƒ‰ã®ç”ºç”°ã•ã‚“ï¼ ã“ã®å‹‰å¼·ä¼šã§è¬›ç¾©ã—ã¦ã‚‚ã‚‰ã£ãŸãƒ†ãƒ¼ãƒž åº§å¦ç·¨ Railsã® app/assets/stylesheets å†…ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆä¾‹ æœ€è¿‘æ³¨ç›®ã‚’é›†ã‚ã¦ã„ã‚‹Atomic Designã«ã¤ã„ã¦ 3ç¨®é¡žã®ãƒªã‚»ãƒƒãƒˆç³»CSSã®ç‰¹å¾´ã«ã¤ã„ã¦ å¤‰æ›´ã«å¼·ã„ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãƒ«ãƒ¼ãƒ«ã«ã¤ã„ã¦ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ãƒ‡ã‚¶ã‚¤ãƒŠã®å”æ¥ã«ã¤ã„ã¦ ãƒãƒ³ã‚ºã‚ªãƒ³ç·¨ é€²ã‚æ–¹ã®å…·ä½“ä¾‹ 1å•ç›®ï¼šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆ 2å•ç›®ï¼šã‚¢ãƒ©ãƒ¼ãƒˆç”»é¢ã®ä½œæˆ 3å•ç›®ï¼šè¨˜äº‹
tsukamott 2016/01/13
css

ruby

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
Bootstrap3ã®ç„¡æ–™ãƒ†ãƒ¼ãƒžãƒ»æ ¼å®‰æœ‰æ–™ãƒ†ãƒ¼ãƒžã¾ã¨ã‚ã®ã¾ã¨ã‚
Twitter Bootstrap3ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã«ãªã£ã¦ãã¦ã€ä»Šã¾ã§ã®Bootstrapã ã‘ã ã¨ã†ã¾ãã‚«ãƒãƒ¼ã§ããªããªã£ã¦ããŸã®ã§ã€æ–°ã—ãBootstrap3ã®ç„¡æ–™ãƒ†ãƒ¼ãƒžã¨æœ‰æ–™ã ã‘ã©æ ¼å®‰ã§ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã„ãƒ†ãƒ¼ãƒžã®ã¾ã¨ã‚ã‚’åŽ³é¸ã—ã¦ã¿ã¾ã—ãŸï¼ä¿ºå¾—è¨˜äº‹ã§ã™ã€‚ ðŸšœ ç„¡æ–™ãƒ†ãƒ¼ãƒžã¾ã¨ã‚ã€Bootstrapè£½ã€‘90ãƒšãƒ¼ã‚¸è¶…ãˆã®ç„¡æ–™HTML5ï¼CSS3ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ Titan ç„¡æ–™ã®ãƒ†ãƒ¼ãƒžãŒæ•´ç†ã•ã‚Œã¦ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ç‰¹ã«90ãƒšãƒ¼ã‚¸ä»¥ä¸Šã®å¤§é‡ã®ã‚µãƒ³ãƒ—ãƒ«HTMLã¯ã€ä¸€éƒ¨ãƒ‘ãƒ¼ãƒ„ã‚’æŽ¢ã—ã¦ä½¿ã†ã®ã«ä¾¿åˆ©ãã†ã§ã™ï¼ ðŸŽ‰ ç„¡æ–™ãƒ†ãƒ¼ãƒžBootswatch: Free themes for Bootstrap 15ç¨®é¡žã®Bootstrap3å¯¾å¿œã®ãƒ†ãƒ¼ãƒžãŒã¾ã¨ã¾ã£ã¦ã„ã‚‹ã€‚ç€å®Ÿã«ãƒ†ãƒ¼ãƒžãŒå¢—ãˆã¦ã„ã£ãŸã‚Šã€ã‚¯ã‚ªãƒªãƒ†ã‚£ãŒæ”¹å–„ã—ç¶šã‘ã¦ã„ã‚‹ã®ãŒã™ã°ã‚‰ã—ã„ï¼ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã‚‚ï¼Bootstrap3å¯¾å¿œã®ã‹ã£ã“ã‚ˆã™ãŽã‚‹ç„¡
tsukamott 2015/01/23
bootstrap

css
ãƒªãƒ³ã‚¯
ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ã«é–¢ã™ã‚‹è¨˜äº‹ä¸€è¦§ - ãƒšãƒ‘ãƒœãƒ†ãƒƒã‚¯ãƒ–ãƒã‚°
GMO ãƒšãƒ‘ãƒœã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚ˆã‚‹æŠ€è¡“ãƒ–ãƒã‚° / ãƒšãƒ‘ãƒœã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ ã«é–¢ã™ã‚‹è¨˜äº‹ä¸€è¦§
tsukamott 2014/11/27
css

javascript

web
ãƒªãƒ³ã‚¯
ä»Šæ—¥ã‹ã‚‰ä½¿ãˆã‚‹ï¼ Sass/compass ã‚†ã‚‹ã‚å‹‰å¼·ä¼š
Sass/Compass ã£ã¦ã‚ˆãèžãã‘ã©ã€ãªã‚“ã‹é›£ã—ãã†â€¦ã£ã¦æ€ã£ã¦ã„ã‚‹ä¸»ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼/HTMLã‚³ãƒ¼ãƒ€ãƒ¼ã•ã‚“å‘ã‘ã®å‹‰å¼·ä¼šã§åˆ©ç”¨ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã§ã™ã€‚å‹‰å¼·ä¼šã«ã¯ãƒãƒ³ã‚ºã‚ªãƒ³ãŒçµ„ã¿è¾¼ã¾ã‚Œã¦ã„ãŸã®ã§ã€ã“ã®è³‡æ–™ã«ã¯ä¸é€”åŠç«¯ãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ãŒã”å®¹èµ¦ãã ã•ã„ã€‚ (*'-'*) å†…å®¹çš„ã«ã¯ã€åŸºç¤Žçš„ãªäº‹æŸ„ã‚’ã€æ´»ç”¨ã®ãŸã‚ã®è€ƒãˆæ–¹ã‚’æ·»ãˆã¦è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ä½•ã‹ã®å‚è€ƒã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚Read less
tsukamott 2013/11/23
sass

css
ãƒªãƒ³ã‚¯
åˆã‚ã¦Sassã¨Compassã‚’ä½¿ã£ãŸéš›ã«å‚è€ƒã«ã—ãŸè¨˜äº‹ã¾ã¨ã‚
ã—ã°ã‚‰ãå‰ã‹ã‚‰æ°—ã«ãªã£ã¦ã„ãŸCSSã‚’æ›¸ãæ™‚ã«ä¾¿åˆ©ã ã¨ã„ã†ã€ŒSassã€ã¨ã€ŒCompassã€ã‚’è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹æ™‚ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ é †ç•ªã«å°Žå…¥ã®æ‰‹é †ã‚’è¿½ã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€æ¤œç´¢ã™ã‚‹ã¨å¤šãã®ã‚µã‚¤ãƒˆãŒç´¹ä»‹ã—ã¦ã„ã¾ã™ã®ã§ã€ç§ãŒè¦‹ã¦å‚è€ƒã«ã—ãŸãƒšãƒ¼ã‚¸ã‚’ã¾ã¨ã‚ã¦ãŠããŸã„ã¨æ€ã„ã¾ã™ã€‚ Sassã¨ã¯ ã¾ãšSassã¨ã¯ä½•ã‹ã¨è¨€ã†ã¨ã€CSSã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿è¨€èªžã§ã€ã“ã‚Œã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§CSSã‚’æ—©ãæ›¸ã‘ãŸã‚Šã€è¨˜è¿°ãŒæ¥½ã«ãªã£ãŸã‚Šã—ã¾ã™ã€‚ Sassã®å…¬å¼ã‚µã‚¤ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Sass â€“ Syntactically Awesome Stylesheets Compassã¨ã¯ Sassã‚’æ‹¡å¼µã—ã¦ã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¦ãã‚Œã‚‹ã‚‚ã®ã§ã™ã€‚ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’è‡ªå‹•ã§ã¤ã‘ã¦ãã‚ŒãŸã‚Šã€ãƒªã‚»ãƒƒãƒˆCSSã‚’å‘¼ã³å‡ºã—ã¦ãã‚ŒãŸã‚Šã€CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚’ä½¿ãˆãŸã‚Šã—ã¾ã™ã€‚ Compassã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¯ä»¥ä¸‹ã‹ã‚‰ç¢ºèªã§ãã¾ã™ã€‚ Compass H
tsukamott 2013/02/14
css

compass

sass
ãƒªãƒ³ã‚¯
[CSS]ãƒ•ã‚©ãƒ¼ãƒ ã®è¦‹æ „ãˆã‚’ãã£ã¨ã‚ˆãã™ã‚‹ã€ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›æ¬„ã¨ãƒœã‚¿ãƒ³ã‚’CSS3ã§ç¾Žã—ãã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
CSS3 Form Styling Cheat Sheet CSS3ã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›æ¬„ CSS3ã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒœã‚¿ãƒ³ CSS3ã§ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ãƒ†ã‚ã‚¹ãƒˆå…¥åŠ›æ¬„ HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ classã®hogeã¯ã€éšæ™‚å¤‰æ›´ã—ã¦åˆ©ç”¨ã—ã¦ãã ã•ã„ã€‚ HTML <form> <input type="text" class="hoge" /> </form> ã¾ãšã¯ã€ãƒ™ãƒ¼ã‚¹ã¨ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã™ã€‚ CSS: Basic border:0; padding:10px; font-size:1.3em; font-family:Arial, sans-serif; color:#aaa; border:solid 1px #ccc; margin:0 0 20px; width:300px; æž ç·šã‚’è§’ä¸¸ã«ã—ã¾ã™ã€‚
tsukamott 2012/11/17
css
ãƒªãƒ³ã‚¯
JavaScriptã‚’ä½¿ã‚ãšã«Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ã™ã‚‹
æ˜¨æ—¥ã¯JavaScriptã‚’ä½¿ã£ã¦Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ä»Šæ—¥ã¯JavaScriptç„¡ã—ã§ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿç¾ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…900pxã§è¡¨ç¤º å®Ÿè£… HTML HTMLã¯éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã€å„ãƒ‘ãƒãƒ«ã‚’divè¦ç´ ã§å®Ÿè£…ã—ã€ãã‚Œã‚‰ã‚’divè¦ç´ ã§äºŒé‡ã«å†…åŒ…ã—ã¾ã™ã€‚ <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>ãƒ†ã‚ã‚¹ãƒˆ</p> </div> <div class="pin"> <img src="image.png" /> <p>ãƒ†ã‚ã‚¹ãƒˆ</p> </div> ... ... </div> </div> CSS Pinteresté¢¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’CSSã§å®Ÿç¾ã™ã‚‹ã«ã¯ã€äºŒã¤ã®æ–¹æ³•ãŒè€ƒãˆã‚‰ã‚Œã¾ã™ã€‚ ä¸€ã¤ç›®ã¯floa
tsukamott 2012/08/23
css
ãƒªãƒ³ã‚¯
Twitter Bootstrapã§ã•ãã•ãWebé–‹ç™º : ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
æ–°å¹´åº¦ã§ã™ï¼ æ–°å…¥å¦ã€æ–°å…¥ç¤¾ã‚’è¿Žãˆã‚‹ã¿ãªã•ã‚“ã€ãŠã‚ã§ã¨ã†ã”ã–ã„ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¿ãªã•ã‚“ãŒWebã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã¨ãã€ä¸€ç•ªæ‚©ã‚€ã®ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚«ãƒƒã‚³ã‚ˆãã£ã¦çµ±ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒã»ã—ã„ï¼ã§ã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãªã„ã—â€¦å®Ÿã¯ç§ã‚‚ãã†ã§ã—ãŸã€‚ ã§ã™ãŒã€2æœˆã«ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã—ãŸTwitter Bootstrapã‚’ä½¿ã†ã¨ã€ç°¡å˜ã«ã‚«ãƒƒã‚³ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œã¾ã™ï¼ Twitter Bootstrapã¨ã¯ãªã«ã‹ Twitter Bootstrap CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Webä¸Šã«ä½¿ã£ã¦ã¿ãŸï¼ã‚¹ã‚²ãƒ¼ï¼ç‰ã€ãŸãã•ã‚“ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãŒå˜åœ¨ã—ã¦ã„ã¾ã™ãŒã€ä¸ã«ã¯2æœˆä»¥å‰ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³(v1.4)ã«ã¤ã„ã¦è¨€åŠã—ã¦ã„ã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã®ã§ã€2ç³»ã‚’ä½¿ã†æ–¹ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é•ã„ã«æ°—ã‚’ã¤ã‘ã¦ä¸‹ã•ã„ï¼ˆã‚¯ãƒ©ã‚¹åãªã©çµæ§‹ã‚¬ãƒ©ã£ã¨å¤‰ã‚ã£ã¦ã„ã¾ã™ï¼‰ã€‚ ä»Šå›žã”èª¬æ˜Žã—ã¦ã„ã‚‹ã®ã¯ã€Twitter Bootstrap 2ã«
tsukamott 2012/04/03
css
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2011/08/20/20110819twitter-releases-bootstrap-a-set-of-tools-to-build-web-apps-using-css/
tsukamott 2011/08/21
css

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
åŸºç¤Žã‹ã‚‰ç†è§£ã™ã‚‹ãŸã‚ã®CSS3ã«é–¢ã™ã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ï½œWebpark
CSS3ã¯IEãŒå¯¾å¿œã§ãã¦ã„ãªã„ã“ã¨ã‚‚ã‚ã£ã¦ã€ä»Šã¾ã§ã‚ã¾ã‚Šç´¹ä»‹ã—ã¦ã¾ã›ã‚“ã§ã—ãŸãŒã€ä½¿ã„ã“ãªã›ã‚‹ã¨é¢ç™½ãã†ãªã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ CSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ æœ‰åãªã‚µã‚¤ãƒˆã§ã™ãã€‚CSS3ã«é™ã‚‰ãšã€HTMLã‚„JavaScriptãªã©è†¨å¤§ãªæƒ…å ±é‡ã§ã™ã€‚ CSS-EBLOG å„ãƒ–ãƒ©ã‚¦ã‚¶ã§å…ˆè¡Œå®Ÿè£…ã—ã¦ã„ã‚‹CSSãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ CSS3 Files ã€2010.4.25 è¿½åŠ ã€‘æµ·å¤–ã‚µã‚¤ãƒˆã§ã™ãŒéžå¸¸ã«è¦‹ã‚„ã™ã„ã§ã™ã€‚å„ãƒ–ãƒ©ã‚¦ã‚¶ã®å¯¾å¿œçŠ¶æ³ã®è¼‰ã£ã¦ã„ã¦é‡å®ã—ã¾ã™ã€‚ æ¬¡ã«ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ã‚’ç¢ºèªã™ã‚‹ã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã€‚ HTML5 & CSS3 READINESS HTML5ã¨CSS3ã®ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é©å¿œçŠ¶æ³ã‚’è¦–è¦šçš„ã«è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚2008å¹´ã‹ã‚‰ã®å¹´åˆ¥ã§ã‚‚è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ HTML5 & CSS3 Support ã“ã¡ã‚‰ã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®å¯¾å¿œçŠ¶æ³ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚CSS3ã¯ãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã‚»
tsukamott 2011/02/25
css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚†ãƒ¼ã™ã‘ã¹ãƒ¼æ—¥è¨˜
ã‚µã‚ã¨ã¯å½¼å¥³ã®è‡ªå®…è¿‘ãã€æ¹˜å—å°é§…å‰ã®ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒ¼ã‚±ãƒƒãƒˆã§å¾…ã¡åˆã‚ã›ã‚’ã—ãŸã€‚å½¼å¥³ã¯è‡ªè»¢è»Šã§å¾Œã‹ã‚‰è¿½ã„ã¤ãã¨è¨€ã„ã€åƒ•ã¯å¤§ããªã‚³ã‚¤ãƒ³ãƒ‘ãƒ¼ã‚ãƒ³ã‚°ã¸è»Šã‚’åœã‚ãŸã€‚ç…™è‰ã‚’ä¸€æœ¬å¸ã£ã¦ã‹ã‚‰ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒ¼ã‚±ãƒƒãƒˆã¸å‘ã‹ã†ã¨ã€ã²ã£ãã‚Šãªã—ã«ä¸»å©¦çš„ãªå¥³æ€§ã‹ãŠã°ã‚ã¡ã‚ƒã‚“ãŒå…¥ã‚Šå£ã‚’å‡ºãŸã‚Šå…¥ã£ãŸã‚Šã—ã¦ã„ãŸã€‚æ™‚åˆ»ã¯åˆå¾Œ5æ™‚ã«ãªã‚‹ã€‚æ™‚è¨ˆã‹ã‚‰ç›®ã‚’ä¸Šã’ã‚‹ã¨ã€å¾…ãŸã›ã¡ã‚ƒã£ãŸã‚ãã¨å¤§ã—ã¦æ‚ªã³ã‚Œã¦ãªã„æ§˜åã§ã‚µã‚ãŒæ‰‹ã¶ã‚‰ã§ã‚„ã£ã¦ããŸã€‚ ãŠç¤¼ã«æ–™ç†ã‚’ä½œã‚‹ã¨ã¯ã„ãˆã€ã‚µã‚ã®å®¶ã«ã¯é£ŸæãŒååˆ†è¶³ã‚Šã¦ã„ãªã„ã‚‰ã—ãã€ã“ã†ã—ã¦ã‚¹ãƒ¼ãƒ‘ãƒ¼ãƒžãƒ¼ã‚±ãƒƒãƒˆã«å¯„ã‚‹ã“ã¨ã«ãªã£ãŸã€‚ã‚µã‚ã¯é‡Žèœã‚³ãƒ¼ãƒŠãƒ¼ã‹ã‚‰ç²¾è‚‰ã‚³ãƒ¼ãƒŠãƒ¼ã¾ã§ã€ã¾ã‚‹ã§å„ªç§€ãªã‚«ãƒ¼ãƒŠãƒ“ã«å°Žã‹ã‚Œã‚‹ã‚ˆã†ã«ç„¡é§„ãªãç‚¹æ¤œã—ã¦ã„ã£ãŸã€‚æ¬²ã—ã„é£ŸæãŒã‚ã‚‹ã¨ã€2ç§’é–“ç¨‹åº¦ãã‚Œã‚‰ã‚’å‡è¦–ã—ã€ä¸€åº¦æ‰‹ã«å–ã£ãŸã˜ã‚ƒãŒã„ã‚‚ã‚„ã‚‰è±šè‚‰ã‚„ã‚‰ã‚’è¿·ã†ã“ã¨ãªãåƒ•ãŒæŒã£ã¦ã„ã‚‹ã‚«ã‚´ã«æ”¾ã‚Šè¾¼ã‚“ã ã€‚æœ€å¾Œã«ã‚¢ãƒ«ã‚³ãƒ¼ãƒ«é£²æ–™ãŒå†·ã‚„ã•ã‚Œã¦ã„ã‚‹æ£šã®å‰ã¸è¡Œãã¨ã€ç§ãŒé£²ã‚€ã‹ã‚‰ã¨ãƒ
tsukamott 2011/02/10
css
ãƒªãƒ³ã‚¯
JavaScriptã‚„CSSã®æ›´æ–°æ™‚ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‹ã‚‰èªã¾ã›ãªã„
ãŠãã‚‰ãæž¶ç©ºã®ã‚¹ãƒˆãƒ¼ãƒª ãƒ—ãƒã‚°ãƒ©ãƒžã€Œãƒ—ãƒã‚°ãƒ©ãƒ ã‚’æ›´æ–°ã—ã¾ã—ãŸã€ ãƒ†ã‚¹ã‚¿ãƒ¼ã€Œã„ããªã‚Šã‚¨ãƒ©ãƒ¼ãŒã§ã¾ã™ã‚ˆï¼å‹•ä½œç¢ºèªã—ãŸã‚“ã§ã™ã‹ï¼ã€ ãƒ—ãƒã‚°ãƒ©ãƒžã€Œãˆã€ç§ã®ã¨ã“ã‚ã§ã¯å‹•ãã‘ã©â€¦ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚¯ãƒªã‚¢ã—ã¾ã—ãŸï¼Ÿã€ ãƒ†ã‚¹ã‚¿ãƒ¼ã€Œã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ã‚¯ãƒªã‚¢ã—ãŸã‚‰ã‚¨ãƒ©ãƒ¼ãŒã§ãªããªã‚Šã¾ã—ãŸã€ ãƒ†ã‚¹ã‚¿ãƒ¼ã€Œã§ã‚‚ã€ãƒ¦ãƒ¼ã‚¶å…¨å“¡ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ã‚¯ãƒªã‚¢ã•ã›ã‚‹ã®ï¼Ÿã€ ä»Šæ—¥ã€JavaScriptã‚„CSSã®æ›´æ–°æ™‚ã«ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‹ã‚‰èªã¾ã›ãªã„æ–¹æ³•ã‚’çŸ¥ã‚Šã¾ã—ãŸã€‚ å…ˆäººé”ã¯å‰å¤§ã™ãŽã¾ã™ã€‚ <link href="common.css" rel="stylesheet" type="text/css"> ã“ã®è¨˜è¿°ã ã¨ã‚µãƒ¼ãƒå´ã®ã€Œcommon.cssã€ã‚’æ›´æ–°ã—ã¦ã‚‚ã€ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®ã€Œcommon.cssã€ãŒä½¿ç”¨ã•ã‚Œã¦ã€ ã‚µãƒ¼ãƒå´ã®å¤‰æ›´ãŒåæ˜ ã•ã‚Œãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã‚Œã‚’cssã‚„jsã«ã‚¯ã‚¨ãƒªãƒ¼æ–‡å—åˆ—ã‚’ä»˜åŠ ã™ã‚‹ã“ã¨ã§ã€ ã€Œcommon.cs
tsukamott 2010/10/13
css
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šæ—©ãcssã‚„htmlã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒè¡Œãˆãã†ãªæƒ…å ±ã„ã‚ã„ã‚ - ã‹ã¡ã³ã¨.net
Webåˆ¶ä½œã‚’å°‘ã—ã§ã‚‚åŠ¹çŽ‡åŒ–ã—ã‚ˆã† ã¨æ€ã£ã¦ï¼ˆä»Šæ›´ï¼‰ã„ã‚ã„ã‚ä¾¿åˆ©ãã† ãªæƒ…å ±ã‚’æŽ¢ã—ã¾ã—ãŸã€‚æ—¢ã«ä½¿ã£ã¦ ã„ã‚‹æƒ…å ±ã®æ–¹ãŒå¤šã‹ã£ãŸã®ã§ã™ ãŒã€æŠ˜è§’èª¿ã¹ãŸã®ã§ã‚·ã‚§ã‚¢ã—ãŸã„ ã¨æ€ã£ã¦ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã‚‚ã£ã¨å††æ»‘ã«ã€ã¨ã„ã†æ—¨ã®æƒ…å ±ã§ã™ã€‚é †ä¸åŒã€‚ã‚ã‚“ã¾ã‚Šå¤šã„ã¨é€†åŠ¹æžœãªã®ã§é‡ã¯çµžã‚Šã¾ã—ãŸã€‚ä¸€å¿œã“ã‚Œã§ã‚‚çµžã‚Šã¾ã—ãŸã€‚çµžã£ãŸã¤ã‚‚ã‚Šã€‚ zen-coding è©±é¡Œã«ãªã£ãŸzen-codingã€‚ã ã„ã¶æ…£ã‚Œã¦æ¥ãŸæ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã®ã§ã¯ã€‚ zen-codingï¼ˆæœ¬å®¶ï¼‰ HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ3å€é€Ÿããªã‚‹ï¼Ÿã€ŒZen-Codingã€ ç§€ä¸¸Zen- Codingãƒžã‚¯ãƒ ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®åŠ¹çŽ‡åŒ–ã‚’å›³ã‚‹Zen codingã‚’Dreamweaver cs4ã«å…¥ã‚Œã‚‹æ–¹æ³• WP Zen-CodingãŒå‡„ãä¾¿åˆ© åˆæœŸè¨å®šã¨ã‹Tipsã¨ã‹ åˆ¶ä½œå‰ã«çŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãªã‚³ãƒ¼ãƒ‰ã¨ã‹Tipsã„ã‚ã„ã‚ã€‚ cssæ›¸ãå‰ã«ãƒã‚§ãƒƒã‚¯ã€‚ ã‚‚ã†ã€cla
tsukamott 2010/06/09
css
ãƒªãƒ³ã‚¯
CSS3ãªãƒœã‚¿ãƒ³ã‚’WEBä¸Šã§ä½œã‚Œã‚‹ã€ŒButton Makerã€:phpspoté–‹ç™ºæ—¥èªŒ
Button Maker CSS3ãªãƒœã‚¿ãƒ³ã‚’WEBä¸Šã§ä½œã‚Œã‚‹ã€ŒButton Makerã€ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã§ãƒœã‚¿ãƒ³ã®å¤§ãã•ã‚„è§’ä¸¸ã‚’èª¿æ•´ã—ã¦ã€è‰²ã‚’æŒ‡å®šã™ã‚‹ã“ã¨ã§ç°¡å˜ã«ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ä»˜ã§ãƒœã‚¿ãƒ³ã‚’ä½œã‚Œã¾ã™ã€‚ ä½œæˆã•ã‚Œã‚‹ãƒœã‚¿ãƒ³ã®ä¾‹ ãƒœã‚¿ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°CSSã‚³ãƒ¼ãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ è¦‹æ „ãˆã®ã‚ã‚‹ãƒœã‚¿ãƒ³ã‚’ã‚µã‚¯ãƒƒã¨ä½œã‚‹å ´åˆã«ä½¿ãˆãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSã§ãƒœã‚¿ãƒ³ã‚’ç¶ºéº—ã«ã‚¹ã‚¿ã‚¤ãƒ«ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«é›† CSSã§ã‚»ã‚¯ã‚·ãƒ¼ãªè§’ä¸¸ç«‹ä½“ãƒœã‚¿ãƒ³ã‚’ä½œæˆã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« CSSã§ã‚¯ãƒ¼ãƒ«ãªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ã¾ã¨ã‚
tsukamott 2010/05/24
css

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›†
2019å¹´5æœˆ17æ—¥ CSS CSSãƒãƒƒã‚¯ã«ç¶šãã€ã“ã®CSSå°æŠ€é›†ã‚‚ç§ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã«ãšã‚‰ã‚Šã¨ä¸¦ã‚“ã§ã„ãŸã®ã§ã€æ•´ç†ã‚‚å…¼ãã¦è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚CSSã®ãŠå‹‰å¼·ã‚’å§‹ã‚ãŸã°ã‹ã‚Šã®é ƒã«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ã¦ãŠã„ãŸã‚‚ã®ã‚‚å¤šæ•°ã€‚ã€‚ã¨ã„ã†ã“ã¨ã§åˆå¿ƒè€…ã•ã‚“ã‹ã‚‰ãƒ™ãƒ†ãƒ©ãƒ³ã•ã‚“ã¾ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ ã‚³ãƒ¼ãƒ‰ã¯ã‚µãƒ³ãƒ—ãƒ«å†…ã®ã€ŒHTMLã€ã‚„ã€ŒCSSã€ã‚¿ãƒ–ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ãã ã•ã„ãï¼ å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãªCSSå°æŠ€é›† ã‚·ãƒªãƒ¼ã‚º ã€ç¬¬2å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª20ã®CSSå°æŠ€é›† ã€ç¬¬3å¼¾ã€‘å°‘ã—ã®ã‚³ãƒ¼ãƒ‰ã§å®Ÿè£…å¯èƒ½ãª15ã®CSSå°æŠ€é›† ã¾ãšã¯CSSåŸºç¤Žç·¨ 1. divã‚’ä¸å¤®æƒãˆã«ã™ã‚‹ ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆãŒåŸºæº–ã¨ãªã‚‹divã‚’ç”»é¢ã®ä¸å¤®æƒãˆã«è¨å®šã—ã¦ã„ã¾ã™ã€‚å·¦å³ã®marginã‚’autoã«ã—ã¦ä¸å¤®æƒãˆã«ã€‚ See the Pen Center Div by Mana (@manabox
tsukamott 2010/04/15
css
ãƒªãƒ³ã‚¯
ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•
ã‚°ãƒªãƒƒãƒ‰ãƒ™ãƒ¼ã‚¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ä½œæˆã™ã‚‹ã¨ã€ã¤ã„ã¤ã„divè¦ç´ ã‚’å¤šç”¨ã—ã¦ã—ã¾ã„ãŒã¡ã§ã™ãŒã€æ„å‘³ã®ã‚ã‚‹ãƒ‡ãƒ¼ã‚¿ã«ã¯ãã‚Œã«é©ã—ãŸè¦ç´ ã‚’ä½¿ç”¨ã—ã€ç„¡é§„ãªdivè¦ç´ ã‚„classã ã‚‰ã‘ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰å’æ¥ã™ã‚‹æ–¹æ³•ã‚’Webdesigner Depotã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Fight Div-itis and Class-itis With the 960 Grid System ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã¯ã˜ã‚ã« CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ï¼š960.gsã®å ´åˆ classã®ä¹±ç”¨ã‚’é¿ã‘ã‚‹ ãƒªã‚¹ãƒˆè¦ç´ ã®ä½¿ç”¨ ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã®ä½¿ç”¨ è¤‡æ•°ã®è¦‹å‡ºã—ã¨ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä½¿ç”¨ åè¦ç´ ã®classã¯è¦ªè¦ç´ ã« ã¯ã˜ã‚ã« æ•°å¹´å‰ã¾ã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã¯ãƒ†ãƒ¼ãƒ–ãƒ«ãŒã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã§ã—ãŸã€‚ãã—ã¦CSSã¯ãã‚Œã‚’å¤§ããå¤‰ãˆã€ä»Šæ—¥ã§ã¯CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¨è¨ˆã‚’å®¹æ˜“ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ã“ã®CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯
tsukamott 2010/04/05
ã‚ã¨ã§èªã‚€

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

css
ãƒªãƒ³ã‚¯
duree dpe
Par la rÃ©daction RÃ©digÃ© le 2021-05-25 Les diagnostics de performance Ã©nergÃ©tique dpe doit Ãªtre affichÃ© pendant toute sa durÃ©e de validitÃ© de 10 ans l'affichage doit Ãªtre visible par le locataire. Dans le diagnostic je pense que tout est rÃ©sumÃ© une super Ã©quipe sur laquelle nous pouvons compter Ã tout moment de surcroit trÃ¨s sympathique. De la performance Ã©nergÃ©tique dpe log ement tous les cas Ã par
tsukamott 2010/01/18
webåˆ¶ä½œ

css
ãƒªãƒ³ã‚¯
CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’ä½¿ã£ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®è¨å®š - builder by ZDNet Japan
CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã™ã‚‹ã¨ã€ã“ã‚Œã¾ã§ã¯JavaScriptã‚„Flashã‚’ä½¿ã‚ãªã„ã¨è¨å®šã§ããªã‹ã£ãŸåŠ¹æžœã‚’ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§è¨å®šã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã€‚ãã“ã§ä»Šå›žã¯ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ©ç”¨ã—ãŸãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒœã‚¿ãƒ³ã®ä½œæˆã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã®è¨å®šã‚’è¡Œã„ãªãŒã‚‰ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³é–¢é€£ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ç´°ã‹ãªæ©Ÿèƒ½ã‚’è¦‹ã¦ã„ããŸã„ã€‚ ãªãŠã€ç¾åœ¨ã®ã¨ã“ã‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æ©Ÿèƒ½ã«å¯¾å¿œã—ã¦ã„ã‚‹ã®ã¯Safari 4ã¨Google Chrome 2ä»¥ä¸Šã¨ãªã£ã¦ã„ã‚‹ã®ã§ã€ã“ã‚Œã‚‰ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚µãƒ³ãƒ—ãƒ«ã®è¡¨ç¤ºã‚’ç¢ºèªã—ã¦ã¿ã¦ã»ã—ã„ã€‚ã¾ãŸã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬çš„ãªä»•çµ„ã¿ã«ã¤ã„ã¦ã¯å‰å›žã¾ã§ã®è¨˜äº‹ã«ã¾ã¨ã‚ã¦ã„ã‚‹ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åŸºæœ¬æ©Ÿèƒ½ã«ã¤ã„ã¦ï¼š CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã€ŒTransitionsã€ CSS 3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã€ŒAnimationsã€ ç”»åƒãŒå°‘ã—ãšã¤è¡¨ç¤ºã•ã‚Œã‚‹ãƒãƒ¼ãƒ«ã‚ªãƒ¼ãƒãƒ¼ãƒœã‚¿ãƒ³ ã¾ãšã¯ã€ã‚«ãƒ¼ã‚½ãƒ«ã‚’é‡ãã‚‹ã¨
tsukamott 2010/01/04
css
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ•ãƒªãƒ¼ã§ä½¿ãˆã‚‹ãƒ—ãƒé¡”è² ã‘ã®ç¾Žéº—CSSã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆé›†ã€‚ æ¬¡ã®ã‚ˆã†ãªã€ã“ã‚ŒãŒç„¡æ–™ï¼Ÿã¨ã„ã†ã‚ˆã†ãªãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒï¼™ç¨®é¡žã€ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªæ–¹ã‚‚ã€ã“ã†ã—ãŸã‚‚ã®ã‚’æµç”¨ã™ã‚‹ã“ã¨ã§ã‚¯ãƒ¼ãƒ«ãªã‚µã‚¤ãƒˆãŒç°¡å˜ã«ä½œã‚Œãã†ã§ã™ãã€‚ ãã‚Œãªã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ã‚„CSSã®çŸ¥è˜ãŒãªã„ã¨æµç”¨ã—ãŸã¨ã—ã¦ã‚‚ã©ã‚“ã©ã‚“å´©ã‚Œã¦ã„ãã€ã¨ã„ã†æã‚ŒãŒã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ä¾¿åˆ©ã§ã™ãã€‚ ãã‚Œãžã‚Œã®ãƒªãƒ³ã‚¯å…ˆã¯ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚è€ƒã«ã—ã¦ãã ã•ã„ã€‚ 9 Beautiful Free CSS Web Templates | CrazyLeaf Design Blog
tsukamott 2009/09/08
css

ã¾ã¨ã‚

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ç¬¬1å›žã€€W3Cã¨ãã®æ¨™æº–åŒ–ãƒ—ãƒã‚»ã‚¹ | gihyo.jp
ã€ŒWebæ¨™æº–ã€ã‚„ã€ŒXHTML+CSSã€ã¨ã„ã£ãŸè¨€è‘‰ãŒã§ã¦ãã‚‹Webåˆ¶ä½œã®æœ¬ã«ã¯ã€å¿…ãšã¨ã„ã£ã¦ã„ã„ã»ã©ã€ŒW3Cã€ã¨ã„ã†è¨€è‘‰ãŒç™»å ´ã—ã¾ã™ã€‚ä»Šå›žã¯ãã®W3Cã¨ã„ã†Webæ¨™æº–åŒ–å›£ä½“ã«ã¤ã„ã¦ã€ã¾ãŸW3CãŒç–å®šã™ã‚‹ä»•æ§˜ãŒã©ã®ã‚ˆã†ã«ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’ã¨ã‚Šã‚ã’ã¾ã™ã€‚ ãã‚‚ãã‚‚W3Cã£ã¦? W3Cï¼ˆWorld Wide Web Consortiumï¼‰ã¨ã¯ã€WebæŠ€è¡“ã®æ¨™æº–åŒ–ã‚’è¡Œã†å›£ä½“ã®ã²ã¨ã¤ã§ã™ã€‚ã€Œâ Webã®å¯èƒ½æ€§ã‚’æœ€å¤§é™ã«å¼•ãå‡ºã™ã€ã“ã¨ã‚’ç›®çš„ã¨ã—ã€Webã®ç™ºæ˜Žè€…ã§ã‚ã‚‹Tim Berners-Leeã«ã‚ˆã£ã¦1994å¹´ã«çµ„ç¹”ã•ã‚Œã¾ã—ãŸã€‚W3Cã¯ä»Šæ—¥ã¾ã§ã«HTMLï¼ˆ3.2ä»¥é™ï¼‰ã‚„XMLã€XHTMLã€CSSã¨ã„ã£ãŸã€æ•°ã€…ã®ä»•æ§˜ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ W3Cã«ã¯ã€ITé–¢é€£ä¼æ¥ã‚’ã¯ã˜ã‚ã¨ã™ã‚‹400è¿‘ãã®ä¼šå“¡ãŒå‚åŠ ã—ã¦ã„ã¾ã™ã€‚Apple, Google, Microsoft, Mozilla, Operaã¨ã„ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ãƒ™
tsukamott 2009/07/24
ã‚ã¨ã§èªã‚€

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