[B! webãƒ‡ã‚¶ã‚¤ãƒ³] nnhã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nnh id:nnh

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹nnhã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (5)

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

webãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹è¦–ç·šèª˜å°Žã®ãŠã¯ãªã— | 07design.blog
ã“ã‚“ã«ã¡ã¯ã€‚ä»Šå›žã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚ã€Œã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚¯ãƒ»ãƒ€ã‚¤ãƒ¤ã‚°ãƒ©ãƒ ã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãã‚‰ã‚Œã‚‹è¨€è‘‰ã§ã™ãã€‚ã€Œã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚¯ãƒ»ãƒ€ã‚¤ãƒ¤ã‚°ãƒ©ãƒ ã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ãƒ»ãƒ»ãƒ»ã“ã‚“ã«ã¡ã¯ã€‚ä»Šå›žã¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®è¨˜äº‹ã‚’æ›¸ãã¾ã™ã€‚ ã€Œã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚¯ãƒ»ãƒ€ã‚¤ãƒ¤ã‚°ãƒ©ãƒ ã€ã¨ã„ã†è¨€è‘‰ã‚’ã”å˜ã˜ã§ã—ã‚‡ã†ã‹ã€‚ ãªã‚“ã ã‹ã™ã”ãä¸äºŒå¿ƒã‚’ãã™ãã‚‰ã‚Œã‚‹è¨€è‘‰ã§ã™ãã€‚ ã€Œã‚°ãƒ¼ãƒ†ãƒ³ãƒ™ãƒ«ã‚¯ãƒ»ãƒ€ã‚¤ãƒ¤ã‚°ãƒ©ãƒ ã€ã¨ã¯å‡ç‰ã«é…ç½®ã•ã‚ŒãŸåŒè³ªã®æƒ…å ±ã‚’è¦‹ã‚‹éš›ã®ã€ä¸€èˆ¬çš„ãªè¦–ç·šã®æµã‚Œã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’è¡¨ã—ãŸå›³å¼ã®ã“ã¨ã§ã™ã€‚ ç°¡å˜ã«è¨€ã†ã¨ã€Œäººé–“ã®ç›®ã¯å·¦ä¸Šã‹ã‚‰å³ä¸‹æ–¹å‘ã¸ã€ãƒãƒ©ãƒãƒ©ã—ãªãŒã‚‰é·ç§»ã™ã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ ã“ã†ã„ã£ãŸè¦–ç·šã®æµã‚Œã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€ã‚¨ãƒ‡ã‚£ãƒˆãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãªã©ã§ã¯å½“ãŸã‚Šå‰ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹æŠ€æ³•ãƒ»è€ƒãˆæ–¹ã‚‰ã—ã„ã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã™ã‚‹å ´åˆã«ã¯ã€å·¦ä¸Šãƒ»å³ä¸‹ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é…ç½®ã™
nnh 2011/06/03
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€Œç´ äººã£ã½ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‹ã‚‰æŠœã‘å‡ºã™ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³åˆ¶ä½œæ™‚ã«å¿ƒãŒã‘ãŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
â˜†ã”æ³¨æ„â˜† ã“ã®è¨˜äº‹ã¯ 2011å¹´5æœˆ29æ—¥ ã«æ›¸ã„ãŸã‚‚ã®ã§ã™ã€‚æƒ…å ±ãŒå¤ã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ä»Šã‚‚ç´ äººã«ã¡ã‚‡ã³ã£ã£ã£ã¨ã ã‘æ¯›ãŒç”ŸãˆãŸç¨‹åº¦ã§ã™ãŒã€ å°‘ã—ã ã‘ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ æ¯›ã®ç”ŸãˆãŸç§ã‹ã‚‰ãƒ„ãƒ«ãƒ„ãƒ«ã®ç§ã¸ã®ãƒ€ãƒ¡ã ã— Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã‚ŠãŸã¦ã®ã“ã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã‚‚ã‚‰ã£ãŸã¨ãã€ ã€Œã‚“ãƒ¼ãƒ¼ãƒ¼ãªã‚“ã‹ã“ã®ã¸ã‚“ç´ äººã£ã½ã„ãã€ã¨è¨€ã‚ã‚ŒãŸäº‹ãŒã‚ã‚Šã¾ã™ã€‚ ç´ äººã£ã½ã„ã€‚ã€‚ã€‚ï¼Ÿï¼Ÿï¼Ÿ(ã‚œÐ´ã‚œ) ãã®ã¨ãã¯ä½•ã ã‚ã†ã€ã©ã‚“ãªã®ãŒç´ äººã£ã½ã„ã‚“ã ã‚ã†ã¨ã‚ã‹ã‚Šã¾ã›ã‚“ã§ã—ãŸã€‚ å°±è·ã¯ã§ããŸã‚‚ã®ã®ã€æŠ€è¡“ã¯å®Œå…¨ã©ç´ äººãªã®ã§ã€‚ ä»Šã‚‚ç´ äººã«ã¡ã‚‡ã³ã£ã£ã£ã¨ã ã‘æ¯›ãŒç”ŸãˆãŸç¨‹åº¦ã§ã™ãŒã€ å°‘ã—ã ã‘ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã€Œç´ äººã£ã½ã„ã€ã®æ„å‘³ãŒã€‚ æ¯Žæ—¥ã€ãŸã£ãã•ã‚“ã®Webã‚µã‚¤ãƒˆã‚’è¦‹ã¾ã™ãŒã€ãƒ—ãƒã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½œã£ãŸã¨æ€ã‚ã‚Œã‚‹ã€æ§‹æˆã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚ã—ã£ã‹ã‚Šã—ãŸã‚µã‚¤ãƒˆã‚‚ã‚ã‚Œã°ã€ãŠåº—ã®äººãŒä¸€ç”Ÿæ‡¸å‘½æ‰‹ä½œã‚Šã—ã¦ãã†ãªã‚µã‚¤
nnh 2011/05/31
WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
SASSIENCE ï½ž ä¸–ç•ŒãŒå«‰å¦¬ã™ã‚‹CSSã¸
nnh 2011/05/26
css

ãƒã‚¿

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5+CSS3 å…¥é–€
Webã‚’è¨˜è¿°ã™ã‚‹è¨€èªžã®æ¨™æº–ã®ç¾çŠ¶ æ˜¨å¹´åº¦ã§ã‚ã‚Œã°ã€HTMLã‚’è¨˜è¿°ã™ã‚‹æŽˆæ¥ã§ã¯è‡ªä¿¡ã‚’ã‚‚ã£ã¦ä»¥ä¸‹ã®åŸºæº–ã‚’æŽ¨è–¦ã—ã¦ã„ã¾ã—ãŸã€‚ HTML (æ–‡æ›¸ã®æ§‹é€ ã‚’è¨˜è¿°ã™ã‚‹è¨€èªž) â€“ XHTML 1.0 ã‚‚ã—ãã¯ XHTML 1.1 CSS (æ–‡æ›¸ã®ä½“è£ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ‡å®šã™ã‚‹è¨€èªž) â€“ CSS 2 ã—ã‹ã—ãªãŒã‚‰ã€ã“ã“æ•°å¹´ã§ã€ã¨ãã«åŽ»å¹´ã‚ãŸã‚Šã‹ã‚‰çŠ¶æ³ã¯å¤§ããå¤‰å‹•ã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚ç¾çŠ¶ã®å¤‰åŒ–ã‚’ç†è§£ã™ã‚‹ã«ã¯ã€ã“ã“ã«è‡³ã‚‹ã¾ã§ã®æ´å²çš„ãªçµŒç·¯ã«ã¤ã„ã¦ç°¡å˜ã«ç†è§£ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã“ã¾ã§ã®çµŒç·¯ã‚’æ•´ç†ã—ãŸä¸Šã§ã€å°†æ¥ã®å±•æœ›ã‚’æŽ¢ã‚ŠãŸã„ã¨æ€ã„ã¾ã™ã€‚ãã®ä¸Šã§ã€ã“ã®æŽˆæ¥ã§ã¯ã©ã®ã‚ˆã†ãªåŸºæº–ã«ã®ã£ã¨ã£ã¦ã€Œæ£ã—ã„ã€ã¨ã„ã†ã“ã¨ã‚’å®šç¾©ã™ã‚‹ã®ã‹æ±ºã‚ã¦ã„ããŸã„ã¨è€ƒãˆã¾ã™ã€‚ HTML (Webã‚µã‚¤ãƒˆã®è¨˜è¿°è¨€èªž) ã®æ¨™æº–åŒ–å·¡ã‚‹é—˜äº‰ã®æ´å² AppleInsider: ãªãœ Apple ã¯ HTML 5 ã«è³ã‘ã¦ã„ã‚‹ã®ã‹ï¼š ã‚¦ã‚§ãƒ–ã®æ´å² [Page 2] ã‚ˆ
nnh 2011/04/08
html5

css3

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
CSSã§ã‚¢ã‚¤ã‚³ãƒ³ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³
ã‚‚ã®ã™ã”ãå¤§é›‘æŠŠã«è¨€ã†ã¨ä»Šã¾ã§ç”»åƒç·¨é›†ã‚½ãƒ•ãƒˆã§ã‚„ã£ã¦ã„ãŸã€è§’ã‚’ä¸¸ãã™ã‚‹ã¨ã‹èƒŒæ™¯ã‚’ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã™ã‚‹ãªã©ã¨ã„ã†ä½œæ¥ã‚’CSSã§ã‚„ã£ã¦ã—ã¾ãŠã†ã¨ã„ã†ãŠè©±ã€‚ã‚‚ã¡ã‚ã‚“CSSã§ã§ããªã„ã“ã¨ã¯å¤šãã‚ã‚‹ã®ã§ä¸‡èƒ½ã¨ã„ã†ã‚ã‘ã§ã¯ãªã„ãŒã€ã§ãã‚‹ã“ã¨ã«é™ã£ã¦è¨€ãˆã°æ•°è¡Œã®CSSã‚³ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã®ã‚ˆã†ãªåŠ¹æžœã‚’æŸ”è»Ÿã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ Demo: Design icon with CSS ul li a { display: block; width: 32px; height: 32px; background-image: url("icons-w.png"); background-repeat: no-repeat; text-indent: -10000px; } å„ã‚¢ã‚¤ã‚³ãƒ³ã«ãªã‚‹aè¦ç´ ã¸ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ä»¥ä¸Šã®ã‚ˆã†ãªå˜ç´”ãªã‚‚ã®ãŒãƒ™ãƒ¼ã‚¹ã«ãªã‚‹ã€‚icons-w.pngãŒã‚¢ã‚¤ã‚³ãƒ³ã®å‰æ™¯ã‚’ã¤ãªã’ãŸã‚¹ãƒ—ãƒ©ã‚¤
nnh 2011/03/04
webãƒ‡ã‚¶ã‚¤ãƒ³

css
ãƒªãƒ³ã‚¯
1