[B! margin] YKKTã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

YKKT id:YKKT

marginã«é–¢ã™ã‚‹YKKTã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

Kern Type, the kerning game
A game to learn how to kern type
YKKT 2012/10/08
æ–‡å—è©°ã‚ã‚²ãƒ¼ãƒ

WEB

ãƒ•ã‚©ãƒ³ãƒˆ

margin
ãƒªãƒ³ã‚¯
ãšã£ã¨ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ã™ã£ãã‚Šç¾Žã—ãè¦‹ã›ã‚‹ã€Žä½™ç™½ã€ã¨ã€Žæ–‡å—ã€ã®ä½¿ã„æ–¹ã€‚
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é•·è°·å·ã§ã™ã€‚ ä»Šå›žã¯åƒ•ãŒæ™®æ®µæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ã€ã¡ã‚‡ã£ã¨æ„è˜ã™ã‚‹ã ã‘ã§ã‚¹ãƒƒã‚ãƒªã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ„ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„æ–¹ã‚‚ã€ä¼ç”»æ›¸ã‚„ç°¡å˜ãª UI ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€Web ã‚„é›‘èªŒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã«å¿œç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. ä¸Šä¸‹å·¦å³ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’å‡ä¸€ã« Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´ å…¨ã¦ã«å¯¾ã—ã¦éš£ã‚Šåˆã†è¦ç´ ã¨ã®é–“éš”ã‚„ãƒãƒŠãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ã®å¤–å´ã¨å†…å´ã®è¦ç´ ã®ä¸Šä¸‹å·¦å³ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã§ãã‚‹ã ã‘å‡ä¸€ã«ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¹ãƒƒã‚ãƒªè¦‹ãˆã¾ã™ã€‚ 2. å†…å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å¤–å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚ˆã‚Šç‹ã ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ä¸€ç•ªå¤–å´ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–“éš”ã‚ˆã‚Šæ–‡ç« ã®ã‹ãŸã¾ã‚Šã‚„ç”»åƒåŒå£«ã®é–“éš”ã‚’å°ã•ãã—ã¾ã™ã€‚åŸºæœ¬çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã¾ã¨ã¾ã‚Šã‚’ä½œã‚‹ãŸã‚ã§ã™ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯åºƒãå–ã£ã¦åŒºåˆ†ã‘ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ 3. æ®µè½ã®ä¸‹ã¯é–“éš”ã‚’åºƒãé–‹ã‘
YKKT 2012/10/07
WEB

æƒ…å ±

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

margin
ãƒªãƒ³ã‚¯
ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ä½¿ã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®è€ƒãˆæ–¹
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¦ç´ ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«éžå¸¸ã«é‡è¦ãª ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã€ã™ã“ã—ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ç§ãŒäººã«ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ•™ãˆã‚‹ã¨ãã¯ã€ã¾ãšã“ã“ã‹ã‚‰å§‹ã‚ã¾ã™ã€‚ boxã¨boxã¨ã®ç©ºé–“ã®é–‹ã‘æ–¹ã€è¦ç´ ã¨è¦ç´ ã®ã€Œé–“ã€ã¯ã€éŸ³æ¥½ã§ã„ã†ã¨ã“ã‚ã®ã€Œãƒªã‚ºãƒ ã€ã ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ ãƒªã‚ºãƒ ãŒæ•´ã£ã¦ã„ã‚Œã°ã€ä»–ã®è¦ç´ ãŒä¸»å¼µã—ãŸã“ã¨ãŒä¸Šæ‰‹ã«ä¼ã‚ã‚Šã¾ã™ã€‚ ãƒªã‚ºãƒ ãŒæ•´ã£ã¦ã„ãªã‘ã‚Œã°ã€ã‘ã‚“ã‹ã—ã‚ã„ã€ä¸å”å’ŒéŸ³ï¼è¦‹ã¥ã‚‰ã„çŠ¶æ³ã‚’ä½œã‚Šå‡ºã—ã¾ã™ã€‚ è‡ªåˆ†ãªã‚Šã®ãƒªã‚ºãƒ ã‚’è¦‹ã¤ã‘ã¦ã„ã‘ã°ã€ãã‚ŒãŒå€‹æ€§ãƒ»ã‚¸ãƒ£ãƒ³ãƒ«ã«ãªã‚‹ã®ã§ã™ã€‚ ã©ã‚ŒãŒé–“é•ã£ã¦ã„ã‚‹ã€ã¨ã„ã†ãŠè©±ã§ã¯ãªãã€ã©ã‚“ãªé¢¨ã«æ„Ÿã˜ãŸã‹ã‚’å¤§äº‹ã«ã—ã¦èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ ã¨ã¦ã‚‚ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ãªä¾‹ã‚’å‡ºã—ã¦ã¿ã¾ã™ã€‚ Aã¨Bã‚’æ¯”è¼ƒã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã©ã¡ã‚‰ã®ã»ã†ãŒèªã¿ã‚„ã™ã„ã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã‹ï¼Ÿ ã©ã‚“ãªãµã†ã«æ„Ÿã˜ã¾ã—ãŸã‹ï¼Ÿ ã“ã®ä¾‹ã§ã¯ã€Bã®ã»ã†ã«å¤§ããªä½™ç™½ã‚’ä¸Žãˆã¾ã—ãŸã€‚ ï¼”éš…ã™ã¹ã¦åŒã˜ãã‚‰ã„
YKKT 2011/09/14
ã€€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®è¦ç´ ã‚’ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã™ã‚‹éš›ã«éžå¸¸ã«é‡è¦ãª ãƒ›ãƒ¯ã‚¤ãƒˆã‚¹ãƒšãƒ¼ã‚¹ã®è€ƒãˆæ–¹ã«ã¤ã„ã¦ã€ã™ã“ã—ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚

WEB

æƒ…å ±

margin
ãƒªãƒ³ã‚¯
CSS ã‚«ãƒ©ãƒ -ãƒžãƒ¼ã‚¸ãƒ³è¨ˆç®—
float: left; display: inline; width: 125px; margin: 0 0 0 0px;
YKKT 2011/09/12
ã€€å…¥åŠ›ï½”ã•ã‚ŒãŸæœ€å¤§å¹…ã¨ã‚«ãƒ©ãƒ æ•°ã‹ã‚‰é©åˆ‡ãªwidthå€¤ã¨marginå€¤ã‚’å‡ºåŠ›ã—ã¾ã™ã€‚

WEB

ãƒ„ãƒ¼ãƒ«

margin

css
ãƒªãƒ³ã‚¯
1