[B! html] deeekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

deeeki id:deeeki

htmlã«é–¢ã™ã‚‹deeekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (118)

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

ä»¤å’Œã®HTML / CSS / JavaScriptã®æ›¸ãæ–¹50é¸
Webåˆ¶ä½œã®æŠ€è¡“ã¯æ—¥ã€…é€²åŒ–ã—ã¦ãŠã‚Šã€ä¼šç¤¾ã‚„ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ã‚ˆã£ã¦ã¯æ˜¨ä»Šã®ç’°å¢ƒã«é©ã•ãªã„æ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚æ™‚æŠ˜è¦‹å—ã‘ã‚‰ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€Œ2024å¹´ã®Webåˆ¶ä½œã§ã¯ã“ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ã¦ã»ã—ã„ï¼ã€ã¨ã„ã†å†…å®¹ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ è³ªã‚ˆã‚Šé‡ã§ã€ã¾ãšã¯ã€Œã“ã‚“ãªæ›¸ãæ–¹ãŒã‚ã‚‹ã‚“ã ã€ã‚’ã“ã®è¨˜äº‹ã§ä¼ãˆãŸã‹ã£ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‰ã®è©³ç´°ã¯ã‚ã¾ã‚Šè§£èª¬ã—ã¦ã„ã¾ã›ã‚“ã€‚ãªã®ã§ã€å…·ä½“çš„ãªä»•æ§˜ãªã©ã‚’ç¢ºèªã—ãŸã„æ–¹ã¯å‚è€ƒè¨˜äº‹ã‚’èªã‚“ã ã‚Šã”è‡ªèº«ã§èª¿ã¹ã¦ã„ãŸã ã‘ã‚‹ã¨å¹¸ã„ã§ã™ã€‚ 1. HTML ç”»åƒå‘¨ã‚Šã¯ã‚µã‚¤ãƒˆãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã«ç›´çµã™ã‚‹ã®ã§ã€ã¾ãšã¯ãã“ã ã‘ã§ã‚‚å–ã‚Šå…¥ã‚Œã¦ã„ãŸã ããŸã„ã§ã™ã€‚ã¾ãŸã€ã‚³ã‚¢ã‚¦ã‚§ãƒ–ãƒã‚¤ã‚¿ãƒ«ã‚„ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚‚ä½µã›ã¦ç†è§£ã—ã¦ãŠããŸã„å†…å®¹ã§ã™ã€‚ Lazy loading <img>ã«loading="lazy"å±žæ€§ã‚’ä»˜ã‘ã‚‹ã¨ç”»åƒãŒé…å»¶èªã¿è¾¼ã¿ã«ãªã‚Šã€ã‚µã‚¤ãƒˆã®èªã¿è¾¼ã¿æ™‚é–“ãŒæ—©ããªã‚Šã¾ã™ã€‚
deeeki 2024/05/14
html

css

javascript
ãƒªãƒ³ã‚¯
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¬ã‚¤ãƒ‰ by @mdo
HTMLã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆã«ã¯åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹åˆ†ã®ã‚½ãƒ•ãƒˆã‚¿ãƒ–ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã€‚ã“ã‚ŒãŒå…¨ã¦ã®ç’°å¢ƒã§å…¨ãåŒã˜ã‚ˆã†ã«è¦‹ã›ã‚‹å”¯ä¸€ã®æ–¹æ³•ã€‚ ãƒã‚¹ãƒˆã•ã‚ŒãŸè¦ç´ ã¯ã‹ãªã‚‰ãš1æ®µéšŽã ã‘ã‚¤ãƒ³ãƒ‡ãƒ³ãƒˆ(åŠè§’ã‚¹ãƒšãƒ¼ã‚¹2å€‹)ã™ã‚‹ã“ã¨ã€‚ ã„ã¤ã‚‚ãƒ€ãƒ–ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã†ã“ã¨ã€‚å±žæ€§å€¤ã«å¯¾ã—ã¦ã‚·ãƒ³ã‚°ãƒ«ã‚¯ã‚©ãƒ¼ãƒˆã‚’ä½¿ã‚ãªã„ã“ã¨ã€‚ é–‰ã˜ã‚¿ã‚°ã®ç„¡ã„è¦ç´ ã«å¯¾ã—ã¦ã€æœ«å°¾ã®ã‚¹ãƒ©ãƒƒã‚·ãƒ¥ã¯çœãäº‹ã€‚HTML5ä»•æ§˜ã«çœç•¥ã—ã¦è‰¯ã„ã¨æ›¸ã„ã¦ã‚ã‚‹ã€‚ çœç•¥ã§ãã‚‹é–‰ã˜ã‚¿ã‚°ã‚’çœç•¥ã—ãªã„ã“ã¨ã€‚(ä¾‹ãˆã°</li>ã¨ã‹</body>)ã€‚ <!DOCTYPE html> <html> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> </
deeeki 2014/09/06
html

css

convention
ãƒªãƒ³ã‚¯
gumbyframework.com
This domain may be for sale!
deeeki 2014/05/21
html

css
ãƒªãƒ³ã‚¯
Ionic Framework - The Cross-Platform App Development Leader
deeeki 2014/05/21
html

css
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®ã¾ã¨ã‚
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³(iosã€android)å‘ã‘ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ»ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«å€‹äººçš„ã«ã‚ˆãä½¿ã†htmlã€cssã€javascriptã®å‚™å¿˜éŒ²ã€‚ htmlé–¢é€£ headã‚¿ã‚°å†…ã§ã®è¨å®š <meta name="viewport" content="width=device-width, initial-scale=1.0">  <meta name="format-detection" content="telephone=no">  <link rel="apple-touch-icon" href="icon.png">  <link rel="apple-touch-icon
deeeki 2013/02/19
html

css

smartphone
ãƒªãƒ³ã‚¯
ã“ã‚ŒãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã® viewport è¨å®šï¼“ãƒ‘ã‚¿ãƒ¼ãƒ³ã
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã® Web ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã€viewport ã®è¨å®šæ¬¡ç¬¬ã§ä½¿ã„å‹æ‰‹ãŒå¤§å¹…ã«å¤‰ã‚ã‚‹ã€‚ æœ€è¿‘ã¯ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ– Web ãƒ‡ã‚¶ã‚¤ãƒ³ãŒæµè¡Œã—ã¦ã‚‹ã‘ã©ã‚‚ã€ãã®å¤§å‰æã¨ã—ã¦ viewport ã®è¨å®šãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŠ‘ãˆã¦ãŠãã®ã¯é‡è¦ã ã‚ã†ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€viewport ã®è¨å®šã«ã‚ˆã£ã¦ã€è¦‹ãŸç›®ãƒ»ä½¿ã„å‹æ‰‹ãŒã©ã†å¤‰ã‚ã‚‹ã‹ã‚’è§£èª¬ã™ã‚‹ã€‚ ãƒ‘ã‚¿ãƒ¼ãƒ³1: ä½•ã‚‚è€ƒãˆãšã« HTML ã‚’æ›¸ã ã¾ãšã¯ã€viewport ã‚’æŒ‡å®šã›ãšã«ã€å˜ç´”ãª HTML ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¡¨ç¤ºã—ã¦ã¿ã‚‹ã€‚ <!DOCTYPE html> <head> <meta charset="utf-8"> </head> <body> <img src="/images/logo-ja.png"> <p>è‰²ã‚“ãªç´ æãŒã”ã£ãŸç…®ã«ãªã£ãŸæ§˜åã‚’ãŠæ¤€ã§è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ æ¹¯æ°—ãŒ<strong>ã€Œã¦ã£ãã€</strong>ã«è¦‹ãˆã‚‹ã®ãŒéš ã—å‘³ã«ãªã£ã¦ã„ã¾
deeeki 2013/02/17
design

html

smartphone
ãƒªãƒ³ã‚¯
Webã‚µãƒ¼ãƒ“ã‚¹é‹å–¶ã§è¦šãˆã¦ãŠããŸã„ã€ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ä½œæˆã®7ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ãƒ‹ãƒ¼ãƒã‚ªï¼ã‚«ãƒ¤ãƒƒã‚¯ã®HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ã—ã‚“ã¡ã‚ƒã‚“ã‚¢ãƒ«ï¼ ä¸å›½å‡ºèº«ã®æ–°å’ã§ã™ã€‚ å…¥ç¤¾ã—ã¦äºŒãƒ¶æœˆã«ãªã‚Šã¾ã™ãŒã€ æ—¥æœ¬èªžã‚’ä¸€ç”Ÿæ‡¸å‘½å‹‰å¼·ã—ã¦ã„ã¾ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ç¾åœ¨jsdo.itã§ã¯ç¬¬äºŒå›žHTML5å®ŸæŠ€ã‚³ãƒ³ãƒ†ã‚¹ãƒˆã‚’çµ¶è³›é–‹å‚¬ä¸ï¼ ã“ã‚“ã©ã®ãŠé¡Œã¯ã€Œæ€ã‚ãšç™»éŒ²ã—ãŸããªã‚‹ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã€ã§ã™ã€‚ Webã‚µãƒ¼ãƒ“ã‚¹ã®åˆ¶ä½œã«ãŠã„ã¦ã¤ã„ã¤ã„ç–Žã‹ã«ã—ãŒã¡ãªç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã€‚ å®Ÿã¯ã¨ã¦ã‚‚å¤§äº‹ãªã‚‚ã®ã§ã™ï¼ ä»Šæ—¥ã¯ã€ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¤ãã‚‹éš›ã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ããƒã‚¤ãƒ³ãƒˆã‚’7ã¤ã«ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã“ã‚Œã ã‘ã¯æ¬ ã‹ã›ãªã„åŸºæœ¬ã®è¦ç´ 6ã¤ ç™»éŒ²ã¨ç„¡é–¢ä¿‚ã®è¦ç´ ã¯ãªã‚‹ã¹ãè¡¨ç¤ºã—ãªã„ã‚ˆã†ã«ï¼ èžããŸã„ã“ã¨ã¯æœ€å°é™ã«ã—ã¦ä¸å®‰ã«ã•ã›ãªã„ OpenIDã‚’åˆ©ç”¨ã—ã¦ç™»éŒ²æ‰‹ç¶šãã‚’è¶…ç°¡å˜ã«ï¼ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¯è‰²ã‚„å‹•ãã§ã¿ã›ã‚‹ã¨åŠ¹æžœçš„ ç™»éŒ²ã®ãƒ¡ãƒªãƒƒãƒˆã‚’è¡¨ç¤ºã—ã¾ã—ã‚‡ã† ã‚¢ãƒ‰ãƒã‚¤ã‚¹ã«ç¸›ã‚‰ã‚Œãªã„ã§ã€ãã®ã‚µã‚¤ãƒˆã®å€‹æ€§ã«é©ã—ãŸæ‰‹æ³•ã‚’ä½¿ã„ã¾ã—ã‚‡ã†ï¼ ã“ã‚Œã‚‰ä¸€
deeeki 2012/11/29
html

design

form
ãƒªãƒ³ã‚¯
1ãƒ©ãƒ³ã‚¯ä¸Šã®ã€ŒHTML5ã€åˆ¶ä½œã«æ¬ ã‹ã›ãªã„ã‚µã‚¤ãƒˆãƒ»ãƒ„ãƒ¼ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã®ã¾ã¨ã‚21å€‹ï¼
ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€ã®ã»ã‚“ã ã§ã™(ãƒ»Ã…ãƒ»)âˆ« jsdo.itã€nakamapã€Paberishã€HTML5å®ŸåŠ›ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸè‡ªç¤¾é‹å–¶Webã‚µãƒ¼ãƒ“ã‚¹ã® HTML5ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ï¼ ã€ŒHTMLãƒ•ã‚¡ã‚¤éƒ¨ã€å‰µç«‹1å‘¨å¹´ï¼ éžå¸¸ã«æ‰‹å‰å‘³å™Œã§ã¯ã”ã–ã„ã¾ã™ãŒã€ å¼Šç¤¾HTMLãƒ•ã‚¡ã‚¤éƒ¨ãŒå‰µç«‹ã‹ã‚‰1å¹´ã«ãªã‚Šã¾ã—ãŸã£ï¼ãƒ»uãƒ» HTMLãƒ•ã‚¡ã‚¤éƒ¨ã¯ã€ã€ŒHTML5ã€æŠ€è¡“ã‚’è»¸ã«ã€æ§˜ã€…ãªè¡¨ç¾ã«æŒ‘æˆ¦ã—ã¦ã„ãã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã‚’é›†ã‚ãŸéƒ¨ç½²ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ä¸€å‘¨å¹´ã‚’å‹æ‰‹ã«è¨˜å¿µã—ã¦ã€ HTMLãƒ•ã‚¡ã‚¤éƒ¨ã®ãƒ¡ãƒ³ãƒãƒ¼ã‹ã‚‰ã‹ãé›†ã‚ã¦ããŸã€HTML5ã‚µã‚¤ãƒˆåˆ¶ä½œãƒ„ãƒ¼ãƒ«ã‚’ã¾ã¨ã‚ã¾ã™ï¼ ãƒ„ãƒ¼ãƒ«ç³»ã®ã‚µã‚¤ãƒˆ
deeeki 2012/11/13
html

css
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
deeeki 2012/10/11
JavaScript

html

security
ãƒªãƒ³ã‚¯
WebGL and Three.js
32. <!doctype html> <html> //é ‚ç‚¹ <head> var vertices = new Float32Array([ <meta charset="utf-8"> 0.0, 0.5, 0.0, <title>webgl demo</title> -0.5, -0.5, 0.0, <script> 0.5, -0.5, 0.0 document.addEventListener('DOMContentLoaded', function(){ var canvas = document.querySelector('#glcanvas'); ]); var gl = canvas.getContext('experimental-webgl'); // é ‚ç‚¹ã®æ•° var verticesLength = 3; var vShaderSource = [ // gl_
deeeki 2012/09/17
html

JavaScript
ãƒªãƒ³ã‚¯
CSSã®ã‚»ãƒ¬ã‚¯ã‚¿éƒ¨åˆ†(IDã‚„CLASS)ã«ãƒã‚¤ãƒ•ãƒ³ã¨ã‹ä½¿ã‚ã‚Œã‚‹ã®å¥½ãã˜ã‚ƒãªã„ãªãƒ¼ã€‚ãƒœã‚¯ã¯ã‚ã¾ã‚Šå¥½ãã˜ã‚ƒãªã„ãªãƒ¼ - latest log
ã€ŒCSS ã® ID åã‚„ CLASS åã®å˜èªžã®é€£çµã«ãƒã‚¤ãƒ•ãƒ³ã‚’ä½¿ã†ã¹ãã€ã‚ãƒ£ãƒ¡ãƒ«ã‚±ãƒ¼ã‚¹ã¨ã‹ã‚¢ãƒ³ãƒ€ãƒ¼ãƒãƒ¼ã¨ã‹ãƒ€ãƒ¡ã€çš„ãªä¸»å¼µã‚’åŽ»å¹´ãã‚‰ã„ã«ã©ã“ã‹ã§èªã‚“ã è¨˜æ†¶ãŒã‚ã‚‹ã®ã§ã™ãŒ(ã†ã‚ãŠã¼ãˆ)ã€ /* ãŸã—ã‹â€¦ ã“ã‚ŒãŒã‚ªã‚¹ã‚¹ãƒ¡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ */ .hoge-huga-piyo {...} /* ã“ã‚Œã¨ã‹â€¦ */ .hoge_huga_piyo {...} /* ã“ã‚Œã¯ã‚¤ã‚±ã¦ãªã„(ã‚‰ã—ã„) */ .hogeHugaPiyo {...} å€‹äººçš„ã«ã¯ã€Œã¡ã‚‡ã£ã¨ãã‚Œ CSS ã«å¯„ã‚ŠéŽãŽã¦ã¦ã€è¦–é‡Žã›ã¾ããªã„ã‹ãƒ¼ã€ã¨ã„ã†è€ƒãˆã‚’ã‚‚ã£ã¦ã„ãŸã®ã§ã€ã¤ã‚‰ã¤ã‚‰ã¨æ›¸ã„ã¦ã¿ã¾ã™ã€‚ E:first-child ã‚„ E[key|="value"] ãªã©ã®ãƒã‚¤ãƒ•ãƒ³ã‚’å‰æã¨ã—ãŸæ§‹æ–‡ã«é–¢ã—ã¦ã¯ã‚‚ã¡ã‚ã‚“ã‚ã‚Šã§ã™ã‚ˆã€‚ã“ã“ã§å–ã‚Šä¸Šã’ã¦ã‚‹ã®ã¯ã€å±žæ€§ã‚»ãƒ¬ã‚¯ã‚¿ã‚„æ“¬ä¼¼ã‚¯ãƒ©ã‚¹ã‚»ãƒ¬ã‚¯ã‚¿ã«ã¤ã„ã¦ã§ã¯ãªãã€IDã‚»ãƒ¬ã‚¯ã‚¿ ã¨ CLASSã‚»ãƒ¬ã‚¯ã‚¿ ã«ã¤ã„ã¦ã§ã™
deeeki 2012/07/31
"CSS ã¨ã„ã†ç‹ã„é ˜åŸŸã®ä¸ã§ä¸€è²«æ€§ãŒã‚ã£ãŸã¨ã—ã¦ã‚‚ã€ CSS/HTML/JavaScript/ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰è¨€èªžãŒçµ¡ã‚€ã‚·ã‚¹ãƒ†ãƒ å…¨ä½“ã§ä¸€è²«æ€§ãŒãªã‘ã‚Œã°æ„å‘³ãŒã‚ã‚Šã¾ã›ã‚“"

html

css

naming
ãƒªãƒ³ã‚¯
Chosen: A jQuery Plugin by Harvest to Tame Unwieldy Select Boxes
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
deeeki 2012/06/08
JavaScript

library

html
ãƒªãƒ³ã‚¯
ãµã¤ã†ã®formã‚’ã¤ã‹ã„ãŸã„ - ã¯ã¾ã¡ã‚„ï¼’ - ãƒ‹ã‚³ãƒ‹ã‚³è¶…ä¼šè°2012
ã“ã‚“ã«ã¡ã¯ã“ã‚“ã«ã¡ã¯ï¼ï¼ ã¯ã¾ã¡ã‚„ï¼’ (@Hamachiya2) ãƒ–ãƒã‚¬ãƒ¼ã€ã‚¯ãƒ©ãƒƒã‚«ãƒ¼ã€‚ç‰¹æŠ€ã¯æ´—æ¿¯ã€è¶£å‘³ã¯ç ´å£Šã€è‹¦æ‰‹ãªã“ã¨ã¯ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€‚ WEB+DB PRESS ã®ãŠä¾¿ã‚Šã‚³ãƒ¼ãƒŠãƒ¼æ‹…å½“ã€‚ ã€Œã¯ã¾ã¡ã¡ã‚ƒã‚“ã€ã¨ã‹ã§é©å½“ã«ã‚°ã‚°ã£ã¦ãã ã•ã„ã€‚ ç„¡æ–™ã§ ãƒ—ãƒ¬ãƒŸã‚¢ãƒ æ©Ÿèƒ½ã‚’ ä½¿ã†æ–¹æ³• è¦‹ã¤ã‘ã‚‹æ™‚é–“ãŒã‚ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ ä½•è©±ãã†ï¼Ÿ ãƒ—ãƒã‚°ãƒ©ãƒ ã¯è‹¦æ‰‹ã ã—â€¦ ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ã¨ã‹èˆˆå‘³ãªã„ã—â€¦ ãã‚“ãªã‚ã‘ã§æ™®é€šã®ã“ã¨ã‚’è©±ã—ã¾ã™ã€‚ æœ¬æ—¥ã®ãƒ†ãƒ¼ãƒžï¼š ã€Žãµã¤ã†ã®formã‚’ä½¿ã„ãŸã„ã€ <form> é›»è©±ç•ªå·ã¯ãƒã‚¤ãƒ•ãƒ³æŠœãã®åŠè§’ã§â€¦ï¼ˆã¯ã„ã¯ã„ï¼‰ ãƒ•ãƒªã‚¬ãƒŠã¯ã‚«ãƒŠã§â€¦ (ã‚«ãƒŠã§åå‰ã‚’å¦ç¿’ã—ã¦ã—ã¾ã†ã®ãŒå«Œã ã‘ã©â€¦) éƒµä¾¿ç•ªå·ã¯å‰ã¨å¾Œã‚ã«åˆ†ã‘ã¦â€¦ (ã‚ã‚“ã©ãã•ã„ãªãâ€¦) ä½æ‰€ã¯å…¨è§’ã§â€¦ (ã‚ãƒ¼ã¯ã„ã¯ã„â€¦) â€¦ (ã§ããŸï¼) (ã“ã‚Œã§é€ä¿¡ã€ã¨â€¦) â€»ã‚¨ãƒ©ãƒ¼ï¼šä½æ‰€ã‚’æ£ã—ãå…¥åŠ›ã—ã¦ãã ã•ã„ (ãˆã€ãªã‚“ã§ï¼ï¼Ÿ) â€»ä½æ‰€ã¯å…¨è§’ã§å…¥åŠ›ã—ã¦ã
deeeki 2012/05/02
JavaScript

usability

html
ãƒªãƒ³ã‚¯
A personal exploration of design, technology, &Â rebellion.
A personal exploration of design, techno logy, &Â rebellion. Design by undesign. Simplicity is polarizing. Simple is hard. Resisting the urge to add more. How to stand out online. The cost of overwhelming uniform ity in web design. Back to basics. Going â€œbuildâ€“step freeâ€ for a handcrafted experience. Portfolio Most recent work. Thanks for visiting, â€“ joshua
deeeki 2012/01/23
html

framework

css
ãƒªãƒ³ã‚¯
GitHub Pagesãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚µãƒ¼ãƒ“ã‚¹ï¼ˆã»ã¼ï¼‰å®Œå…¨æ´»ç”¨ã‚¬ã‚¤ãƒ‰ | ã‚†ã£ãã‚Šã¨â€¦
GitHub ãŒã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®å ´ã¨ã—ã¦é…åŠ›çš„ãªç†ç”±ã¯ã€Git ã¨ã„ã†å„ªã‚ŒãŸåˆ†æ•£ãƒ»å”èª¿åž‹ãƒªãƒ“ã‚¸ãƒ§ãƒ³ç®¡ç†ã‚·ã‚¹ãƒ†ãƒ ã®ãƒªãƒã‚¸ãƒˆãƒªãƒ¼ãƒ»ã‚¶ãƒ¼ãƒãƒ¼ã¨ã—ã¦èª°ã§ã‚‚åˆ©ç”¨ã§ãã‚‹ã¨ã„ã†ã“ã¨ã¯ã‚‚ã¡ã‚ã‚“ã€README ãªã©ã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆç”Ÿæˆæ©Ÿèƒ½ã‚„ã‚³ãƒ¡ãƒ³ãƒ†ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã€å•é¡Œã®ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°æ©Ÿèƒ½ãªã©ã€Git ã‚’è£œåŠ©ã—ã€ã‚ªãƒ¼ãƒ—ãƒ³ãªåˆ†æ•£ãƒ»å”èª¿é–‹ç™ºã‚’æ”¯ãˆã‚‹ã‚µãƒ–ã‚·ã‚¹ãƒ†ãƒ ãŒå……å®Ÿã—ã¦ã„ã‚‹ç‚¹ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ç„¡æ–™ã§ã‚‚ã‹ãªã‚Šã®ã“ã¨ãŒã§ãã‚‹ã®ã«ã€ãƒ“ã‚¸ãƒã‚¹ã¨ã—ã¦ã‚‚ã¡ã‚ƒã‚“ã¨æˆç«‹ã—ã¦ã„ã‚‹ç†ç”±ã¯ã“ã‚“ãªã¨ã“ã‚ã«ã‚ã‚‹ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ ãŸã ã€åŒç¨®ã‚µãƒ¼ãƒ“ã‚¹ã® Google Code ã‚„ Bitbucket ã¨æ±ºå®šçš„ã«ç•°ãªã‚Šã€GitHub ã®æœ€å¤§ã®é…åŠ›ã¨ãªã£ã¦ã„ã‚‹ã®ã¯ã€GitHub Pages ã¨ã„ã†1ç¨®ã®ãƒ›ã‚¹ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚æˆæžœç‰©ã‚’ãŸã ãšã‚‰ãšã‚‰ã¨å‘³æ°—ãªã„ãƒšãƒ¼ã‚¸ã«ä¸¦ã¹ã‚‹ã®ã§ã¯ãªãã€è¶£å‘ã‚’å‡ã‚‰ã—ãŸç´¹ä»‹ãƒšãƒ¼ã‚¸ã‚’è‡ªç”±ã«ä½œã‚Šã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆ
deeeki 2012/01/03
Ruby

html
ãƒªãƒ³ã‚¯
ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãªãƒœã‚¿ãƒ³ã¨WAI-ARIAã®role=â€buttonâ€ã«ã¤ã„ã¦
å‰æçŸ¥è˜ã¨ã—ã¦ä»¥ä¸‹ãŒå¿…è¦ã§ã™ã€‚ ãƒªãƒ³ã‚¯ã®ã‚ˆã†ãªãƒœã‚¿ãƒ³ã‚’ä½œã‚‹: Days on the Moon javascript scheme ã§ãƒœã‚¿ãƒ³ã‚’ä½œã‚‹ã®ã¯ ? | ãƒ¨ãƒ¢ãƒ„ãƒãƒƒãƒˆ clickã‚¤ãƒ™ãƒ³ãƒˆã«ä½¿ã†ãŸã‚ã ã‘ã«textã¨ã‹(ä¸‹ã®ä¾‹ã®1,2ç•ªç›®)ã‚„ã‚‹ã®ãŒå«Œã„ã§ã€ã©ã†ã‚„ã‚‹ã®ãŒã‚¹ãƒžãƒ¼ãƒˆorã‚·ãƒ³ãƒ—ãƒ«ãªã‚“ã ã‚ã¨æ€ã£ã¦æ›¸ãå‡ºã—ãŸã‚‚ã®ã€‚inputã€button è¦ç´ ãŒã§ã¦ã“ãªã„ã®ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆè€ƒãˆã‚‹ã®ãŒé¢å€’ã§ä½•ã¨ãªãã§ã™ã€‚buttonè¦ç´ ã‚’CSSã§ãƒªãƒ³ã‚¯ã®ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ã§ãã‚‹ãªã‚‰ãã‚Œã§ã‚‚ã„ã„ã˜ã‚ƒãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ã‚¯ãƒªãƒƒã‚«ãƒ–ãƒ«ãªãƒœã‚¿ãƒ³ã¨Roleã®ãƒ‡ãƒ¢ 1ç•ªç›®ã¯ä»Šæ™‚ãªã„æ°—ãŒã™ã‚‹ã—ã€1,2ç•ªç›®ã¯çŠ¶æ…‹ãŒé·ç§»ã—ãªã„ã®ã«hrefæŒ‡å®šã—ã¦ã‚‹ã¨ã€ãƒŸãƒ‰ãƒ«ã‚¯ãƒªãƒƒã‚¯ãªã©ã§åˆ¥ã®ãƒšãƒ¼ã‚¸ã¨ã—ã¦é–‹ã‘ãŸã‚Šã—ã¡ã‚ƒã†ã®ã§ãã‚Œã‚’æŠ‘åˆ¶ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚‚å¿…è¦ã«ãªã‚‹ã®ãŒä½•ã‹å«Œã§ã€3ç•ªç›®å½“ãŸã‚ŠãŒå€‹äººçš„ã«ã¯å¥½ãã ã£ãŸã€‚(4ç•ªç›®ã¯ä½•ã‹æ°—æŒã¡ã‚ã‚‹ã„) <di
deeeki 2011/10/14
JavaScript

html
ãƒªãƒ³ã‚¯
åˆå¿ƒè€…ã®é ƒåˆ†ã‹ã‚‰ãªã‹ã£ãŸWebç”¨èªžï¼šãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ â€¦ CSSã‹ã‚‰HTML5ã€WordPressã¾ã§
Webã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ã‚’ã‚ˆãç›®ã«ã—ã¾ã™ã€‚åˆå¿ƒè€…ã®é ƒã¯ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†ã‚‚ã®ãŒã©ã‚“ãªã‚‚ã®ãªã®ã‹ã€ã„ã¾ã„ã¡åˆ†ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ä»Šå›žã¯ã€è‰²ã‚“ãªä¾‹ã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†ã‚‚ã®ã‚’ç´¹ä»‹ã—ã¦ã¿ã¾ã—ãŸã€‚ãªã®ã§ã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ã ã‚ã†ã£ã¦ã„ã†äººå‘ã‘ã®è¨˜äº‹ã§ã™ï¼ Webåˆ¶ä½œé–¢é€£ã®ãƒ–ãƒã‚°ã‚’èªã‚“ã§ã„ã‚‹ã¨ã€ã¨ãã©ããƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ãŒã§ã¦ãã¾ã™ã€‚ä¾‹ãˆã° CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ã€HTML5 + CSS3 ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã‹ â€¦ã€‚ ä»Šã§ã“ãã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ä½•ã ã‹ã‚ã‹ã‚Šã¾ã™ãŒã€åˆå¿ƒè€…ã®é ƒã¯ã€ã“ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã£ã¦ã„ã†è¨€è‘‰ãŒä½•ã ã‹é›£ã—ãã†ã§ã€æ„å‘³ã®åˆ†ã‹ã‚‰ãªã„ã‚‚ã®ã§ã—ãŸï¼ˆç§ã ã‘ï¼Ÿï¼‰ã€‚ä½•ã¨ãªãé›°å›²æ°—ã§ã€ä½¿ã£ã¦ã¿ã‚‹ã¨ä¾¿åˆ©ãªã®ã‹ãªãƒ¼ã¨ã„ã†æ„Ÿã˜ã¯ã—ã¾ã—ãŸã‘ã©ã€ãã‚‚ãã‚‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã„ã†è¨€è‘‰è‡ªä½“ã®æ„å‘³ãŒåˆ†ã‹ã£ã¦ã„ãªã‹ã£ãŸé ƒã¯ã€ä½¿ã£ã¦ã¿ã‚ˆã†ï¼ã¨ã„ã†ã¨ã“ã‚ã¾ã§è¡Œãã¾ã›ã‚“ã§ã—ãŸã€‚
deeeki 2011/08/08
html

css

WordPress
ãƒªãƒ³ã‚¯
iUIã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’åˆ©ç”¨ã—ãŸiPhoneç”¨Webãƒšãƒ¼ã‚¸ã®ä½œã‚Šæ–¹ - å°ã•ã„é ƒã¯ã‚¨ãƒ©å‘¼å¸
ã¯ã˜ã‚ã« iPhoneã«æ©Ÿç¨®å¤‰æ›´ã—ã¦ã‹ã‚‰iPhoneã§PCç”¨ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã“ã¨ãŒåŠ‡çš„ã«å¢—ãˆã¾ã—ãŸã€‚iPhoneã§PCã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒšãƒ¼ã‚¸ã«ã‚ˆã£ã¦ã¯æ–‡å—ãŒå°ã•ã‹ã£ãŸã‚Šã€è¦‹ã«ãã‹ã£ãŸã‚Šã™ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ æ ªå¼ä¼šç¤¾ã¯ã¦ãªãŒé‹å–¶ã™ã‚‹ã€Œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€ã«ã¯ã€iPhoneå°‚ç”¨ã®ãƒšãƒ¼ã‚¸ãŒã‚ã‚Šã€iPhoneã§é–²è¦§ã™ã‚‹ã¨ã€ã¨ã¦ã‚‚å¥‡éº—ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ã“ã‚Œã‹ã‚‰iPhoneãŒæ™®åŠã™ã‚‹ã«ã¤ã‚Œã¦ã€ã“ã®ã‚ˆã†ãªiPhoneç”¨ã®Webãƒšãƒ¼ã‚¸ãŒå¢—ãˆã¦ã„ãã‚‚ã®ã¨äºˆæƒ³ã•ã‚Œã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€iUIã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§é™çš„ãªiPhoneç”¨Webãƒšãƒ¼ã‚¸ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ iUIã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®è¨ç½® 1.ä»¥ä¸‹ã®ã‚µã‚¤ãƒˆã®Featured downloads:ã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ iui - Project Hosting on Google Code 2.ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ã‚’è§£å‡ã—ã€ã‚µã‚¤ãƒˆã«è¨
deeeki 2011/08/06
html

iPhone

library
ãƒªãƒ³ã‚¯
HTMLã¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã®æ¥å‹™ã‚¹ã‚ãƒ«ãƒ¬ãƒ™ãƒ«ã€€åˆ¤åˆ¥è¡¨ã€€ï¼ˆï¼•æ®µéšŽï¼‰ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ç›®æ¬¡ã¸ HTMLãŠã‚ˆã³ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆï¼ˆCSSï¼‰ã‚’åˆ©ç”¨ã—ãŸWebãƒšãƒ¼ã‚¸åˆ¶ä½œã®ï¼Œç°¡æ˜“ã‚¹ã‚ãƒ«ãƒã‚§ãƒƒã‚¯ã®ãŸã‚ã®èª¿æŸ»è¡¨ã€‚å°åˆ·ç”¨ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ã—ã¦ã®ãƒ¬ãƒ™ãƒ«ã‚’æ¸¬å®šã™ã‚‹ã€‚ ã“ã‚Œã¯ï¼Œã€ŒWebãƒšãƒ¼ã‚¸ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ä½œã‚‹äººã€å…¨èˆ¬ã«å½“ã¦ã¯ã¾ã‚‹ã€‚ ãƒ¬ãƒ™ãƒ«ã¯ï¼Œï¼ã‹ã‚‰ï¼”ã¾ã§ã®ï¼•æ®µéšŽã€‚ ï¼ˆï¼ï¼‰ éžã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ ï¼ˆï¼‘ï¼‰ åˆå¦è€…ï¼ˆå…¥é–€æ›¸ã‚’å¦ç¿’ã—ã¦ã‚†ãæ®µéšŽï¼‰ ï¼ˆï¼’ï¼‰ ãƒŽãƒ¼ãƒžãƒ«ï¼ˆåŸºç¤Žçš„ãªçŸ¥è˜ãŒã‚ã‚Šï¼Œã‚ã‚‹ç¨‹åº¦ã®ç”»é¢ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã£ãŸæ®µéšŽï¼‰ ï¼ˆï¼“ï¼‰ ä¸ç´šè€…ï¼ˆWebã‚¢ãƒ—ãƒªã®é–‹ç™ºãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ï¼‘äººæœˆã¨ã—ã¦ã‚«ã‚¦ãƒ³ãƒˆã§ãã‚‹æ°´æº–ï¼‰ ï¼ˆï¼”ï¼‰ ä¸Šç´šè€…ï¼ˆãƒ¡ã‚¤ãƒ³PG/ãƒ‡ã‚¶ã‚¤ãƒŠã¨ã—ã¦ï¼ŒWeb UIã®ä¸»æ‹…å½“ã‚’ä»»ã›ã‚‰ã‚Œã‚‹æ°´æº–ï¼‰ Webã‚¢ãƒ—ãƒªã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆé–‹å§‹æ™‚ã«ä½œæ¥æŒ¯ã‚Šåˆ†ã‘ã‚’ã™ã‚‹ã«ã‚ãŸã£ã¦ï¼Œæ–°è¦ãƒ¡ãƒ³ãƒå…¨å“¡ã«ã“ã‚Œã‚’æ¸¡ã—ã¦å›žç”ã—ã¦ã‚‚ã‚‰ã†ã¨ã„ã†ç”¨é€”ã‚’æƒ³å®šã€‚ ãªãŠï¼Œã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºä¸Šã®ã‚¹ã‚ãƒ«ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹äº‹ãŒä¸»çœ¼ãªã®ã§ï¼Œã‚¢ãƒ¼ãƒ†ã‚£ã‚¹ãƒˆï¼ˆ
deeeki 2011/07/04
html

css

links
ãƒªãƒ³ã‚¯
ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚ - CSS HappyLife
å‰å›žã®æ›´æ–°æ—¥ãŒè¦‹ãŸããªã„ç¨‹ã«æ™‚ãŒæµã‚Œã¦ã„ã‚‹ä»Šæ—¥ã“ã®é ƒãƒ»ãƒ»ãƒ»ã€‚ ãƒ–ãƒã‚°ã‚’æ›´æ–°ã™ã‚‹ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ãŒä¸ã€…ä¸ŠãŒã‚‰ãªã‹ã£ãŸã‚“ã§ã™ãŒã€ã¾ã ã€ã ã‚‰ã ã‚‰ã§ã‚‚è‰¯ã„ã‹ã‚‰æ›¸ã„ã¦ã„ããŸã„ãªã¨è¨€ã†æ°—æŒã¡ã¯æœ‰ã‚‹ã‚“ã§ã™ã€‚ãˆã‡ã€‚ ã“ã‚“ã ã‘æ›´æ–°ãŒæ»žã£ã¦ã¦ã‚‚ã€Twitterã¨ã‹ã§æ™‚ã€…ãƒ–ãƒã‚°èªã‚“ã§ã¾ã™ã£ã¦è¨€ã£ã¦ã‚‚ã‚‰ãˆãŸã‚Šã€æœ€è¿‘ãªã‚‰ã€Œä»Šæ—¥ã‹ã‚‰ã§ãã‚‹å®šæ™‚ã§ä¸ŠãŒã‚‹ãŸã‚ã®WEBåˆ¶ä½œåŠ¹çŽ‡ã‚¢ãƒƒãƒ—è¡“ | ã‚«ãƒƒã‚·ãƒ¼ã®WEBã‚‹ã€‚ã€ã§ã€ã€HTML5ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªã®ä¸€å¼ã€‚Ver 1 ã‚’ç´¹ä»‹ã—ã¦ã‚‚ã‚‰ã£ãŸã‚Šã—ã¦ã†ã‚Œã—ã„åŠé¢ã€æ›´æ–°ã—ã¦ç„¡ã„ãªãƒ¼ã¨ã€ä½•ã¨ã‚‚è¨€ãˆãªã„æ°—æŒã¡ã«ãªã£ãŸã‚Šã€‚ ãªã®ã§ã€ã“ã‚Œã‹ã‚‰ã¯ã¡ã‚‡ã‚ã£ã¨ã§ã‚‚ãƒã‚¿ãŒæœ‰ã‚Œã°æ›´æ–°ã—ã¦ã„ããŸã„ãªãƒ¼ã¨ã€‚ ä½•ã‚’ãƒ¢ãƒãƒ™ãƒ¼ã‚·ãƒ§ãƒ³ã«æ›´æ–°ã™ã‚‹ã‹ã¯ã¾ã è¦‹ã¤ã‹ã£ã¦ãªã„ã‘ã©ï¼žï¼œ ã•ã¦ã€ãã‚“ãªè¨³ã§ã€ä»Šå›žã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã®ã«ä½¿ãˆãã†ãªæ„Ÿã˜ã®ä¸€å¼ã§ã™ã€‚ ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã€‘æ–°è¦ã§ã‚µã‚¤ãƒˆã‚’
deeeki 2011/06/20
smartphone

template

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