[B! ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ] locked_dogã®ãƒ

locked_dog id:locked_dog

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹locked_dogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

å…¨ã¦ã®äººãŒçŸ¥ã£ã¦ãŠãã¹ã è¦‹ã‚„ã™ã„è³‡æ–™ã‚’ã¤ãã‚‹ãŸã‚ã®9ã¤ã®é»„é‡‘ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ - ã²ã¤ã˜ã®é›‘è¨˜å¸³
ã‚¹ãƒ©ã‚¤ãƒ‰ã‚„ãƒã‚¹ã‚¿ãƒ¼ãªã©ã®è³‡æ–™ä½œæˆã«ãŠã„ã¦ä¸€ç•ªé‡è¦ãªã‚‚ã®ã¯ã€Œå†…å®¹ã€ã§ã™ã€‚ã—ã‹ã—ã€ãã‚Œã«ä¸¦ã¶ãã‚‰ã„ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€ã‚‚é‡è¦ã¨ãªã‚Šã¾ã™ã€‚è¦‹ã¥ã‚‰ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã›ã„ã§ã€ã›ã£ã‹ãé•·æ™‚é–“ã‹ã‘ã¦ä»•ä¸Šã’ãŸè³‡æ–™ãŒå°ç„¡ã—...ãªã‚“ã¦ã“ã¨ã‚‚ååˆ†ã«ã‚ã‚Šå¾—ã¾ã™ã€‚ ã‚ãªãŸã¯èªã¿æ‰‹ã«å„ªã—ã„ã€Œè¦‹ã‚„ã™ã„è³‡æ–™ã€ã‚’ä½œã‚Œã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ä»Šå›žã¯ã€å…¨ã¦ã®äººãŒçŸ¥ã£ã¦ãŠãã¹ãè¦‹ã‚„ã™ã„è³‡æ–™ã‚’ã¤ãã‚‹ãŸã‚ã®9ã¤ã®é»„é‡‘ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã“ã‚Œã‹ã‚‰ç´¹ä»‹ã™ã‚‹ã“ã¨ã¯è³‡æ–™ä½œæˆã ã‘ã§ãªãã€Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚å¿œç”¨ã§ãã‚‹ã¯ãšã§ã™ã€‚ãƒ–ãƒã‚°ã‚„ã‚µã‚¤ãƒˆã‚’é‹å–¶ã—ã¦ã„ã‚‹æ–¹ã‚‚ãœã²å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚¹ãƒãƒ³ã‚µãƒ¼ãƒ‰ãƒªãƒ³ã‚¯ ç›®ç·šã®å‹•ãã‚’æ„è˜ã—ãŸZNã®æ³•å‰‡ çŸ¢å°ã‚„ç•ªå·ã‚’ä½¿ã†ã¨å°šè‰¯ã— å¼·å¼±ã‚’ã¤ã‘ã¦èªã¿ã‚„ã™ãã™ã‚‹ é©åº¦ãªä½™ç™½ãƒ»è¡Œé–“ã‚’æŒãŸã›ã‚‹ è¦‹ãˆãªã„ç·šã‚’å¸¸ã«æ„è˜ã™ã‚‹ å½©åº¦ã®é«˜ã™ãŽã‚‹è‰²å½©ã¯ä½¿ã‚ãªã„ è‰²ãŒæŒã¤æ„å‘³ã‚’è€ƒãˆã¦ä½¿ã† è‰²ãŒæŒã¤ã‚¤ãƒ¡ãƒ¼ã‚¸ã®ä¾‹ æ¥µç«¯ãªå¤§ãã•ã®æ–‡å—ã‚’ä½¿ã£
locked_dog 2017/04/10
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
BLã‚³ãƒŸãƒƒã‚¯ã‚¹è¡¨ç´™ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ - allyoucaneat
2014/4/8 update BLã‚³ãƒŸãƒƒã‚¯ã‚¹ã®ç‰¹å¾´ å¸¯ï¼ˆã‚ã‚‰ã™ã˜ã‚„ã€åŒæ¥è€…ã‹ã‚‰ã®æŽ¨è–¦æ–‡ãªã©ãŒæã‹ã‚Œã‚‹ï¼‰ãŒå·»ã‹ã‚Œã‚‹ è¡¨ç´™ã®ä¸‹3åˆ†ã®1ã«é‡è¦ãªæƒ…å ±ï¼ˆäººç‰©ã®é¡”ãªã©ï¼‰ã‚’ç½®ã‹ãªã„ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå¤šãè¦‹å—ã‘ã‚‰ã‚Œã‚‹ã€‚ å·»æ•°ãŒç¶šãã‚‚ã®ã¯ç¨€ã§ã€ã»ã¼1å·»å®Œçµç‰©ãŒå¤šã„ BLé›‘èªŒã‚’å®šæœŸè³¼èªã™ã‚‹äººã‚ˆã‚Šã‚³ãƒŸãƒƒã‚¯ã‚¹ã«ãªã£ã¦ã‹ã‚‰è³¼å…¥ã™ã‚‹äººã®å‰²åˆãŒå¤šã„ BLã‚³ãƒŸãƒƒã‚¯ã‚¹ã®è¡¨ç´™ã§è¡¨ç¾ã•ã‚Œã‚‹ã‚‚ã®ã¯æ”»å—ã®è·é›¢æ„Ÿ æ”»å—é¡”å¯„ã› ã‚ã‹ã‚Šã‚„ã™ãæ”»ã‚ã¨å—ã‘ã€‚ç¸¦ç½®ãã‚¿ã‚¤ãƒˆãƒ«ã¯çœŸé¢ç›®ã£ã½ã„ã‹ã‚“ã˜ã€‚ æ”»å—ã‚’ã‚¿ã‚¤ãƒˆãƒ«ã§æŒŸã‚€ ã‚¿ã‚¤ãƒˆãƒ«ã«æ”»ã‚å—ã‘ãŒãŽã‚…ã£ã¨ã•ã‚Œã¦ã„ã¦ã€äºŒäººã®è·é›¢ãŒè¿‘ã„ã€‚ ã‚¿ã‚¤ãƒˆãƒ«ç¸¦æ›¸ã ã‚¿ã‚¤ãƒˆãƒ«æ¨ªæ›¸ãï¼ˆãƒãƒƒãƒ—ãªå°è±¡ï¼‰ æ”»å—ã®é–“ã«ã‚¿ã‚¤ãƒˆãƒ« äºŒäººã®è·é›¢ãŒã‚¿ã‚¤ãƒˆãƒ«ã‚’ç½®ãã“ã¨ã«ã‚ˆã£ã¦ã‚ãšã‹ã«é–‹ã„ã¦ã„ã‚‹ã€‚è·é›¢æ„Ÿã®æ¼”å‡ºã€‚ æ¨ªæ›¸ãã‚¿ã‚¤ãƒˆãƒ« ä¸å¤®ã«ã‚¿ã‚¤ãƒˆãƒ« BLè¡¨ç´™ã®ï¼“å‰²ãã‚‰ã„ãŒã“ã®ã‚¿ã‚¤ãƒ—ã€‚ ä¸Šä¸‹ è¤‡æ•°äººç‰© å†…å®¹ãŒç¾¤åƒåŠ‡ã®å ´åˆã«ç”¨ã„ã‚‰ã‚Œã‚‹ï¼Ÿè¦–ç·šã®å‘ãã§ã©
locked_dog 2014/05/07
ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

BL

æ¼«ç”»

ãƒžãƒ³ã‚¬

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

åºƒå‘Š

æŽ¡ç”¨

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

æ±‚äºº

BHB

ã‚·ãƒ¢ãƒ€ãƒ†ãƒ„ãƒ¤

ãƒã‚¿

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

WEB
ãƒªãƒ³ã‚¯
ke-tai.org > Blog Archive > ã‚±ãƒ¼ã‚¿ã‚¤ã§ã®ç”»åƒå›žã‚Šè¾¼ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ
ã‚±ãƒ¼ã‚¿ã‚¤ã§ã®ç”»åƒå›žã‚Šè¾¼ã¿ã«ã¤ã„ã¦ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸ Tweet 2008/6/11 æ°´æ›œæ—¥ matsui Posted in ãƒ‡ã‚¶ã‚¤ãƒ³ | 7 Comments Â» æœ¬æ—¥ã€ã‚±ãƒ¼ã‚¿ã‚¤ã§ã®ã€Œç”»åƒã®å›žã‚Šè¾¼ã¿ã€ã«é–¢ã—ã¦èª¿æŸ»ã—ã¾ã—ãŸã®ã§ã€ãƒ¡ãƒ¢ã‚’å…¼ãã¦ã¾ã¨ã‚ã¦ã¿ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã‚ãƒ£ãƒªã‚¢æ¯Žã«æ›¸ãåˆ†ã‘ã¦ã—ã¾ã£ã¦ã¯æ„å‘³ãŒç„¡ã„ã®ã§ã€3ã‚ãƒ£ãƒªã‚¢ã§å…±é€šã—ã¦ä½¿ãˆã‚‹æ›¸ãæ–¹ã‚’èª¿ã¹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã¾ãšå•é¡Œã¨ãªã£ãŸã®ãŒã€auã§floatãŒåˆ©ã‹ãªã„ã“ã¨ã§ã™ã€‚ ã§ã¯ã€ã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ã«imgã‚¿ã‚°ã®alignå±žæ€§ã‚’ä½¿ã£ã¦ã¿ã¦ã¯ã©ã†ã‹ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã™ãŒã€ä»Šåº¦ã¯ãƒ‰ã‚³ãƒ¢(XHTML)ã§æ£ã—ãè¡¨ç¤ºã•ã‚Œã¾ã›ã‚“ã€‚ ãªã‹ãªã‹ã‚„ã£ã‹ã„ã§ã™ã€‚ ãã“ã§ã€æ¬¡ã®ã‚ˆã†ãªã‚µãƒ³ãƒ—ãƒ«HTMLã‚’ä½œæˆã—ã€3ã‚ãƒ£ãƒªã‚¢ã§ãƒ†ã‚¹ãƒˆã‚’è¡Œã£ã¦ã¿ã¾ã—ãŸã€‚ <img src="test.gif" style="float:left;" align="left" /> ã‚
locked_dog 2012/04/25
Webåˆ¶ä½œ

mobile

HTML

æºå¸¯

CSS

GIF

tips

ç”»åƒ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
2011å¹´ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æŒ¯ã‚Šè¿”ã‚‹
2011å¹´ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œã®è©±é¡Œã®ä¸å¿ƒã¯HTML5ã¨CSS3ã§ã—ã‚‡ã†ã€‚ ã“ã“ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³é¢ã‚’ä¸å¿ƒã«ã€2011å¹´ã«äººæ°—ãŒé«˜ã‹ã£ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Popular Web Design Trends in 2011: Over 50 Inspiring Examples [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ Responsive Web Design ç‚¹ç·š ã‚µãƒ¼ã‚¯ãƒ« ãƒ¬ãƒˆãƒã‚¹ã‚¿ã‚¤ãƒ« ãƒªãƒœãƒ³ ãƒžã‚¸ãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ã€Ž3ã€ å°‘ã—ã‚ãã‚Œã¦ã‚‹ãƒšãƒ¼ãƒ‘ãƒ¼ ãƒœãƒ¼ãƒ€ãƒ¼ãƒ¬ã‚¹ ã‚°ãƒªãƒƒãƒ‰ å¯¾è§’ç·š Responsive Web Design Responsive Web Designã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåˆ©ç”¨ã™ã‚‹ç’°å¢ƒï¼ˆã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãªã©ï¼‰ã«åˆã‚ã›ã¦æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€iPhoneãªã©ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€iPadãªã©ã€ã‚ã‚‰ã‚†ã‚‹ãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãª
locked_dog 2011/12/12
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

design

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

web

ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—

ãƒ–ãƒ©ã‚¦ã‚¶

ã‚¦ã‚§ãƒ–

CSS

css3

è©±é¡Œ
ãƒªãƒ³ã‚¯
http://designaholic.cc/2011/11/web-12.html
locked_dog 2011/12/07
web

webã‚µã‚¤ãƒˆ

design

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

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

jQuery
ãƒªãƒ³ã‚¯
[CSS]ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
width, heightã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„è¦ç´ ã‚’å¤©åœ°å·¦å³ã®çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Centering in the Unknown [ad#ad-2] ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã‚‰ãªã„å ´åˆ ã¾ã¨ã‚ã¨å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ è¦ç´ ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹å ´åˆ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã¨ã€Œãã®è¦ªã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ä¸¡æ–¹ã®é«˜ã•ã¨å¹…ã®ã‚µã‚¤ã‚ºãŒåˆ†ã‹ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’çœŸã‚“ä¸ã«ç½®ãã®ã¯ç°¡å˜ã§ã™ã€‚ ã€ŒçœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã€ã‚’ã€Œposition: fixed;ã€ã«ã—ã€topã¨leftã‚’50%ã€marginã®topã¨leftã‚’ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®åŠåˆ†ã®ã‚µã‚¤ã‚ºã§ãƒã‚¬ãƒ†ã‚£ãƒ–ãƒžãƒ¼ã‚¸ãƒ³ã§é…ç½®ã—ã¾ã™ã€‚ CSS .centered { position: fixed; top: 50%; left: 50%; margin-t
locked_dog 2011/11/02
ãƒ‡ã‚¶ã‚¤ãƒ³

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

CSS

webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯

HTML
ãƒªãƒ³ã‚¯
1