[B! CSS] kulamochiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kulamochi id:kulamochi

CSSã«é–¢ã™ã‚‹kulamochiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (68)

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

æœ€æ–°ç‰ˆã§å¦ã¶Electronå…¥é–€ â€“ HTML5ã§PCã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹åˆ©ç‚¹ã¨æ‰‹é † â€“ ICS MEDIA
Electronï¼ˆã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ³ï¼‰ã¨ã¯ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã§ãã‚‹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã§ã™ã€‚HTMLã¨CSSã€JavaScriptã‚’ä½¿ã£ã¦é–‹ç™ºã—ã€Windowsã¨macOSã®ä¸¡OSã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’1ã¤ã®ã‚³ãƒ¼ãƒ‰ã‹ã‚‰ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚è¿‘å¹´ã€æ³¨ç›®åº¦ãŒé«˜ã¾ã£ã¦ãŠã‚Šãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‚„GitHubãªã©ã€æœ‰åä¼æ¥ã‚‚æŽ¡ç”¨ã—ã¦ã„ã¾ã™ã€‚ Electronã‚¨ãƒ¬ã‚¯ãƒˆãƒãƒ³è£½ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯Chromiumã‚¯ãƒãƒŸã‚¦ãƒ ï¼ˆChromeãƒ–ãƒ©ã‚¦ã‚¶ã®å…ƒã¨ãªã‚‹ã‚‚ã®ï¼‰ã¨Node.jsãƒŽãƒ¼ãƒ‰ã‚¸ã‚§ã‚¤ã‚¨ã‚¹ãŒãƒ©ãƒ³ã‚¿ã‚¤ãƒ ã¨ãªã£ã¦ã„ã¾ã™ã€‚ã‚¦ã‚§ãƒ–ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãã®ã¾ã¾ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦å‹•ã‹ã—ãŸã‚Šã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§å®Ÿç¾ã§ããªã„æ©Ÿèƒ½ã‚’çµ„ã¿è¾¼ã‚ã‚‹ã®ãŒç‰¹å¾´ã§ã™ã€‚ åˆ©ç”¨ç”¨é€”ã¨ã—ã¦ã€ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã‚„ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãƒ¼ã‚½ãƒ•ãƒˆã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ãªã©ã®å°è¦æ¨¡ãªä½¿ã„æ–¹ã‹ã‚‰ã€ã‚¤ãƒ³ãƒˆãƒ©ãƒãƒƒãƒˆå†…ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆãƒ„ãƒ¼
kulamochi 2018/08/23
App

HTML

CSS

javascript
ãƒªãƒ³ã‚¯
http://blog.e-riverstyle.com/2013/09/chromefirefoxcsscss.html
kulamochi 2016/04/08
CSS

tips
ãƒªãƒ³ã‚¯
position:fixedã§ãƒ˜ãƒƒãƒ€å›ºå®šæ™‚ã®ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ãšã‚Œã‚’è§£æ¶ˆã—ãŸã„ ï½œ Tips Note by TAM
position:fixedã‚’ä½¿ã£ã¦ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã—ãŸå ´åˆ ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ä½ç½®ãŒãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã‚’å›ºå®šã™ã‚‹æ¡ˆä»¶ãŒå¢—ãˆã¦ãã¾ã—ãŸã®ã§è¦šæ›¸ã§ã™ã€‚ CSSã§èª¿æ•´ã™ã‚‹æ–¹æ³•ã¨ã€JavaScriptã§èª¿æ•´ã™ã‚‹æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ˜ãƒƒãƒ€ã®é«˜ã•ï¼š100px â– HTML <div id="header"> ãƒ˜ãƒƒãƒ€ãƒ¼ãŒã¯ã„ã‚Šã¾ã™ </div> <div id="content"> <a href="#link01">ãªã‚“ã¨ã‹</a> <div name="link01" id="link01">ã‹ã‚“ã¨ã‹</div> </div> CSSã§èª¿æ•´ã™ã‚‹ padding-topã§ãƒ˜ãƒƒãƒ€ã®é«˜ã•åˆ†ãšã‚‰ã—ã¦ã€margin-topã§ãƒžã‚¤ãƒŠã‚¹ã®å€¤ã‚’ã„ã‚Œã‚‹ã¨ã†ã¾ãã„ãã¾ã™ã€‚ margin-top:-100px; padding-top:100px; â– CSS #header { width: 100%; m
kulamochi 2016/04/04
css

javascript

tips
ãƒªãƒ³ã‚¯
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨
Webãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žå®Ÿè·µç·¨ï¼šjQueryÃ—HTML5Ã—CSS3ã‚’çœŸé¢ç›®ã«å‹‰å¼·ï¼ˆ5ï¼‰ï¼ˆ1/3 ãƒšãƒ¼ã‚¸ï¼‰ å‰å›žã®Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’è¸ã¾ãˆã€ä»Šå›žã¯Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã™ã‚‹ã€‚ å‰å›žï¼ˆWebãƒšãƒ¼ã‚¸ã‚’Retinaå¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï½žåŸºç¤ŽçŸ¥è˜ç·¨ï¼‰ã¯Webã«ãŠã‘ã‚‹ãƒ”ã‚¯ã‚»ãƒ«ã®åŸºæœ¬çš„ãªè©±ã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ãã‚Œã‚’è¸ã¾ãˆãŸä¸Šã§ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’ã¯ã˜ã‚ã¨ã—ãŸé«˜ç²¾ç´°ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«Webãƒšãƒ¼ã‚¸ã‚’å¯¾å¿œã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ CSS Spriteã§è¤‡æ•°ã®è§£åƒåº¦ã«å¯¾å¿œ æœ€ã‚‚åŽŸå§‹çš„ãªå¯¾å¿œæ–¹æ³•ã§ã™ã€‚ä¸€èˆ¬çš„ãªPCãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¨åŒã˜è¦é ˜ã§ä½œæˆã—ãŸç”»åƒã‚’Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«ä½¿ç”¨ã™ã‚‹ã¨ã€ã«ã˜ã‚“ã ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚ãƒ‡ãƒã‚¤ã‚¹ä¸Šã§ã¯åŒã˜ã‚µã‚¤ã‚ºã§ã‚‚ã€ä½¿ã‚ã‚Œã¦ã„ã‚‹ãƒ”ã‚¯ã‚»ãƒ«æ•°ã®ã‚¿ãƒ†ãƒ»ãƒ¨ã‚³ãŒ2
kulamochi 2015/11/26
Web

tips

CSS
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆï¼†Webã‚¢ãƒ—ãƒªã®Retinaå¯¾å¿œæ–¹æ³•ã¾ã¨ã‚
ã“ã‚“ã«ã¡ã¯ã€‚ ä¼šç¤¾ã‹ã‚‰MacBookPro Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ãƒ¢ãƒ‡ãƒ«ã‚’æ”¯çµ¦ã•ã‚Œã¾ã—ãŸæµ…æµ·ã§ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã€éžå¸¸ã«å¿«é©ãªã®ã§ã™ãŒã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã«æœ€é©åŒ–ã•ã‚Œã¦ã„ãªã„Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã§ã¯ã€ãƒ“ã‚¯ã‚»ãƒ«ãƒ™ãƒ¼ã‚¹ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹éƒ¨åˆ†ãŒã™ã“ã—ã¼ã‘ãŸã‚ˆã†ã«è¦‹ãˆã¦ã—ã¾ã„ã¾ã™ã€‚ ç‰¹ã«æ–‡å—ã‚’ç”»åƒã«ã—ã¦ã„ã‚‹å ´åˆãªã‚“ã‹ã¯ã€ã‹ãªã‚Šæ°—ã«ãªã‚Šã¾ã™ã€‚ Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã¯æ—¢ã«iPhoneã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã»ã‹ã€ä¸€éƒ¨ã®Androidã‚‚Retinaç›¸å½“ã®è§£åƒåº¦ã‚’æŒã£ã¦ã„ã‚‹ãƒ¢ãƒ‡ãƒ«ãŒç™»å ´ã—ã¦ãŠã‚Šã€ãƒ¢ãƒã‚¤ãƒ«Webã‚µã‚¤ãƒˆã‚„Webã‚¢ãƒ—ãƒªãŒRetinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚’æ„è˜ã—ãŸä½œã‚Šã«ãªã£ã¦ã„ã‚‹ã“ã¨ã¯ã‚ˆãè¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã‚Œã‹ã‚‰ã‚‚PCãªã©ã€Retinaãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤å¯¾å¿œã®ãƒ‹ãƒ¼ã‚ºã¯å¢—ãˆã‚‹ã ã‚ã†ã¨æ€ã„ã€å¯¾å¿œæ–¹æ³•ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ç›®æ¬¡ imgã‚¿ã‚° CSS JavaScript Google Map
kulamochi 2015/11/26
Web

tips

CSS

javascript
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãªCSS Snippets - NxWorld
ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§CSSã‚’ä½¿ã£ã¦ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã—ã¦ã„ãéš›ã«ã€å€‹äººçš„ã«ã‚ˆãã©å¿˜ã‚Œã—ã¦ã—ã¾ã†ã‚‚ã®ã‚„ä¾¿åˆ©ã ã¨æ€ã†ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ å…¨ä½“çš„ã«æ™®æ®µã‹ã‚‰CSSã‚’ã‚ˆãè§¦ã£ã¦ã„ã‚‹äººã«ã¨ã£ã¦ã¯ç‰¹åˆ¥ç›®æ–°ã—ã„ã‚‚ã®ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ãŒã€ã¾ã CSSã‚’è§¦ã‚Šå§‹ã‚ã¦é–“ã‚‚ãªã„æ–¹ã‚„ã“ã‚Œã‹ã‚‰CSSã‚’è§¦ã£ã¦ã¿ã‚ˆã†ã¨ã„ã†æ–¹ã¯è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ã ã¨æ€ã†ã®ã‚‚ã„ãã¤ã‹ã‚ã‚‹ã®ã§å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹å†…å®¹ã¯ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆç‰¹ã«IE9ä»¥ä¸‹ï¼‰ã«ã‚ˆã£ã¦ã¯ä½¿ç”¨ã§ããªã„ã‚‚ã®ã‚„è¡¨ç¤ºç¢ºèªãŒã§ããªã„ã‚‚ã®ã‚‚ã„ãã¤ã‹å«ã¾ã‚Œã¦ã„ã¾ã™ã€‚ å„è¦ç´ ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã‚¹ã‚¿ã‚¤ãƒ«ã‚’å‰Šé™¤ ãƒ•ã‚©ãƒ¼ãƒ ã§ä½¿ç”¨ã™ã‚‹inputã‚„textareaãªã©ã®è¦ç´ ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ã«ã‚ˆã£ã¦è¦‹ãŸç›®ã¯ç•°ãªã‚Šã¾ã™ãŒã€äºˆã‚ãƒœãƒ¼ãƒ€ãƒ¼ãƒ»ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»è§’ä¸¸ã¨ã„ã£ãŸã‚¹ã‚¿ã‚¤ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ ç‰¹ã«ã“ã ã‚ã‚ŠãŒãªã‘ã‚Œã°ã“ã®ã¾ã¾ä½¿ç”¨ã—ãŸã‚Šã€å¤šå°‘æ‰‹ã‚’åŠ ãˆã‚‹ã ã‘ã¨ã„ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ãŒã€ç•°ãªã‚‹ãƒ–ãƒ©ã‚¦
kulamochi 2015/04/13
css

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ›å‘ã‘ã®ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆã¨ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã¾ã‚ã‚Šã®ãƒ¡ãƒ¢ | ã‚‚ã—ã‚‚ãƒ¯ãƒ¼ã‚¯ã‚¹
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ï¼ˆMedia Queriesï¼‰ã®æŒ‡å®šã‚’èª¿ã¹ãŸã¨ãã®ã¾ã¨ã‚ã§ã™ã€‚ ã¾ãšã¯ãŠç´„æŸã€‚ <meta name="viewport" content="width=device-width,initial-scale=1.0" /> device-widthã‚’æŒ‡å®šã—ã¦ã€ãƒ“ãƒ¥ãƒ¼ãƒãƒ¼ãƒˆï¼ˆä»®æƒ³ã®ç”»é¢é ˜åŸŸï¼‰ã®å¹…ã¨å®Ÿéš›ã®ç”»é¢å¹…ã‚’ä¸€è‡´ã•ã›ã¾ã™ã€‚ iPhoneã®å ´åˆã€3GSã¾ã§ãªã‚‰ã“ã“ã¯320pxã‚’æŒ‡å®šã™ã‚‹ã®ã¨åŒã˜ã€‚iPhone 4ä»¥é™ãªã‚‰Retinaãªã®ã§ãƒ‡ãƒã‚¤ã‚¹å¹…ã¨è¨€ã†ãªã‚‰æœ¬æ¥ã¯640pxã«ãªã‚‹ã¨ã“ã‚ã§ã™ãŒã€äº’æ›æ€§ã‚’å–ã£ã¦ã“ã‚Œã‚‚320pxã€‚ã¤ã¾ã‚Š width=320 ã§ã‚‚ã„ã„ã£ã¦ã“ã¨ã§ã™ã‹ãã€‚ æ¬¡ã¯ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªãƒ¼ã®è¨˜è¿°ã€‚ @media only screen and (-webkit-min-device-pixel-ratio: 2) { /* iPhone Retin
kulamochi 2013/12/19
smartphone

CSS

tips
ãƒªãƒ³ã‚¯
cssã¨ã¯ï¼Ÿä½¿ã„æ–¹ã¨å¦ã³æ–¹ã®åŸºç¤Žã¾ã¨ã‚ - ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®åŸºç¤Žã§ã‚ã‚‹htmlã‚’å‹‰å¼·ã—ã¦ã„ã‚‹ã¨ã€å¿…ãšå‡ºã¦ãã‚‹è¨€è‘‰ãŒcssã€‚ ç¾ä»£ã®webã‚µãƒ¼ãƒ“ã‚¹ã«ãŠã„ã¦ã€htmlã¨cssã¯ã„ã‚ã°å…„å¼Ÿã®ã‚ˆã†ãªã‚‚ã®ã§åˆ‡ã£ã¦ã‚‚åˆ‡ã‚Œãªã„é–¢ä¿‚ã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ã§ã¯ã€cssã¨ã¯ã„ã£ãŸã„ã©ã†ã„ã†ã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Webãƒšãƒ¼ã‚¸ã®æ–‡å—ã®è‰²ã‚„å¤§ãã•ã€èƒŒæ™¯ã€é…ç½®ã¨ã„ã£ãŸè¦‹ãŸç›®ã‚’è¨å®šã™ã‚‹è¨€èªžã®ä¸€ç¨®ã§ã™ã€‚ é™çš„ãƒšãƒ¼ã‚¸ã‚‚å‹•çš„ãƒšãƒ¼ã‚¸ã‚‚è¦‹ãŸç›®ã®éƒ¨åˆ†ã®å¤šãã¯ã“ã®cssã§åˆ¶å¾¡ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚‚ã—cssã‚’è©³ã—ãå¦ã¶ãªã‚‰ã€ç‹¬å¦ã‚‚ã„ã„ã§ã™ãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚¹ã‚¯ãƒ¼ãƒ«ãŒãŠã™ã™ã‚ã§ã™ã€‚è²»ç”¨ã¯å½“ç„¶ã‹ã‹ã‚Šã¾ã™ãŒã€ã‚¢ãƒ‰ãƒã‚¤ã‚¹ãŒã‚‚ã‚‰ãˆã‚‹ã“ã¨ã¨ã€å¦ç¿’ã‚¹ã‚±ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒç®¡ç†ã•ã‚Œã‚‹ã®ã§ã€å¼·åˆ¶çš„ã«é ‘å¼µã‚Œã‚‹ä»•çµ„ã¿ãŒä½œã‚Œã‚‹ã®ã‚‚ãƒ¡ãƒªãƒƒãƒˆã¨è¨€ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ The post cssã¨ã¯ï¼Ÿä½¿ã„æ–¹ã¨å¦ã³æ–¹ã®åŸºç¤Žã¾ã¨ã‚ first appeared on ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’ã®çª“å£.
kulamochi 2013/11/06
CSS

tips
ãƒªãƒ³ã‚¯
IE8ã§ç”»åƒã‚„divå†…ã®è¦ç´ ãŒè¡¨ç¤ºã•ã‚Œãªã„å ´åˆã®å¯¾å¿œ
ã“ã‚“ãªæ„Ÿã˜ã§DIVè¦ç´ ã«å›²ã¾ã‚Œã¦ã„ã‚‹ç”»åƒã‚„ãã®ä»–ã®è¦ç´ ãŒè¡¨ç¤ºã•ã‚Œãªã„ï¼ˆæ¶ˆãˆã‚‹ï¼‰ã¨ã„ã†ç¾è±¡ã§ã™ã€‚ æœ‰åã‚‰ã—ãã€æ¤œç´¢ã—ãŸã‚‰ãŸãã•ã‚“å‡ºã¦ãã¾ã™ã€‚ ç”»åƒã‚µã‚¤ã‚º(width,height)ã‚’æŒ‡å®šã—ã¦ã¦ã‚‚ã€è¡¨ç¤ºã•ã‚Œãªã„ã‚“ã§ã™ããƒ»ãƒ»ãƒ»ã€‚ åŽŸå› 10.3.6 Floating, replaced elements If 'margin-left' or 'margin-right' are computed as 'auto', their used value is '0'. The used value of 'width' is determined as for inline replaced elements. http://www.w3.org/TR/CSS2/visudet.html#float-width shrink-to-fit CSS2 ä»•æ§˜ã§ã¯ã€è¦ç´ ã®æ¨ªå¹…ãŒæ˜Žç¢ºã§ã¯ãªã„ã¨ã€ãƒ•ãƒãƒ¼ãƒˆ
kulamochi 2013/08/01
ã€ŒIExãƒ¢ãƒ¼ãƒ‰ã‚’ä½¿ã‚ãªã„ã€ã£ã¦ã„ã†æŒ‡å®šãŒå‡ºæ¥ã‚‹ã®ã‹ã€‚

CSS

tips
ãƒªãƒ³ã‚¯
IEã§<li>è¦ç´ ã®ä¸ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã«å¤‰æ›´ã—ãŸã¨ãã«ã§ã‚‹ãƒã‚° | Yasigani-ni Blog
IEã§<li>è¦ç´ ã®ä¸ã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³è¦ç´ ã‚’ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã«å¤‰æ›´ã—ãŸã¨ãã«ã§ã‚‹ãƒã‚° time 2011/08/11 folder Noã€€Moreã€€IE6 <li>è¦ç´ ã®ä¸ã«ã‚ã‚‹<a>è¦ç´ ã‚’ãƒ–ãƒãƒƒã‚¯è¦ç´ ã«å¤‰æ›´ã—ãŸã„æ™‚ã£ã¦ã‚ã‚Šã¾ã™ã‚ˆãï¼Ÿ ä¾‹ãˆã°ãƒ»ãƒ»ãƒ» /* â–¼HTML */ <ul id="gNav"> <li> <a href="#" class="nav"> ãƒŠãƒ“1 </a> </li> <li> <a href="#" class="nav"> ãƒŠãƒ“2 </a> </li> <li> <a href="#" class="nav"> ãƒŠãƒ“3 </a> </li> </ul> /* â–¼CSS */ #gNav { width: 450px; height: 50px; float: left; } .nav { width: 150px; height: 50px; float: left
kulamochi 2013/03/31
è‡ªåˆ†ã®ã‚±ãƒ¼ã‚¹ã ã¨aã‚¿ã‚°ã«display: block;ã‚’è¿½åŠ ã—ãŸã‚‰è§£æ¶ˆã•ã‚ŒãŸã€‚

CSS

tips
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ã‚ãã‚‹å†’é™º: CSSå®Ÿé¨“å®¤: clearfixã®æ±ºå®šç‰ˆã‚’ä½œã‚‹ â€•ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ç·¨â€•
floatã«èµ·å› ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆããšã‚Œã®å¤šãã¯ã€floatã‚’ã—ã‹ã‚‹ã¹ãå ´æ‰€ã§ã‚¯ãƒªã‚¢ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦è§£æ±ºã™ã‚‹ã€‚ã“ã®ã“ã¨ã‚’ç™ºè¦‹ã—ã¦ä»¥æ¥ã€ã‚‚ã£ã±ã‚‰ç©ºãƒœãƒƒã‚¯ã‚¹ã«clearã‚’æŒ‡å®šã™ã‚‹ã¨ã„ã†æ–¹æ³•ï¼ˆ<div style="clear: both"></div>ï¼‰ã‚’å¤šç”¨ã—ã¦ããŸãŒã€HTMLã«ã‚ã‚‹ç¨®ã®ä¸ç´”ç‰©ãŒæ··ã˜ã‚‹ã“ã¨ã«å±…å¿ƒåœ°ã®æ‚ªã•ã¯ãšã£ã¨æ„Ÿã˜ã¦ã„ãŸï¼ˆã€Œfloatã‚’ç¹°ã‚Šè¿”ã™ã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒããšã‚Œã‚‹ã€å‚ç…§ï¼‰ã€‚ã“ã®æ°—æŒã¡æ‚ªã•ã‚’è§£æ¶ˆã—ã¦ãã‚Œã‚‹ã®ãŒã€clearfixã¨ã„ã†ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã ã€‚ åŸºæœ¬çš„ãªç™ºæƒ³ã¯ä¸Šè¨˜ã®ç©ºãƒœãƒƒã‚¯ã‚¹ã«ã‚ˆã‚‹ã‚¯ãƒªã‚¢ã¨åŒã˜ã ãŒã€ãã‚Œã‚’HTMLã«ã¯ä¸€åˆ‡æ‰‹ã‚’åŠ ãˆãšã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã ã‘ã§å®Ÿç¾ã—ã¦ã„ã‚‹ã¨ã“ã‚ã«å¤§ããªç‰¹å¾´ãŒã‚ã‚‹ã€‚ã—ã‹ã—ã€ã²ã¨ãã¡ã«clearfixã¨ã„ã£ã¦ã‚‚æ§˜ã€…ãªãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã€ãã®è¨˜è¿°ã®ã—ã‹ãŸã¯å¾®å¦™ã«ç•°ãªã‚‹ã€‚ ä¾‹ãˆã°ã€clearfixã®æå”±è€…ã§ã¯ãªã„ã‹ã¨é¡žæŽ¨ã•ã‚Œã‚‹Position Is Ever
kulamochi 2012/06/04
css

tips
ãƒªãƒ³ã‚¯
clearfixã§floatã‚’è§£é™¤ | d-spica
clearfixã§floatã‚’è§£é™¤ 2007-03-07 1 0 XHTML/CSS clear, CSS æž ã‚„èƒŒæ™¯ãŒæ¶ˆãˆãŸã‚Šï¼Œé€”ä¸ã§åˆ‡ã‚ŒãŸã‚Šã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚ floatã—ãŸè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã‚’å«ã‚€è¦ªè¦ç´ ï¼ˆãƒœãƒƒã‚¯ã‚¹ï¼‰ã®borderã‚„backgroundãŒé€”ä¸ã§åˆ‡ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ å·¦ã®ä¾‹ã§ã¯ï¼Œå³å´ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒçµ‚ã‚ã£ãŸã‚ãŸã‚Šã§ï¼Œå·¦å³ã«ã‚ã‚‹ãƒ©ã‚¤ãƒ³ã‚‚åˆ‡ã‚Œã¦ã„ã¾ã™ã€‚ floatã—ãŸè¦ç´ ã®é«˜ã•ã¯è¦ªè¦ç´ ã®é«˜ã•ã«åæ˜ ã•ã‚Œãªã„ åˆ†ã‹ã‚Šã‚„ã™ã„ã‚ˆã†ã«XHTMLã¨CSSã®ä¾‹ã‚’æ›¸ã„ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;
kulamochi 2012/06/04
css

tips
ãƒªãƒ³ã‚¯
floatè§£é™¤ã®æ±ºå®šç‰ˆã€‚clearfixã‚’è€ƒãˆãŸã‚‰ã€é€²åŒ–ã—ãŸã€‚
ç¾åœ¨ã“ã®ä¸ã§clearfixã§ã‚ˆãä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ display:inline-block; height:1%(min-height:1%) zoom:1; ã§ã‚‚è‰¯ãè€ƒãˆãŸã‚‰ã€å…¨ã¦å¾®å¦™ã§ã™ã€‚ zoom:1ã¯IEã®ç‹¬è‡ªä»•æ§˜ã§ã™ã—ã€heightã‚’ä½¿ç”¨ã™ã‚‹å ´åˆã¯ã€IE6,7ã«å¯¾å¿œã•ã›ã‚‹ãŸã‚ã«2ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¿…è¦ã§ã™ã€‚ display:inline-blockã‚‚ãƒœãƒƒã‚¯ã‚¹ã®è¦ç´ ã‚’å¤‰å½¢ã•ã›ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ hasLayoutã®ã‚¹ã‚¤ãƒƒãƒã‚’è¦‹ãŸæ™‚ã«ã€ä¸€ç•ªç†ã«é©ã£ãŸãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯widthã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ åè¦ç´ ã‚’å›²ã‚€è¦ç´ ã¨ã—ã¦ã€divã‚„ulãªã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆCSSãŒdisplay:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®ã‚‚ã®ãŒå¤šãã€display:blockã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã®å ´åˆã€width:100%ã§å•é¡Œãªã„ã¨æ€ã£ãŸã‹ã‚‰ã§ã™ã€‚ ç¾åœ¨ã®ãƒ–ãƒ©ã‚¦ã‚¶çŠ¶æ³ã«é©ã—ãŸclearfix ä¸Šè¨˜ã‚’è¸ã¾ãˆè¦‹ç›´ã—ãŸclearfixãŒ
kulamochi 2012/06/04
css

tips
ãƒªãƒ³ã‚¯
css-eblog.comÂ -Â ã“ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¯è²©å£²ç”¨ã§ã™ï¼Â -Â css eblog ãƒªã‚½ãƒ¼ã‚¹ãŠã‚ˆã³æƒ…å ±
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
kulamochi 2012/06/01
hasLayout

css

tips
ãƒªãƒ³ã‚¯
2ã‚«ãƒ©ãƒ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®CSSã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹ï½œfloatãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚µãƒ³ãƒ—ãƒ«ã‚½ãƒ¼ã‚¹
ã“ã“ã§ã”ç´¹ä»‹ã™ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ/æ®µçµ„ã¯ã€Œfloatã§æ®µçµ„ã™ã‚‹å¯å¤‰å¹…ï½œãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã§ã™ãŒã€ã„ã¤ã§ã‚‚ã€Œå›ºå®šå¹…ã€ã¸ç§»è¡Œã—ã‚„ã™ã„ã‚ˆã†ãªæ®µçµ„ã«ãªã£ã¦ã„ã¾ã™ã€‚ å‹¿è«–ã€æ¨ªå¹…æŒ‡å®šã¯è‡ªç”±ã«å¤‰æ›´å¯èƒ½ã§ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®æŒ‡å®šå¤‰æ›´ã§å·¦å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ã‚’å…¥ã‚Œæ›¿ãˆã‚‹äº‹ã‚‚è‡ªåœ¨ã§ã™ã€‚ ã¾ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’é«˜ã‚ã‚‹ç‚ºã«å®šç•ªã®ã€Œãƒ‘ãƒ³å±‘ãƒŠãƒ“ã€ç‰ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚é…ç½®ã€ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒæ…®ã—ã¦ã€æœ¬æ–‡ã‚’å¸¸ã«(x)htmlä¸Šã§å…ˆã«è¨˜è¿°ã™ã‚‹å½¢ã‚’ã¨ã£ã¦ã„ã¾ã™ã€‚ (X)HTML htmlã¯å›ºå®šå¹…ã‚¿ã‚¤ãƒ—ã€å¯å¤‰å¹…ã‚¿ã‚¤ãƒ—ï¼ˆãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆï¼‰å…±é€šã§ã™ã€‚ <div id="wrapper"> <div id="header"> <h1>******</h1> </div> <div id="container"> <div id="contents"> ******ã‚³ãƒ³ãƒ†ãƒ³ãƒ„****** <p id="topnavi">ãƒ‘ãƒ³å±‘ãƒŠãƒ“</p> <
kulamochi 2012/02/17
css

tips
ãƒªãƒ³ã‚¯
atoriperla.net
kulamochi 2012/01/23
CSS

tips
ãƒªãƒ³ã‚¯
CSS ã§å¤–éƒ¨ãƒªãƒ³ã‚¯ã«ã ã‘ã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤º
å½“ã‚µã‚¤ãƒˆã®å„ã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼æ•°ã‚’è¦‹ã¦ã„ãŸã‚‰ã€(X)HTML / CSS ã«é–¢ã™ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã¨ã£ã¦ã‚‚å°‘ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã®ã§ã€CSS ãƒã‚¿ã§ã‚‚æ›¸ã„ã¦... å½“ã‚µã‚¤ãƒˆã®å„ã‚«ãƒ†ã‚´ãƒªãƒ¼ã”ã¨ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼æ•°ã‚’è¦‹ã¦ã„ãŸã‚‰ã€(X)HTML / CSS ã«é–¢ã™ã‚‹ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãŒã¨ã£ã¦ã‚‚å°‘ãªã„ã“ã¨ã«æ°—ãŒã¤ã„ãŸã®ã§ã€CSS ãƒã‚¿ã§ã‚‚æ›¸ã„ã¦ã¿ã¾ã™ã‚ˆã€‚ ã§ã€ä»Šå›žã¯ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãªã‚“ã‹ã§ãƒªãƒ³ã‚¯ã‚’å¼µã‚‹ã¨ãã«ã€å½“ç„¶å¤–éƒ¨ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã¨ã€è‡ªåˆ†ã®ã‚µã‚¤ãƒˆå†…ã¸ã®ãƒªãƒ³ã‚¯ãŒæ··åœ¨ã™ã‚‹ã“ã¨ã«ãªã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã®ã¨ãå¤–éƒ¨ãƒªãƒ³ã‚¯ã ã‘ã« ã€Œå¤–éƒ¨ãƒªãƒ³ã‚¯ã§ã™ã‚ˆã€ ã¨ã‚ã‹ã‚‹ã‚ˆã†ãªã‚¢ã‚¤ã‚³ãƒ³ã‚’è¡¨ç¤ºã•ã›ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯ã€ã‚¢ã‚¤ã‚³ãƒ³ã‚’ç”¨æ„ã—ã¾ã™ãã€‚ã“ã‚“ãªã‚„ã¤â†“ ã‚ã¨ã¯ CSS ã‚’æ›¸ãã ã‘ã§ã™ãŒã€ã“ã“ã¯ 2æ®µéšŽã«åˆ†ã‘ã¦è€ƒãˆã¾ã™ã€‚ã©ã†ã„ã†ã“ã¨ã‹ã¨ã„ã†ã¨ã€ã¾ãšã¯ã™ã¹ã¦ã®ãƒªãƒ³ã‚¯ã«ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã¤ã‘ã¦ã—ã¾ã£ã¦ã€ãã®ã‚ã¨ã§ã€ã‚µã‚¤ãƒˆå†…ãƒªãƒ³ã‚¯ã®ã¿ã‚¢ã‚¤ã‚³ãƒ³
kulamochi 2012/01/21
CSS

tips
ãƒªãƒ³ã‚¯
[CSS]ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ã‚’æ·±ã‚ã€æ´»ç”¨ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›†
ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®marginã§ä½¿ç”¨ã™ã‚‹ã€Œãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ï¼ˆãƒžã‚¤ãƒŠã‚¹ãƒžãƒ¼ã‚¸ãƒ³ï¼‰ã€ã«ã¤ã„ã¦ç†è§£ã—ã¦ãŠãã¹ãã“ã¨ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ç”¨ã—ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ The Definitive Guide to Using Negative Margins 1. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ 2. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ä½¿ã„æ–¹ 3. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯é›† 4. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ãƒã‚°ãƒ•ã‚£ãƒƒã‚¯ã‚¹ 5. çµ‚ã‚ã‚Šã« 1. ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã®ç†è§£ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ä½¿ç”¨ã™ã‚‹éš›ã€å¿…ãšã¨ã„ã£ã¦ã„ã„ã»ã©ãƒžãƒ¼ã‚¸ãƒ³ã‚’ä½¿ç”¨ã™ã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—ã€ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã«ãªã‚‹ã¨æ„è¦‹ã¯åˆ†ã‹ã‚Œã€ãã‚Œã¯æ‚ªé”ã®ä»•äº‹ã§ã‚ã‚‹ã¨è€ƒãˆã‚‹äººãŸã¡ã‚‚ã„ã¾ã™ã€‚ ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã¯ã€ä¾‹ãˆã°ã“ã†ã„ã†ã®ã§ã™ã€‚
kulamochi 2011/11/02
IE6ã§ã¯position:relative;ã‚’æŒ‡å®šã™ã‚‹ã¨ã‚ˆã—ãªã«ã—ã¦ãã‚Œã‚‹ã€‚

CSS

tips

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Sass: Syntactically Awesome Style Sheets
Sass is the most mature, stable, and powerful professional grade CSS extension language in theÂ world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSSÂ libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work
kulamochi 2011/09/08
library

CSS
ãƒªãƒ³ã‚¯
ã€ŽHTML5 Web Applicationã®ã¤ãã‚Šã‹ãŸã€
1 pixelï½œã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆå…¬å¼ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚ºãƒ–ãƒã‚° ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã®ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®å–ã‚Šçµ„ã¿ã‚’ç´¹ä»‹ã™ã‚‹ã‚ªãƒ•ã‚£ã‚·ãƒ£ãƒ«ãƒ–ãƒã‚°ã§ã™ã€‚æœ€æ–°æŠ€è¡“ã¸ã®æŒ‘æˆ¦ã‚„ã‚µãƒ¼ãƒ“ã‚¹èª•ç”Ÿã®è£è©±ã€å‹‰å¼·ä¼šã‚„ã‚¤ãƒ™ãƒ³ãƒˆã®ãƒ¬ãƒãƒ¼ãƒˆãªã©CAã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã®æƒ…å ±ãŒæº€è¼‰ã§ã™ã€‚ ã¯ã˜ã‚ã¾ã—ã¦ã€‚ ã‚µã‚¤ãƒãƒ¼ã‚¨ãƒ¼ã‚¸ã‚§ãƒ³ãƒˆã§ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®é–‹ç™ºã‚’ã—ã¦ãŠã‚Šã¾ã™ åŽŸ(@herablog) ã§ã™ã€‚ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç‰ˆ ã‚¢ãƒ¡ãƒ¼ãƒãƒ”ã‚°æ–°è¦ä½œæˆã§ä½¿ç”¨ã—ãŸæŠ€è¡“ã«ã¤ã„ã¦è§¦ã‚ŒãŸã„ã¨æ€ã„ã¾ã™ã€‚ #ã¡ãªã¿ã«ã“ã®è¨˜äº‹ã§ã¯HTML5ã‚’ã€Œæœ€æ–°ãƒ–ãƒ©ã‚¦ã‚¶å‘ã‘ã®webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ä½œæˆæŠ€è¡“ã€ã¨ã„ã†ã‹ãªã‚Šåºƒã„è§£é‡ˆã§ä½¿ç”¨ã—ã¦ã„ã¾ã™ã®ã§äºˆã‚ã”ç†è§£ãã ã•ã„ã€‚ ä»Šã¾ã§Desktopãƒ»Androidå‘ã‘ã¯Flashã§ä½œæˆã•ã‚Œã¦ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã¯iOS, Androidã¨ã‚‚ã«å¯¾å¿œã—ãŸã„ã¨ã„ã†ã“ã¨ã§ã€HTML5ã§ã§ãã‚‹ã¨ã“ã‚ã¾ã§ã‚„ã£ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ No Lagä½œã‚‹ã«ã‚ãŸã‚Š
kulamochi 2011/09/08
ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’è‰¯ãã™ã‚‹ã€ã¨ã„ã†éƒ¨åˆ†ã€å‚è€ƒã«ã‚Šã¾ã™ã€‚

HTML5

javascript

CSS

Webã‚µãƒ¼ãƒ“ã‚¹

App

iOS

Android
ãƒªãƒ³ã‚¯
1 2 3 4 æ¬¡ã®ãƒšãƒ¼ã‚¸