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

kyotaweb id:kyotaweb

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«é–¢ã™ã‚‹kyotawebã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (31)

${{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ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Ž
2. å°åˆ·ä¼šç¤¾ã§ DTP ã‚ªãƒšãƒ¬ãƒ¼ã‚¿ãƒ¼ã¨ã—ã¦ 2 å¹´é–“å‹¤ã‚ãŸã‚ã¨é€€è·ã—ã€ Web ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¢ãƒ«ãƒã‚¤ãƒˆã¨ã—ã¦è¤‡æ•°ã®åˆ¶ä½œä¼šç¤¾ã‚’è»¢ã€…ã¨ã—ãŸã‚Š æµ·å¤–ã«è¡Œã£ãŸã‚Šã—ãŸã‚ã¨æ¨ªæµœã®åˆ¶ä½œä¼šç¤¾ã«å‹™ã‚ã‚‹ã€‚ åˆ¶ä½œä¼šç¤¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã€ ã‚³ãƒ³ã‚µãƒ«ç‰ã‚’å¹…åºƒãçµŒé¨“ã™ã‚‹ã€‚2012 å¹´ 4 æœˆã‚ˆã‚Šãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã—ã¦ç‹¬ç«‹ã€‚ ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³å…¥é–€ã€åŸ·ç† å°å· è£•ä¹‹ barchinâ€ƒâ€ƒhiro.ogw 13å¹´10æœˆ8æ—¥ç«æ›œæ—¥
kyotaweb 2014/02/12
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œCSSãƒ™ãƒ¼ã‚¹ã®è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
ãã®ã¾ã¾ã‚µã‚¤ãƒˆåˆ¶ä½œã«ä½¿ã£ã¦ã‚‚ã‚‚ã¡ã‚ã‚“ä¾¿åˆ©ã€è‡ªåˆ†ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚‹ãŸã‚ã®å‹‰å¼·ã«ã‚‚å½¹ç«‹ã¤CSSãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ç”¨ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ä¸€éƒ¨ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§å¤ã„IEç”¨ã«modernizr.jsã‚„respond.jsãªã©ã‚’ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ Kube Kube -GitHub ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ãƒ—ãƒä»•æ§˜ã®ã‚·ãƒ³ãƒ—ãƒ«ã§ãƒŸãƒ‹ãƒžãƒ«ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º 15.6KB å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Chrome, Safari, Firefox, Opera, IE8+, and ã‚¹ãƒžãƒ•ã‚©ç”¨ãƒ–ãƒ©ã‚¦ã‚¶ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ å€‹äººãƒ»å•†ç”¨ã¨ã‚‚ã«ç„¡æ–™åˆ©ç”¨å¯ Base Base -GitHub ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã€ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚„ã‚°ãƒªãƒƒãƒ‰æƒã£ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€‚LESS, Sassã ã‘ã§ãªãã€.htaccessã‚’å«ã‚€ã‚µã‚¤ãƒˆåˆ¶ä½œç”¨ã®ãƒ•ã‚©ãƒ«ãƒ€ã‚„ã‚°ãƒªãƒƒãƒ‰ã®PSDã‚‚ã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚º 3KB(
kyotaweb 2014/02/10
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
HTML5ã§å®Ÿç¾ã§ãã‚‹ï¼ç’°å¢ƒå…‰ã«åˆã‚ã›ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªUI
HTML5ã§å®Ÿç¾ã§ãã‚‹ï¼ç’°å¢ƒå…‰ã«åˆã‚ã›ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªUI Tomomi Imuraï¼ˆSlackï¼‰ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã«æºã£ã¦ã„ã‚‹çš†ã•ã‚“ã«ã¨ã£ã¦ã€ã“ã“æ•°å¹´é–“ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ã€ã«ã¤ã„ã¦ã®è©±é¡Œã¯é¿ã‘ã¦é€šã‚Œãªã„ã‚‚ã®ã¨ãªã£ã¦ã„ã‚‹ã§ã—ã‚‡ã†ã€‚ãƒ¢ãƒã‚¤ãƒ«ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆä¸Šã§ã‚‚ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’å¤±ã†ã“ã¨ã®ãªã„ã‚¦ã‚§ãƒ–ã‚’è¡¨ç¾ã™ã‚‹ã«ã¯ã€CSS3 Media-queriesãŒæ¬ ã‹ã›ãªã„ã‚‚ã®ã¨ãªã£ã¦ãã¾ã—ãŸã€‚ ãã‚Œã§ã¯å®Ÿéš›ã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ã¨ã¯ä½•ã«ã¤ã„ã¦ã®å¯¾å¿œï¼ˆãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼‰ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ç¾åœ¨ã®ã¨ã“ã‚ã€ç§ãŸã¡ãŒã„ã†ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã©ã‚“ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã®å¹…ã‚„è¡¨ç¤ºé ˜åŸŸã€ãƒ‡ãƒã‚¤ã‚¹ã®ç”»é¢è§£åƒåº¦ã‚„ç”»é¢ã®ç¸¦æ¨ªã®å‘ãã«ã‚‚å¯¾å¿œã—ãŸã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†ã®ãŒäº‹å®Ÿä¸Šã®å®šç¾©ã¨ãªã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ã€‚ ãã“ã§ä»Šå›žã€ç§ã¯ãã®å®šç¾©ã‚’è¶…ãˆãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ å¤ªé™½å…‰
kyotaweb 2014/01/23
ã“ã‚“ãªã“ã¨ã¾ã§ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªï¼ˆor JavaScriptï¼‰ã§å–å¾—ã§ãã‚‹ã®ã‹ã€‚ã€‚

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã—ã¦ãã‚Œã‚‹jQueryé›†ã€Œ15 Responsive Navigation jQuery Pluginsã€
TOPÂ Â >Â Â javascriptÂ ,Â WebDesignÂ Â >Â Â ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿç¾ã—ã¦ãã‚Œã‚‹jQueryé›†ã€Œ15 Responsive Navigation jQuery Pluginsã€ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚·ã‚§ã‚¢ãŒé«˜ã¾ã‚‹ã«é€£ã‚Œã¦PCã§ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã‚‚ä¸¡æ–¹å…±é€šã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã§ã€å„ç«¯æœ«ã”ã¨ã«æœ€é©åŒ–ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³+æ©Ÿèƒ½ã€‚å¤šãã®WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒé ã‚’è¿·ã‚ã›ã‚‹ã¨ã“ã‚ã§ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ãã®ä¸ã§ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ“ä½œã™ã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã—ã¦ãã‚Œã‚‹jQueryã‚’é›†ã‚ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ15 Responsive Navigation jQuery Pluginsã€ã§ã™ã€‚ Sidr æœ€è¿‘ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—ãƒªã®ãƒŠãƒ“ã®ã‚ˆã†ã«ã‚µã‚¤ãƒˆã®ã‚µã‚¤ãƒ‰ã‹ã‚‰ã›ã‚Šå‡ºã¦ãã‚‹ã‚ˆã†ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‹ã‚‰ã€ç«¯æœ«ã«ã‚ˆã£ã¦ã€ãã‚Œãžã‚Œã®ç«¯æœ«ã«æœ€é©åŒ–ã•ã‚ŒãŸå½¢ã«å¤‰åŒ–ã™ã‚‹ã‚‚ã®ã¾ã§å¤šç¨®å¤šæ§˜ãªãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„
kyotaweb 2013/08/19
jQuery

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãŒã‚³ãƒ³ã‚»ãƒ—ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯Â·Cardinal MOONGIFT
Cardinalã¯CSS3è£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆMIT Licenseï¼‰ã§ã™ã€‚ Webãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¤šæ•°ç™»å ´ã—ã¦ã„ã¾ã™ã€‚ãã‚Œãžã‚Œã«ç‰¹å¾´ãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹Cardinalã¯Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ä½¿ãˆãã†ãªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ãªã‚Šã¾ã™ã€‚ èª¬æ˜Žãƒšãƒ¼ã‚¸ãŒãã®ã¾ã¾ãƒ‡ãƒ¢ã«ãªã£ã¦ã„ã¾ã™ã€‚å·¦å´ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€å³å´ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã‚‹å½¢ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ãšã¯ã‚°ãƒªãƒƒãƒ‰ã€‚åŒºåˆ‡ã‚Šã®å¹…ã‚‚æŒ‡å®šã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šã€ç´°ã‹ãªåˆ¶å¾¡ãŒå‡ºæ¥ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã™ã€‚ã“ã®å ´åˆã§ã‚‚ã‚°ãƒªãƒƒãƒ‰ã¯ä¿ãŸã‚ŒãŸã¾ã¾ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªã‚°ãƒªãƒƒãƒ‰ã‚‚ã‚ã‚Šã¾ã™ã€‚ã“ã¡ã‚‰ã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ã«ã‚ˆã£ã¦ã‚°ãƒªãƒƒãƒ‰ã®è¡¨ç¤ºãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ ãƒœã‚¿ãƒ³ç³»ã€‚å››è§’ã¨è§’ä¸¸ãŒã‚ã‚Šã¾ã™ã€‚ ã•ã‚‰ã«ä¸¸ã¿ã‚’å¸¯ã³ãŸã‚¿ã‚¤ãƒ—ã‚‚ç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã‚‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ã‚ºã«ç¸®ã‚ãŸå ´åˆã‚‚ãã‚Œã„ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ãƒ†ãƒ¼ãƒ–ãƒ«ã€‚å¤šæ§˜ãªè¡¨ç¾ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚¹ãƒžãƒ¼
kyotaweb 2013/08/06
ã“ã‚Œã¯ãªã‹ãªã‹ã‚ˆã•ããƒ¼

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

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

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

ãƒ¢ãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
Pure ã‚’ä½¿ã£ã¦ 5åˆ†ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãª Blog ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚‹
Pure ã¯ Yahoo! ãŒå…¬é–‹ã—ãŸ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€è©¦ã—ã«ä½¿ã£ã¦ã¿ã¾ã—ã‚‡ã†ã¨ã„ã†ã“ã¨ã§ã€è‡ªåˆ†ã§æ›¸ãã‚¹ã‚¿ã‚¤ãƒ«ã¯æ¥µåŠ›å°‘ãªãã—ã¦ã€ç°¡å˜ã« Blog ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã£ã½ã„ã‚‚ã®ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã•ã™ãŒã« 5åˆ†ã¯ã‚¦ã‚½ã§ã™ ã™ã„ã¾ã›ã‚“ã€‚ã§ã‚‚ç°¡å˜ã§ã—ãŸã‚ˆã€‚ Pure ï¼š A set of small, responsive CSS modules that you can use in every web project. Pure ã¨ã¯ Pure ã¯ã€ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ãˆã° Twitter ãŒå…¬é–‹ã—ã¦ã„ã‚‹ Bootstrap ãªã©ã¨åŒã˜ã€CSS ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ãŒã€CSS ã®ã¿ã«çµžã‚‹ã“ã¨ã§ã€ãã®å®¹é‡ã¯æœ€å¤§ã§ 5.7KB ã¨ã‹ãªã‚Šè»½é‡ã€‚Yahoo! ã® CDN ã‹ã‚‰èªã¿è¾¼ã‚ã°ã€gzip ã•ã‚ŒãŸçŠ¶æ…‹ã§èªã¿è¾¼ã‚ã¾ã™ã€‚ ã¾ãŸã€å„æ©Ÿèƒ½ã‚’å€‹åˆ¥ã«èªã¿è¾¼ã‚€ã“ã¨ã‚‚å¯èƒ½ã§ã™ã®ã§ã€å¿…è¦ãªæ©Ÿèƒ½ã ã‘ã‚’é¸æŠžã™
kyotaweb 2013/06/11
Yahoo! ãŒå…¬é–‹ã—ãŸ CSS ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

CSS

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
kyotaweb 2013/06/02
ãªã‹ãªã‹é«˜æ©Ÿèƒ½ã ãª

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

css

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ åˆ¶ä½œç·¨ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãŠä¹…ã—ã¶ã‚Šã§ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é‡Žç”°ã§ã™ã€‚ ã¾ãšã€ä»Šå›žã®è¨˜äº‹ã‚’è¦‹ã¦ã„ãŸã ãå‰ã«ã€å‰å›žã¨å‰ã€…å›žã«æ›¸ã‹ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ ã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ Pt.2ã€ ã‚’èªã‚“ã§ã„ãŸã ã‘ã‚‹ã¨ã‚¹ãƒ ãƒ¼ã‚ºã§ã™ã€‚ ä»Šå›žã§ã€ã€å¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€‘ã®ã‚·ãƒªãƒ¼ã‚ºã‚‚æœ€å¾Œã«ã•ã›ã¦ã„ãŸã ãã¾ã™ã®ã§ã€å°‘ã—ã‚³ãƒ³ãƒ†ãƒ³ãƒ„é‡ãŒå¤šããªã‚Šã¾ã™ã€‚ 100ï¼… 5åˆ†ã§ã¯åˆ†ã‚‰ãªã„ã®ã§ã€ã‚¿ã‚¤ãƒˆãƒ«ã¯ã‚¹ãƒ«ãƒ¼ã—ã¦ã‚„ã£ã¦ãã ã•ã„ã€‚ æ§˜ã€…ãªã‚µã‚¤ãƒˆã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€åˆ¶ä½œæ–¹æ³•ãŒç•°ãªã£ã¦ã„ãŸã‚Šã€å†…å®¹ãŒå°‘ã—é›£ã—ã„ã¨æ„Ÿã˜ã‚‹éƒ¨åˆ†ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã¯ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®æ–¹ã‚„ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€ã©ã¡ã‚‰ã«ã‚‚ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«æ›¸ã‹ã›ã¦ã„ãŸã ã„ã¦ã¾ã™ã€‚ ã¾ãŸã€ã“ã‚Œã¾ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã‚„ã£ã¦ãã¾ã—ãŸãŒã€åŸºæœ¬çš„ãªéƒ¨åˆ†ã§
kyotaweb 2012/11/25
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¤ãƒã‚¤ãã‚‰ã„ç°¡å˜ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹Striking.lyãŒå‡„ã„ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
è¿½è¨˜ï¼šã€å‰²å¼•ã‚³ãƒ¼ãƒ‰GETï¼ã€‘ãƒ¤ãƒã‚¤ãã‚‰ã„ç°¡å˜ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãªã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹Strikingly.comãŒå‰²å¼•ã‚³ãƒ¼ãƒ‰ãã‚ŒãŸï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹ ä¸Šè¨˜è¿½è¨˜ã§ã™ãŒã€ã“ã®Strikingly.comã®ãƒ‡ã‚¤ãƒ“ãƒƒãƒˆã•ã‚“ã¨è©±ã‚’ã—ã¦ã€ã‚¯ãƒ¼ãƒãƒ³ã‚³ãƒ¼ãƒ‰è²°ãˆãŸã‚“ã§ã”ç´¹ä»‹è¨˜äº‹ãŒä¸Šã«ãªã‚Šã¾ã™ãƒ¼ï¼ ä»¥ä¸‹ã‚ˆã‚Šæœ¬è¨˜äº‹æœ¬æ–‡ ã„ã‚„ãƒ¼ã€ä»Šæ—¥ã¾ã§æ•£ã€…â€ç°¡å˜ã«ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚“æ™‚ä»£ã£ã™ã‚ˆããƒ¼â€çš„ãªäº‹ã‚’è‰²ã€…æ›¸ã„ã¦ãã¾ã—ãŸãŒã€ã‚‚ã—ã‹ã—ãŸã‚‰ã“ã‚Œã¯ä»Šã¾ã§ã”ç´¹ä»‹ã—ãŸã©ã‚“ãªç°¡å˜WEBã‚µã‚¤ãƒˆä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã‚ˆã‚Šã‚‚å‡„ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ è¶…ã‚·ãƒ³ãƒ—ãƒ«ã€è¶…ç°¡å˜ã€è¶…æ¥½ã€è¶…ç¶ºéº—ã€‚ ç„¡æ–™ç‰ˆã§ã‚‚ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã®é«˜ã•ã«ã¯ã¡ã‚‡ã£ã¨ãƒ“ãƒƒã‚¯ãƒªã§ã™ãŒã€æœ‰æ–™ç‰ˆã«ã™ã‚Œã°A/Bãƒ†ã‚¹ãƒˆã«ã‚«ã‚¹ã‚¿ãƒ ãƒ‰ãƒ¡ã‚¤ãƒ³ã¾ã§å…¨ç„¶ã‚ªãƒƒã‚±ãƒ¼ã¨ã‹è‰²ã€…ãƒ¤ãƒã‚¤é«˜æ©Ÿèƒ½ã€‚ ä¾‹ãˆã°ã€ã“ã‚“ãªã‚µã‚¤ãƒˆ1æ™‚é–“ã‚‚æŽ›ã‹ã‚‰ãšä½œã‚Œã¡ã‚ƒã†ã€‚ç°¡å˜ã ã‘ã©ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯ã‚‚ã•ã‚Œã¦ã‚‹ã—ã€‚ä½¿ã„æ–¹ã‚‚èª¬æ˜ŽãŒå¿…è¦ã‹è¿·ã†ãƒ¬ãƒ™ãƒ«ã§ç°¡å˜ã€‚ S
kyotaweb 2012/11/25
webã‚µãƒ¼ãƒ“ã‚¹

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

Webã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã«æœ€é©ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è€ƒå¯Ÿ -è¦‹ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãæ“ä½œæ€§ã§ï¼
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã€ãƒ©ãƒƒãƒ—ãƒˆãƒƒãƒ—ã‚¿ã‚¤ãƒ—ã®ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãªã©ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è€ƒå¯Ÿã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å˜ã«è¦‹ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãã€æ“ä½œæ€§ã‚’è€ƒæ…®ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã™ã€‚ Responsive Navigation: Optimizing for Touch Across Devices ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ å„ãƒ‡ãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚º å„ãƒ‡ãƒã‚¤ã‚¹ã®ã‚¿ãƒƒãƒæ–¹æ³• ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½ç½® ãƒ‡ãƒ¢ ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆãƒ»ãƒ©ãƒƒãƒ—ãƒˆãƒƒãƒ—ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ã‚µã‚¤ã‚º ã¾ãšã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’ç¢ºèªã—ã¦ã¿ã¾ã™ã€‚ éŽåŽ»2ãƒµæœˆã«ãƒªãƒªãƒ¼ã‚¹ã—ãŸä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ã‚ºä¸€è¦§ã§ã™ã€‚
kyotaweb 2012/11/25
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

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

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã§ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’ä½¿ã†æ™‚ã®å°æŠ€
tableã‚„trã€tdãªã©ã®ãƒ†ãƒ¼ãƒ–ãƒ«é–¢é€£ã®ã‚¿ã‚°ã®dsiplayãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤‰æ›´ã—ã¾ã™ã€‚ tableã‚¿ã‚°ã®displayã®å€¤ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯tableã€tdã‚„thã‚¿ã‚°ã¯table-cellã¨ã„ã£ãŸå…·åˆã§ã™ãŒã€ã“ã®å€¤ã‚’blockã‚„list-it emãªã©ä»–ã®å€¤ã«å¤‰ãˆã¾ã™ã€‚ @media only screen and (max-width:420px){ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-it em; border: none; } ..... } Chromeã€Safariã€Firefoxå¯¾å¿œã€‚ IEã§ã¯Tableã®displayã‚’å¤‰æ›´ã—ã¦ã‚‚è¡¨ç¤ºã¯å¤‰ã‚ã‚‰ãªã„ã‚ˆã†ãªã®ã§éžå¯¾å¿œã§ã™ã€‚ æ¡ä»¶åˆ†å²ã‚³ãƒ¡ãƒ³ãƒˆã‚’ä½¿ã£ã¦IEã«ã¯ãƒ¡ãƒ‡ã‚£ã‚¢ã‚¯ã‚¨ãƒªã‚’èªã¾ã›ãªã„ã‚ˆ
kyotaweb 2012/11/04
ã„ã‚ã‚“ãªç™ºæƒ³ãŒã‚ã£ã¦ã™ã”ã„ã€‚

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kyotaweb 2012/10/29
wordpress

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

ãƒ†ãƒ¼ãƒž
ãƒªãƒ³ã‚¯
ã“ã‚Œãžãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ç¢ºèªãƒ„ãƒ¼ãƒ«ã®æ±ºå®šç‰ˆï¼OSã‚’é¸ã°ãšã«ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã™ãã«ç¢ºèªã§ãã‚‹ -Viewport resizer
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚µã‚¤ã‚ºã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚„ã‚¹ãƒžãƒ•ã‚©ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆç”¨ã«å¤‰ãˆã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã®ç¢ºèªã‚’ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã¯ãŸãã•ã‚“ã‚ã‚Šã¾ã™ãŒã€ã“ã‚Œã¯ã‹ãªã‚ŠãŠã‚¹ã‚¹ãƒ¡ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ Viewport resizer Viewport resizerã®ç‰¹å¾´ Viewport resizerã®ä½¿ã„æ–¹ Viewport resizerã®é«˜åº¦ãªä½¿ã„æ–¹ Viewport resizerã®ç‰¹å¾´ Viewport resizerã¯ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ¼ã‚¹ã§å‹•ä½œã™ã‚‹ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆã§ã€Windowsã§ã‚‚Mac OSã§ã‚‚å³æ™‚ã«ãƒ„ãƒ¼ãƒ«ã‚’èµ·å‹•ã—ã¦ã€è¡¨ç¤ºã—ã¦ã„ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã«å¤‰æ›´ã—ã¦ç¢ºèªã§ãã¾ã™ã€‚ ãƒ•ãƒ«ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãŒå¯èƒ½ã€‚ ãã®å ´ã§ã‚µã‚¤ã‚ºå¤‰æ›´ã—ã¦ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚å¯èƒ½ã€‚ 1ã‚¯ãƒªãƒƒã‚¯ã§ã‚¹ãƒžãƒ•ã‚©ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®ç¸¦ãƒ»æ¨ªå‘ãã‚’å¤‰æ›´ã§ãã¾ã™ã€‚ Media Queriesã‚’ã‚µãƒãƒ¼ãƒˆã€‚ Metaã®viewportã‚¿ã‚°ã‚’é©åˆã•ã›ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸ã®ãƒªãƒ
kyotaweb 2012/10/29
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
kyotaweb 2012/10/24
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãªã‚“ã ã“ã‚Œï¼ï¼ã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå‡„ã¾ã˜ããƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ï¼ï¼ | ã‚´ãƒªãƒŸãƒ¼
ä»Šã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã‚Šã¯ã€Œãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã€ï¼ æ˜¨æ—¥ã€ã¨ã‚ã‚‹ã‚¢ãƒ—ãƒªã®ç´¹ä»‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦è©±ã—åˆã£ã¦ã„ãŸã®ã ãŒã€æ ªå¼ä¼šç¤¾LIGã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ–ãƒã‚°ã«æ›¸ã„ã¦ã‚ã£ãŸã€Œå¿…èªï¼5åˆ†ã§ã‚ã‹ã‚‹æµè¡Œã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã¾ã¨ã‚ã€ã«è¼‰ã£ã¦ã„ãŸã€ŒNHKã‚¹ã‚¿ã‚¸ã‚ªãƒ‘ãƒ¼ã‚¯ã€ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ»ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¤ã‚±ã‚¤ã‚±ã™ãŽã¦æ„Ÿå‹•ã—ãŸã®ã§ã€ç´¹ä»‹ã™ã‚‹ï¼ã“ã‚Œã¯æœ¬å½“ã«ã™ã”ã„ï¼ï¼ ã¾ãšæ™®é€šã«è¡¨ç¤ºã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã€‚ã‚ˆãã‚ã‚‹3ã‚³ãƒ©ãƒ ãƒ™ãƒ¼ã‚¹ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚ å°‘ã—å¹…ã‚’ç‹ã‚ã‚‹ã¨ã€ä¸‹ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ç§»å‹•ã—ã€å³ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«ã‚ã£ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒä¸‹ã«ç§»å‹•ã—ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å³ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒå®Œå…¨ã«ç„¡ããªã£ãŸã€‚ ã•ã‚‰ã«ç‹ã‚ã‚‹ã¨ä»Šåº¦ã¯å·¦ã®ã‚µã‚¤ãƒ‰ãƒãƒ¼ãŒæ¶ˆãˆãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®é™ç•Œã¾ã§ç‹ã‚ã¦ã¿ã‚‹ã¨ã€å„ãƒ‘ãƒ¼ãƒ„ã®å¹…ã‚‚ç‹ã¾ã£ã¦ã“ã®ã‚ˆã†ãªå½¢ã«è½ã¡ç€ã„ãŸã€‚ ã“ã‚Œã‚’è©¦ã—ã¦ã„ã‚‹æ™‚ã€å„è¦ç´ ã®å‹•ããŒã‚ã¾ã‚Šã«ã‚‚æ»‘ã‚‰ã‹ã§ã‚‚ã®ã™ã”ãæ„Ÿå‹•ã—ãŸã€‚çš†ã•
kyotaweb 2012/10/18
JavaScript

jQuery

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

wordpress

ãƒ†ãƒ¼ãƒž
ãƒªãƒ³ã‚¯
Create a Responsive and Multilingual Website in 5 min with Edicy
2014å¹´7æœˆ23æ—¥ ä¾¿åˆ©ãƒ„ãƒ¼ãƒ« ä»¥å‰ã€å…ƒãŠéš£ã•ã‚“ãŒã€ŒéžWEBå±‹ã§ã‚‚ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹é©šç•°çš„ã‚µãƒ¼ãƒ“ã‚¹ï¼ã€Žã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã€ã¨ã„ã†æ•·å±…ãŒã©ã‚“ã©ã‚“ä½Žããªã£ã¦ã„ã‚‹ã¨å®Ÿæ„Ÿã™ã‚‹ç‰©è‰²ã€…ã€ã¨ã„ã†è¨˜äº‹ã§Webåˆ¶ä½œã®çŸ¥è˜ãŒãªãã¦ã‚‚ç°¡å˜ã«Webã‚µã‚¤ãƒˆã‚’ä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’ç´¹ä»‹ã—ã¦ãã‚Œã¦ã„ã¾ã—ãŸã€‚HTMLã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®çŸ¥è˜ãŒãªãã¦ã‚‚ã€ãƒ†ãƒ¼ãƒžã‚’é¸ã‚“ã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å…¥åŠ›ã™ã‚Œã°ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ãŒã©ã‚“ã©ã‚“å¢—ãˆã¦ã„ã¾ã™ãã€‚ä»Šå›žã¯åŒæ§˜ã®ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ãŒã€ã‚ˆã‚Šå¤šæ©Ÿèƒ½ãªã€ŒEdicyã€ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ â†‘ç§ãŒ10å¹´ä»¥ä¸Šåˆ©ç”¨ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Edicyã®ç‰¹å¾´ å‹•ç”»ã‚’è¦‹ã¦ã‚‚ã‚ã‹ã‚‹é€šã‚Šã€Edicyã¯ç°¡å˜ã«ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ä¸Šã§Webã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ ã¨ã«ã‹ãè©¦ã—ã¦ã¿ã¾ã—ã‚‡ã†ï¼ãƒ›ãƒ¼ãƒ ã®ã€ŒTry for Freeã€ãƒœã‚¿ãƒ³ã‹ã‚‰ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ä½œæˆã—ã¾ã™ã€‚ã€Œ.edicy.coã€ã®ãƒ‰ãƒ¡ã‚¤ãƒ³ãŒå–å¾—ã§ãã¾ã™ã€‚
kyotaweb 2012/09/25
æœ€è¿‘ã€Webã‚µã‚¤ãƒˆã‚’ç°¡å˜ã«ä½œã‚Œã‚‹ã‚µãƒ¼ãƒ“ã‚¹å¤šã„ãªã€‚ã“ã†ã‚„ã£ã¦Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®éœ€è¦ãƒ»å˜ä¾¡ã«å½±éŸ¿ã—ã¦ã„ãã®ã‹ãƒ»ãƒ»ãƒ»

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
[CSS]é«˜æ€§èƒ½ã™ãŽã¦ãƒ“ãƒƒã‚¯ãƒªã—ã¾ã—ãŸã€ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®è¶…è»½é‡ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ -Kube Framework
kyotaweb 2012/09/24
Twitter Bootstrapä¸¦ã«é«˜æ©Ÿèƒ½ã€‚ã¨ã‚Šã‚ãˆãšãƒ¡ãƒ¢ã€‚

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

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

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

css
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸