[B! ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–] learnã®ãƒ

learn id:learn

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹learnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Grid æ—¥æœ¬èªžç‰ˆ
ãªãœã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«åŠ´åŠ›ã‚’è²»ã‚„ã™ã®ã‹? ç§é”ã¯å…¨ã¦ã®ãƒ‡ãƒã‚¤ã‚¹ã«ãŠã„ã¦ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®ã‚µã‚¤ã‚ºã‚„ç¸¦æ¨ªã®æ–¹å‘ã¨ã„ã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç’°å¢ƒã«å·¦å³ã•ã‚Œãšã«ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆãŒåˆ©ç”¨ã—ã‚„ã™ããªã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ æ–ç‰‡åŒ–ã•ã‚ŒãŸä¸–ç•Œ 2013å¹´ç¾åœ¨ã€æ•°åƒç¨®é¡žã®ãƒ‡ãƒã‚¤ã‚¹ã¨ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºãŒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã¾ã™ã€‚ãã‚Œã‚‰å…¨ã¦ã«å¯¾ã—ã¦ã€ãã‚Œãžã‚Œãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’è¨è¨ˆã™ã‚‹ã®ã¯ã‚‚ã¯ã‚„ä¸å¯èƒ½ã§ã™ã€‚ãã‚“ãªã“ã¨ã‚ˆã‚Šã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã‚Šæµå‹•çš„ãªã‚¢ãƒ—ãƒãƒ¼ãƒã‚’å–ã‚Šå…¥ã‚Œã‚‹ã¹ãã§ã—ã‚‡ã†ã€‚ ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ æœ€è¿‘ã«ãªã£ã¦ã€Œãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã¨ã„ã†è¨€è‘‰ãŒãã“ã‚‰ã˜ã‚…ã†ã§èžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã®è¨€è‘‰ã¯ã€ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰å§‹ã‚ã¦ã€å¿…è¦ã¨ã•ã‚Œã‚‹æ™‚ã«å¤§ããªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã«æœ€é©åŒ–ã—ãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚’é©ç”¨ã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’æ„å‘³ã—ã¾ã™ã€‚è¨€ã„æ›ãˆã‚‹ã¨ã€ä½œæˆã—ãŸãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã®ã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«ãªã‚Šã€ãã‚Œä»¥é™ã«æ›¸ãæ›ãˆã‚‹å¿…è¦ã¯ãªã„ã¨ã„ã†ã“ã¨ã§ã™ã€‚ãã‚Œã¯
learn 2014/04/05
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

å…¥é–€
ãƒªãƒ³ã‚¯
ä»Šã‹ã‚‰ã§ã‚‚é–“ã«åˆã†ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ä½œã‚Šæ–¹ã®ã¾ã¨ã‚
photo by Scolirk åœ°æ–¹ã§ã‚‚ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹å¯¾å¿œã‚’æ±‚ã‚ã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šããªã£ã¦ãã¾ã—ãŸã€‚ å¾ã€…ã«å¯¾å¿œã—ã¦ã„ã‚‹ã¨ã“ã‚ãŒå¢—ãˆã¦ããŸãŸã‚ã ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚æ˜¨å¹´ã‹ã‚‰ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã€ å¯¾å¿œã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã®ã§ã€èª¿ã¹ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚‚ãã˜ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ ç”»åƒã®åˆ‡ã‚Šæ›¿ãˆãƒ»æœ€é©åŒ– ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒª ã‚µã‚¤ãƒˆã®é«˜é€ŸåŒ– ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ 2å¹´ç¨‹å‰ã‹ã‚‰æµè¡Œã—å§‹ã‚ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ åŸºæœ¬çš„ãªè€ƒãˆæ–¹ã€ãƒ¡ãƒªãƒƒãƒˆãƒ»ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚’ç†è§£ã—ã¦ãŠã‹ãªã„ã¨ãƒˆãƒ©ãƒ–ãƒ«ã®å…ƒã«ãªã‚Šã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºæœ¬ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ | æ ªå¼ä¼šç¤¾LIG 5åˆ†ã§åˆ†ã‹ã‚‹ãƒ¬ã‚¹
learn 2014/01/21
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
Responsive Web Design Test Tool - Designmodo
Free Responsive Web Design Testing Tool - ViewPorter. Test your responsive website design while you build them.
learn 2013/04/19
webãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ãŸã£ãŸï¼‘è¡Œã§å®Œæˆï¼Ÿå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ | DECONCEPTER
ç°¡å˜ã«ä½œã‚Œã‚‹ï¼ã¿ã‚“ãªå¤§å¥½ãå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ å…ˆæ—¥è©±é¡Œã«ãªã£ã¦ã„ãŸã€Œãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ã€ã§ç´¹ä»‹ã•ã‚Œã¦ã„ãŸNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã¨ã¦ã‚‚ã‚·ãƒ³ãƒ—ãƒ«ã«ä½œã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ã‚ãƒ¬ã‚¤ã€‚ã“ã®ã‚·ãƒ³ãƒ—ãƒ«ã•ã‚’ä¼ãˆãŸãã¦ã†ãšã†ãšã—ã¦ãã¾ã—ãŸã€‚ã›ã£ã‹ãã†ãšã†ãšã—ãŸã®ã§ã©ã‚“ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„ã‚‹ã®ã‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ ã¾ãšã¯ã“ã¡ã‚‰ã®ãƒ‡ãƒ¢ã‚’å¾¡è¦§ãã ã•ã„ã€‚ å‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãªã‚µã‚¤ãƒˆãƒ‡ãƒ¢ ä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã¯jQuery Masonryã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã ï¼ @planetofgoriã•ã‚“ã®ãƒ–ãƒã‚°ã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã€jQuery Masonryã¨ã„ã†ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŸã£ãŸæ•°è¡Œã§NHKã®ã‚µã‚¤ãƒˆã®ã‚ˆã†ãªå¯å¤‰ã‚°ãƒªãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒä½œã‚Œã¦ã—ã¾ã„ã¾ã™ã€‚å¯å¤‰ã‚°ãƒªãƒƒãƒ‰ã®ãƒ¬ã‚¤ã‚¢
learn 2012/10/30
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§J query mobileãªã‚µã‚¤ãƒˆã®ã¤ãã‚Šã‹ãŸ
2. è‡ªå·±ç´¹ä»‹ â€¢ ç™½çŸ³ ä¿Šå¹³ï¼ˆã—ã‚‰ã„ã— ã—ã‚…ã‚“ãºã„ï¼‰ â€¢ html5j.org ç®¡ç†äºº â€¢ HTML5ã¨ã‹å‹‰å¼·ä¼š ä¸»å‚¬ â€¢ Webå…ˆç«¯æŠ€è¡“å‘³è¦‹éƒ¨ éƒ¨é•· â€¢ èªæ›¸ã™ã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä¼š ä¸»å‚¬ â€¢ Google API Expert (HTML5) â€¢ Microsoft Most Valuable Professional (IE9) â€¢ Twitter: @Shumpei
learn 2012/09/16
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

jQuery Mobile

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

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

jQuery Mobile
ãƒªãƒ³ã‚¯
1