[B! HTML][Design] amnmaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

amnma id:amnma

HTMLã¨Designã«é–¢ã™ã‚‹amnmaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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è‰²è¦‹æœ¬ åŽŸè‰²å¤§è¾žå…¸ - HTMLã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰
åŽŸè‰²å¤§è¾žå…¸ã¨ã¯ åŽŸè‰²å¤§è¾žå…¸ã¯1997å¹´ã«ã‚ªãƒ¼ãƒ—ãƒ³ã—ãŸãƒãƒƒãƒˆã®è‰²è¦‹æœ¬ã‚µã‚¤ãƒˆã§ã™ã€‚ 9ç¨®é¡žã®è‰²è¦‹æœ¬ã¨è‰²ã«é–¢ã™ã‚‹å„ç¨®ã‚µãƒ¼ãƒ“ã‚¹ã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ è‰²è¦‹æœ¬ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ ãƒ–ãƒ©ã‚¦ã‚¶ã§å®šç¾©ã•ã‚Œã¦ã„ã‚‹HTMLã‚«ãƒ©ãƒ¼ãƒãƒ¼ãƒ ã€ æ—¥æœ¬ã®ä¼çµ±è‰²ã€ ä¸–ç•Œã®ä¼çµ±è‰²ã€ Webã‚»ãƒ¼ãƒ•ã‚«ãƒ©ãƒ¼ã€ ãƒ‘ã‚¹ãƒ†ãƒ«ã‚«ãƒ©ãƒ¼ã€ ãƒ“ãƒ“ãƒƒãƒ‰ã‚«ãƒ©ãƒ¼ã€ ãƒ¢ãƒŽãƒˆãƒ¼ãƒ³ã€ åœ°ä¸‹é‰„ã®ã‚·ãƒ³ãƒœãƒ«ã‚«ãƒ©ãƒ¼ã€ å›½é‰„åˆ¶å®šã®å¡—è£…è‰² ã®9ã¤ã‹ã‚‰æ§‹æˆã•ã‚Œã€ç‰¹ã«æ—¥æœ¬ã®ä¼çµ±è‰²ã¯å¤æ¥ä¼ã‚ã‚‹å…ˆäººã®è‰²å½©æ„Ÿè¦šã‚’ç¾ä»£ã«ä¼ãˆã‚‹ã‚‚ã®ã¨ã—ã¦å¤šãã®æ–¹ã€…ã‹ã‚‰æ”¯æŒã‚’ã„ãŸã ã„ã¦ã„ã¾ã™ã€‚ æ–‡å—åˆ—ã¨èƒŒæ™¯è‰²ã®çµ„ã¿åˆã‚ã›ã‚’è©¦ã›ã‚‹é…è‰²å¤§è¾žå…¸ã€ è¦å‰‡æ€§ã®ã‚ã‚‹çµ„ã¿åˆã‚ã›ã‹ã‚‰è‰²ã‚’é¸ã¹ã‚‹é…è‰²ãƒ‘ã‚¿ãƒ¼ãƒ³ã€‚ è‰²è¦‹æœ¬ã®ä»–ã«ã‚‚ã€ä»Šæ—¥ã®ãƒ©ãƒƒã‚ãƒ¼ã‚«ãƒ©ãƒ¼ã€ ã‚³ãƒˆãƒã‹ã‚‰è‰²ã‚’è§£æžã—ã¦èª¿åˆã™ã‚‹æˆåˆ†è§£æžã€ ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã‚’ç”Ÿæˆã™ã‚‹ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ãƒ¡ãƒ¼ã‚«ãƒ¼ã€ ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã™ã‚‹ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ¼ã‚«ãƒ¼ã€ ã‚ãªãŸã®å¥½ããªè‰²ã¨è‰²ã‚’èª¿åˆã™ã‚‹è‰²èª¿åˆã€ ã‚µ
amnma 2013/02/13
color

HTML

Web

design

css
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚„ã‚Šæ–¹ - GIGAZINE
Web2.0ã®ãƒ‡ã‚¶ã‚¤ãƒ³çš„è¦ç´ ã¨ã—ã¦ã€Œã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‹ã‘ã‚‹ã€ã¨ã„ã†é‡è¦ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ã“ã®ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã‘æ–¹ãŒå®Ÿéš›ã«ã‚„ã£ã¦ã¿ã‚‹ã¨å®Ÿã«é›£ã—ã„ã€‚ãƒãƒƒãƒˆä¸Šã§ã„ã‚ã„ã‚èª¿ã¹ã¦ã¿ã‚‹ã¨ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‹ã‘æ–¹è‡ªä½“ã¯æ§˜ã€…ãªæ–¹æ³•ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒè¦‹ã¤ã‹ã‚‹ã‚‚ã®ã®ã€ã€Œä½•ãŒæ£è§£ãªã®ã‹ï¼Ÿã€ã¨ã„ã†ã®ã¯è¦‹ã¤ã‹ã‚Šã¾ã›ã‚“ã€‚ã¤ã¾ã‚Šã€ä½•ãŒãã®ã¨ãã«æœ€ã‚‚ãƒ™ã‚¹ãƒˆãªæ–¹æ³•ãªã®ã‹ãŒã‚ã‹ã‚‰ãªã„ã‚ã‘ã§ã™ã€‚ ã¾ãŸã€ãƒ–ãƒã‚°ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é¸ã¶éš›ã«ã‚‚ã€ã©ã®ã‚ˆã†ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè‡ªåˆ†ã®ç›®æŒ‡ã™ãƒ†ãƒ¼ãƒžã®ãƒ–ãƒã‚°ã«ãµã•ã‚ã—ã„ã®ã‹ã‚‚åŸºæœ¬çš„ãªçŸ¥è˜ãŒãªã„ã¨ãªã‹ãªã‹ã‚ã‹ã‚Šã«ãã„ã‚‚ã®ã§ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šå›žã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ä»•æ–¹ã«ã¤ã„ã¦ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãªã„äººã§ã‚‚ã©ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸ã¹ã°ã„ã„ã‹ãŒã‚ã‹ã‚‹ã‚ˆã†ã«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ â– é–“é•ã£ãŸã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ç„¡ã„ ã¾ãšä¸€ç•ªã‚ã‹ã‚Šã‚„ã™ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã®èª¤è§£ã¯ã“ã‚Œã€æ±šã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã ã•ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§
amnma 2007/03/12
CSS

color

UI

Design

WebApplication

HTML

Tips
ãƒªãƒ³ã‚¯
lockã‚¨ãƒ©ãƒ¼Â |Â æœˆé¡200å††ã‹ã‚‰ã®ãƒ¬ãƒ³ã‚¿ãƒ«ã‚µãƒ¼ãƒãƒ¼Â JSN
ã¾ãšã¯æœ€è¿‘çŸ¥ã£ã¦ä¾¿åˆ©ã ã¨æ€ã£ãŸCSSã®å°æŠ€ã‚’ã²ã¨ã¤ã€‚ æ–‡ç« ã®æœ€å¾Œã«ã€ã€Œâ€»ï¼ˆç±³å°ï¼‰ã€ãªã©ã§æ³¨é‡ˆã‚’å…¥ã‚ŒãŸã„ã¨ãã«ã€CSSã®ã¿ã§è¡Œã®é–‹å§‹ä½ç½®ã‚’æƒãˆã‚‹ã®ã«ã™ã”ãã‚·ãƒ³ãƒ—ãƒ«ãªã‚„ã‚Šæ–¹ãŒã“ã‚Œã€‚ .note { padding-left:1em; text-indent:-1em; } <p class=â€noteâ€>â€»ç±³å°ã‚’ä½¿ã†å ´åˆã¯ã“ã„ã¤ãŒä¾¿åˆ©ã€‚<br /> æ”¹è¡Œã—ã¦ã‚‚ã“ã®é€šã‚Šã€‚ã¡ã‚ƒã‚“ã¨é–‹å§‹ä½ç½®ãŒæƒã£ã¦ã‚‹ã€‚</p> ã€Œpadding-left : 1em;ã€ã§ã¾ãšï¼‘æ–‡å—åˆ†å³ã«å‹•ã‹ã—ã¦ã€ã€Œtext-indent : -1em;ã€ã§æœ€åˆã®è¡Œã ã‘ï¼‘æ–‡å—åˆ†å·¦ã«å‡ºã™ã€ã¨ã„ã†ã“ã¨ã‚‰ã—ã„ã§ã™ã€‚ã“ã‚Œè€ƒãˆãŸäººã¯ãˆã‚‰ã„ã£ã™ãã‡ã€‚ ä»–ã«ã¯é–‹å§‹ä½ç½®ã‚’æƒãˆã‚‹ã„ã‚ã‚†ã‚‹ã€Œã¶ã‚‰ä¸‹ã’ã€ã‚’CSSã§ã‚„ã‚‹å ´åˆã€<div>ã‚¿ã‚°ã®å…¥ã‚Œåã‚’ä½¿ã£ã¦ã‚‚ã„ã„ãŒã€<dl><dt><dd>ã®å®šç¾©åž‹ãƒªã‚¹ãƒˆã‚’ä½¿ã†ã®ãŒãŠã™ã™ã‚ã€‚Definition Listã®ç•¥ã§
amnma 2007/03/05
ã¸ã‡

CSS

Tips

prototype.js

Design

HTML
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§200å€‹ä»¥ä¸Šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é…å¸ƒã™ã‚‹ã€ŒOpenDesigns.orgã€ - GIGAZINE
ç¾æ™‚ç‚¹ã§ç´„200å€‹ä»¥ä¸Šã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰å¯èƒ½ã«ãªã£ã¦ãŠã‚Šã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚‚å•†ç”¨åˆ©ç”¨å¯èƒ½ãªã‚‚ã®ã‹ã‚‰GPLãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã€CCãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¾ã§ã„ã‚ã„ã‚ã€‚ ç‰¹ç†ã™ã¹ãã¯æ¤œç´¢æ©Ÿèƒ½ã®å……å®Ÿå…·åˆã§ã€XHTMLæº–æ‹ ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹åˆ¥ã€æ˜Žã‚‹ã„ç³»ã‹æš—ã„ç³»ã‹ã€å¹…ã¯å›ºå®šã‹ãã†ã§ãªã„ã‹ã€ã‚«ãƒ©ãƒ ã®æ•°ã€è‰²åã‚’çµ„ã¿åˆã‚ã›ã¦çµžã‚Šè¾¼ã¿ãŒå¯èƒ½ã€‚ è©³ç´°ã¯ä»¥ä¸‹ã®é€šã‚Šã€‚ Open Design Community - Download Free Web Design Templates - OpenDesigns.org http://www.opendesigns.org/ å¼·åŠ›ãªæ¤œç´¢æ©Ÿèƒ½ã®åˆ©ç”¨ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ Search Designs ãƒ» OpenDesigns.org ä»¥ä¸‹ã‹ã‚‰ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã§ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã®ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’è¦‹ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã®ä¸Šã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚Œã°è©³ç´°ãªæƒ…å ±ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã§ä¾¿åˆ©ã€‚ã‚¯ãƒªãƒƒã‚¯
amnma 2007/02/16
WebApplication

Design

UI

CSS

HTML
ãƒªãƒ³ã‚¯
æ®µè½(pã‚¿ã‚°)ã¨ã‚¢ãƒ³ã‚«ãƒ¼(aã‚¿ã‚°)ã•ãˆã‚ã‚Œã°ã©ã“ã«ã§ã‚‚é…ç½®ã§ãã‚‹ã•
å…è²¬äº‹é …ï¼šæœ¬ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã¯ã€ä¸€èˆ¬çš„ãªæƒ…å ±æä¾›ã®ã¿ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚æƒ…å ±ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã«ã‚ˆã£ã¦æä¾›ã•ã‚Œã€å½“ç¤¾ã¯æƒ…å ±ã‚’æœ€æ–°ã‹ã¤æ£ç¢ºã«ä¿ã¤ã‚ˆã†åŠªåŠ›ã—ã¾ã™ãŒã€ã„ã‹ãªã‚‹ç›®çš„ã«ãŠã„ã¦ã‚‚ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¾ãŸã¯ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«å«ã¾ã‚Œã‚‹æƒ…å ±ã€è£½å“ã€ã‚µãƒ¼ãƒ“ã‚¹ã€é–¢é€£ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹å®Œå…¨æ€§ã€æ£ç¢ºæ€§ã€ä¿¡é ¼æ€§ã€é©åˆæ€§ã€åˆ©ç”¨å¯èƒ½æ€§ã«ã¤ã„ã¦ã€æ˜Žç¤ºã¾ãŸã¯é»™ç¤ºã‚’å•ã‚ãšã„ã‹ãªã‚‹è¡¨æ˜Žã¾ãŸã¯ä¿è¨¼ã‚‚è¡Œã„ã¾ã›ã‚“ã€‚å¾“ã£ã¦ã€ã“ã‚Œã‚‰ã®æƒ…å ±ã«ä¾æ‹ ã™ã‚‹ã“ã¨ã¯ã€ã‚ãã¾ã§ã‚‚ãŠå®¢æ§˜ã”è‡ªèº«ã®è²¬ä»»ã«ãŠã„ã¦è¡Œã‚ã‚Œã‚‹ã‚‚ã®ã¨ã—ã¾ã™ã€‚ å½“ç¤¾ã¯ã€å½“ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ã”åˆ©ç”¨ã«èµ·å› ã™ã‚‹ã„ã‹ãªã‚‹æå®³ã«ã¤ã„ã¦ã‚‚è²¬ä»»ã‚’è² ã„ã¾ã›ã‚“ã€‚ æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‹ã‚‰ã€ã‚¹ãƒšã‚·ãƒ£ãƒ«ãƒ™ã‚¹ãƒˆã®ç®¡ç†ä¸‹ã«ãªã„ä»–ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã¸ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å½“ç¤¾ã¯ã€ãã‚Œã‚‰ã®ã‚µã‚¤ãƒˆã®æ€§è³ªã€å†…å®¹ãŠã‚ˆã³åˆ©ç”¨å¯èƒ½æ€§ã‚’ç®¡ç†ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“ã€‚ãƒªãƒ³ã‚¯ã¯å¿…ãšã—ã‚‚æŽ¨å¥¨ã™ã‚‹ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã—ã€ãƒªãƒ³ã‚¯å…ˆã§è¿°ã¹ã‚‰
amnma 2006/12/27
ãªã‚‹

HTML

Tips

CSS

WebApplication

UI

Design
ãƒªãƒ³ã‚¯
1