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

greenbug id:greenbug

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

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

ã¯ã¦ãªãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®è£å´ - Uedayworks::HatenaBlog
ã“ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¯Hatena::Staff Advent Calendar 2011ã®ãŸã‚ã«æ›¸ã‹ã‚ŒãŸã‚‚ã®ã§ã™ ã¯ã˜ã‚ã¾ã—ã¦ã€‚æœ€è¿‘ã¯æ˜ ç”»ã‘ã„ãŠã‚“ãŒç”Ÿãç”²æ–ã®uedayã§ã™ã€‚ 11æœˆ8æ—¥ã«ã‚¯ãƒãƒ¼ã‚ºãƒ‰ãƒ™ãƒ¼ã‚¿ãƒªãƒªãƒ¼ã‚¹ã—ãŸã€Œã¯ã¦ãªãƒ–ãƒã‚°ã€ã®ãƒ‡ã‚¶ã‚¤ãƒ³å…¨èˆ¬ã‚’æ‹…å½“ã—ã¾ã—ãŸã€‚è£å´ã¨ã„ã†ã»ã©ã®è©±ãŒã§ãã‚‹ã‹å¾®å¦™ã§ã™ãŒæ›¸ã„ã¦ã¿ã¾ã™ã€‚ é–‹ç™ºãƒãƒ¼ãƒ é–‹ç™ºãƒãƒ¼ãƒ ã¯ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢id:cho45ï¼ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼id:uedayï¼ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³id:onishiã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¯ã‚ªãƒªãƒ†ã‚£ãƒã‚§ãƒƒã‚¯ã‚’id:tikedaã«ä¾é ¼ã—ã¦ã€é©å®œãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’è²°ã„ãªãŒã‚‰é€²ã‚ã¦ã„ãã¾ã—ãŸã€‚ã“ã®ã»ã‹ã«åˆ¶ä½œã‚¹ã‚¿ãƒƒãƒ•ãŒæ•°åã„ã¾ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒç«‹ã¡ä¸ŠãŒã£ãŸã®ãŒ8æœˆ1æ—¥ã ã£ãŸã®ã§ã€é–‹ç™ºæœŸé–“ã¯ç´„3ãƒ¶æœˆã§ã™ã€‚ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆå®ŒæˆãŒç•°å¸¸ã«é€Ÿãã€é–‹ç™º2æ—¥ç›®ã‹3æ—¥ç›®ã§è¨˜äº‹æŠ•ç¨¿ãŒã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã€5æ—¥ç›®ã§ã‚¢ãƒ«ãƒ•ã‚¡ç‰ˆã‚’ç¤¾å†…ãƒªãƒªãƒ¼ã‚¹ã€‚choã•ã‚“ã»ã‚“ã¨ã™ã”ã„ãªã£ã¦æ€ã„ã¾ã—ãŸ
greenbug 2011/12/12
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œè€…ã¯çŸ¥ã£ã¦ãŠããŸã„webã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ7é¸ â”‚ Design Spice
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰ã‚°ãƒªãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã§ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆç”¨èªžã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³ ã‚¨ãƒ©ã‚¹ãƒ†ã‚£ãƒƒã‚¯ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ•ãƒ¬ã‚ã‚·ãƒ–ãƒ«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å›ºå®šå¹…ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–webãƒ‡ã‚¶ã‚¤ãƒ³(Responsive Web Design) PCã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆäº‹ã«è¤‡æ•°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åˆ¶ä½œã™ã‚‹ã®ã§ã¯ãªãã€ ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®å¹…ã«åˆã‚ã›ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æœ€é©åŒ–ã™ã‚‹æ–¹æ³•ã€‚ CSS3ã®Media Queriesã‚’åˆ©ç”¨ã—ã¦ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºã«å¿œã˜ã¦ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ ãƒ¡ãƒªãƒƒãƒˆ ä¸€ã¤ã®ã‚½ãƒ¼ã‚¹ã§è¤‡æ•°ãƒ‡ãƒã‚¤ã‚¹ã«å¯¾å¿œã§ãã‚‹ã®ã§ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸä»Šå¾Œãƒ‡ãƒã‚¤ã‚¹ã®ç¨®é¡žãŒå¢—ãˆã¦ã‚‚ãã‚Œã«å¯¾å¿œã§ãã¾ã™ã€‚ ãã‚Œãžã‚Œã®ãƒ‡ãƒã‚¤ã‚¹ã«åˆã‚ã›ãŸå½¢ã§èª¿æ•´ã§ãã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚‚é«˜ããªã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¡ãƒªãƒƒ
greenbug 2011/09/01
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
Components Â· Twitter Bootstrap
Sleek, intuitive, and powerful front-end framework for faster and easier web development. Download Bootstrap GitHub project Examples Extend Version 2.3.2
greenbug 2011/08/24
ã‚¯ã‚½ä¾¿åˆ©ã™ãŽã¦ã“ã‚Œãªã—ã§ã¯ç”Ÿãã¦ã„ã‘ãªã„ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã§ããªã„ãƒ—ãƒã‚°ãƒ©ãƒžå¿…æºã€‚

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

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

ãƒ„ãƒ¼ãƒ«

ã¾ã¨ã‚

æµ·å¤–
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ãƒªã‚»ãƒƒãƒˆã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -Normalize CSS
Normalize CSS [ad#ad-2] Normalize CSSã®ä¸»ãªç‰¹å¾´ Normalize CSSã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Normalize CSSã®ãƒ‡ãƒ¢ Normalize CSSã®ä½¿ã„æ–¹ Normalize CSSã®ä¸»ãªç‰¹å¾´ Normalize CSSã¯ã€ä»–ã®ãƒªã‚»ãƒƒãƒˆç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã¯ä¸€å‘³é•ã£ãŸç‰¹å¾´ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ æœ‰ç”¨ãªãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã¯ãã®ã¾ã¾ å¤šãã®ãƒªã‚»ãƒƒãƒˆç”¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ç•°ãªã‚Šã€æœ‰ç”¨ãªãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ç¶æŒã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã®æ£å¸¸åŒ– ã•ã¾ã–ã¾ãªç¨®é¡žã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’æ£å¸¸åŒ–ã—ã¾ã™ã€‚ ãƒã‚°ã®ä¿®æ£ å„ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®ç•°ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚„ãƒã‚°ã‚’ä¿®æ£ã—ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®æ”¹å–„ ã»ã‚“ã®ã‚ãšã‹ãªæ”¹è‰¯ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’æ”¹å–„ã—ã¾ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®èª¬æ˜Ž å„ã‚³ãƒ¼ãƒ‰ã«ã¯è©³ç´°ãªèª¬æ˜ŽãŒã‚ã‚Šã¾ã™ã€‚ Normalize CSSã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ Chrome Firefox
greenbug 2011/06/02
CSS

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

ãƒªã‚»ãƒƒãƒˆ

IE6

ãƒ–ãƒ©ã‚¦ã‚¶
ãƒªãƒ³ã‚¯
not found
greenbug 2011/05/29
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1