[B! ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³] sippo_desã®ãƒ

sippo_des id:sippo_des

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«é–¢ã™ã‚‹sippo_desã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (17)

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

auã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚±ãƒ¼ã‚¿ã‚¤ã®æ´å²ã‚’ã¾ã¨ã‚ãŸæ›¸ç±ã‚’ç„¡æ–™å…¬é–‹ï¼auå¥‘ç´„è€…ä»¥å¤–ã‚‚OK - iPhone Mania
KDDIã¯ã€au Design project15å‘¨å¹´ã‚’è¨˜å¿µã—ãŸå‡ºç‰ˆç‰©ã€Œã‚±ãƒ¼ã‚¿ã‚¤ã®å½¢æ…‹å¦ã€ã®å…¨ãƒšãƒ¼ã‚¸ã‚’Webã§ç„¡æ–™å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚auå¥‘ç´„è€…ä»¥å¤–ã§ã‚‚ç„¡æ–™ã§é–²è¦§å¯èƒ½ã§ã™ã€‚ auå¥‘ç´„è€…ä»¥å¤–ã‚‚ç„¡æ–™ã§èªã‚ã‚‹ï¼å…¬é–‹ã¯æœŸé–“é™å®š æ›¸ç±ã€Œã‚±ãƒ¼ã‚¿ã‚¤ã®å½¢æ…‹å¦ã€ã¯ã€7æœˆã«æ±äº¬éƒ½å†…ã§é–‹å‚¬ã•ã‚ŒãŸau Design projectã®15å‘¨å¹´å±•è¦§ä¼šã€Œã‚±ãƒ¼ã‚¿ã‚¤ã®å½¢æ…‹å¦ å±•ã€ã®é–‹å‚¬ã‚’è¨˜å¿µã—ã¦9æœˆã«åˆç‰ˆé™å®š2,000éƒ¨ã§åˆŠè¡Œã•ã‚Œã€au online shopã§è²©å£²ã•ã‚Œã¦ã„ã¾ã™ã€‚ 10æœˆ13æ—¥ã‹ã‚‰ã¯ã€Webä¸Šã§ã®å…¨ãƒšãƒ¼ã‚¸ç„¡æ–™å…¬é–‹ãŒé–‹å§‹ã•ã‚Œã¦ãŠã‚Šã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã®Safariã¾ãŸã¯Chromeã‹ã‚‰ã€auå¥‘ç´„è€…ã§ãªãã¦ã‚‚ç„¡æ–™ã§é–²è¦§å¯èƒ½ã§ã™ã€‚ å…¬é–‹ã¯æœŸé–“é™å®šã§ã™ãŒã€çµ‚äº†æ™‚æœŸã¯æœªå®šã§ã™ã€‚ãªãŠã€ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã§ãã¾ã›ã‚“ã€‚ é‡ç”£ãƒ¢ãƒ‡ãƒ«70ç‚¹ã«åŠ ãˆã€è£½å“åŒ–ã•ã‚Œãªã‹ã£ãŸãƒ¢ãƒ‡ãƒ«ã‚‚è§£èª¬ ã€Œã‚±ãƒ¼ã‚¿ã‚¤ã®å½¢æ…‹å¦ã€ã«ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚±ãƒ¼ã‚¿ã‚¤ã¨ã—ã¦
sippo_des 2017/10/16
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

æºå¸¯é›»è©±

design

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

mobile
ãƒªãƒ³ã‚¯
ã€æ±ºå®šç‰ˆã€‘ã‚¢ãƒ—ãƒªäº‹æ¥ã®KPIãƒ„ãƒªãƒ¼ï¼ | Growth Hack Journal
ã¯ã˜ã‚ã« ã‚¢ãƒ—ãƒªã«ã‚ˆã£ã¦ãƒ“ã‚¸ãƒã‚¹ãƒ¢ãƒ‡ãƒ«ã¯ç•°ãªã‚Šã¾ã™ãŒã€å¤§å¤šæ•°ã®ã‚¢ãƒ—ãƒªãŒã‚´ãƒ¼ãƒ«ï¼ˆKGIï¼‰ã«ã—ã¦ã„ã‚‹ã®ã¯å£²ä¸Šå¢—ã‹ã¨æ€ã„ã¾ã™ã€‚ ã§ã¯ã€ã‚ãªãŸã¯å£²ä¸Šå¢—ã«å‘ã‘ãŸæŒ‡æ¨™ã®æŠŠæ¡ã¨æ•´ç†ãŒã§ãã¦ã„ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ã“ã®è¨˜äº‹ã§ã¯KPIãƒ„ãƒªãƒ¼ã‚’ä½¿ã£ã¦ã‚¢ãƒ—ãƒªã®å£²ä¸Šã«è²¢çŒ®ã™ã‚‹æŒ‡æ¨™ã‚’æ´—ã„å‡ºã—ã€å„æŒ‡æ¨™ã«ã¤ã„ã¦èª¬æ˜Žã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1.KPIãƒ„ãƒªãƒ¼ã®é‡è¦æ€§ â—†ãã‚‚ãã‚‚KPIãƒ„ãƒªãƒ¼ã¨ã¯ï¼Ÿ KPIãƒ„ãƒªãƒ¼ã¨ã¯ã€ä¾‹ãˆã°ã‚¢ãƒ—ãƒªã®KGIã‚’å£²ä¸Šã¨ã—ãŸå ´åˆã€å£²ä¸Šã‚’æ§‹æˆã™ã‚‹è¦ç´ ã‚’åˆ†è§£ã—ã¦æ–½ç–ãŒå®Ÿè¡Œå¯èƒ½ã«ãªã‚‹ãƒ¬ãƒ™ãƒ«ã¾ã§è½ã¨ã—è¾¼ã¾ã‚ŒãŸæŒ‡æ¨™ï¼ˆKPIï¼‰ã®ä¸€è¦§ã§ã™ã€‚ â—†KPIãƒ„ãƒªãƒ¼ã‚’ä½œã‚‰ãªã„å ´åˆã®å•é¡Œç‚¹ â‘ ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã¨ãªã£ã¦ã„ã‚‹å•é¡ŒãŒã‚ã‹ã‚‰ãªã„ å£²ä¸Šã‚’æ§‹æˆã™ã‚‹è¦ç´ ã‚’æ´—ã„å‡ºã•ãªã„ã¨ã€å£²ä¸Šå¢—ã®å¦¨ã’ã«ãªã£ã¦ã„ã‚‹å•é¡Œã«æ°—ã¥ã‹ãªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ â‘¡å…·ä½“çš„ãªæ–½ç–ã‚’è€ƒãˆã‚‹ã®ãŒé›£ã—ã„ å£²ä¸Šã‚„ã‚¢ã‚¯ãƒ†ã‚£ãƒ–ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•°ãªã©ä¸Šä½ã®æŒ‡æ¨™ã‚’åˆ†è§£ã—ãªã„ã¾ã¾ã§ã¯ã€ã€Œã˜ã‚ƒã‚ãã®æŒ‡æ¨™
sippo_des 2017/02/27
ã‚¢ãƒ—ãƒª

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³è¡¨ç¤ºã§ã€ã¯ã¿å‡ºã—ãŸtableã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹CSS
ã“ã®ã‚ˆã†ã«tableã‚’æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã«ã¯ã€HTMLã¨CSSã‚’ç·¨é›†ã™ã‚Œã°OKã§ã™ã€‚ 1ã€HTMLã®ç·¨é›† ã¾ãšã¯ã€tableã‚’ã€Œdivã‚¿ã‚°ã€ã§å›²ã¿ã¾ã™ã€‚ã“ã“ã§ã¯ã€ãã®divã‚¿ã‚°ã«â€scrollâ€ã¨ã„ã†classåã‚’ä»˜ã‘ã¾ã—ãŸã€‚ <div class="scroll"> <table border="1" cellspacing="0" cellpadding="5"> <tbody> <tr> <th>å•†å“å</th> <td colspan="5">ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆå›žç·š</td> </tr> <tr> <th>åˆæœŸè²»ç”¨</th> <td colspan="5">äº‹å‹™æ‰‹æ•°æ–™3000å†† ï¼‹ æ¨™æº–å·¥äº‹è²»0å††</td> </tr> <tr> <th>ãƒ—ãƒ©ãƒ³</th> <td>30Mã‚³ãƒ¼ã‚¹</td> <td>50Mã‚³ãƒ¼ã‚¹</td> <td>100Mã‚³ãƒ¼ã‚¹</td> <td>200Mã‚³ãƒ¼ã‚¹</td>
sippo_des 2016/12/09
table

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

CSS-ãƒ†ãƒ¼ãƒ–ãƒ«

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

*webåˆ¶ä½œ

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

tableãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§æ’®å½±ã—ãŸå†™çœŸã‚’javascriptã®File APIã§inputã¸ã‚»ãƒƒãƒˆ
iOS6ã®Safariã‹ã‚‰å¯¾å¿œã®ã€HTML5ã®FileReaderã‚’ã¤ã‹ã£ã¦ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚«ãƒ¡ãƒ©ã‚’èµ·å‹•ã—ã€æ’®å½±ã—ãŸç”»åƒã‚’ <input type=â€fileâ€>ã¸ã‚»ãƒƒãƒˆã—ãŸã‚Š <img>ã¨ã—ã¦ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼ã—ãŸã‚Šã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã‚µãƒ³ãƒ—ãƒ« ä»Šå›žã¯ã€jQueryãªã—ã§çµ„ã‚“ã§ã¿ã¾ã—ãŸã€‚ <div class="console"> <div class="button"></div> <input id="addImage" type="file" accept="image/*"> </div> <div Id="preview"></div> window.onload = function(){ var $addImage = document.getElementById("addImage"); // input type="file" ã®è¦ç´ var $
sippo_des 2015/11/05
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

*webåˆ¶ä½œ

JavaScript

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

design

iPhone

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³
ãƒªãƒ³ã‚¯
http://ruucb.com/blog/2014-03-09/responsive-web-design/
sippo_des 2015/07/22
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ä½œã‚Šæ–¹ï¼ˆç°¡å˜è¨å®šæ–¹æ³•ï¼‰
webmobileã¯ã€ã¿ã‚“ãªãŒçŸ¥ã‚ŠãŸã„android/iPhone/æ ¼å®‰SIMã®ä½¿ã„æ–¹ã‚’å°‚é–€å®¶ã¨ã—ã¦ç™ºä¿¡ä¸ï¼ å½“ãƒ¡ãƒ‡ã‚£ã‚¢ã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹æ–‡ç« ã€å†™çœŸãƒ»ç”»åƒãªã©ã«é–¢ã™ã‚‹æ¨©åˆ©ã¯ã€å½“æ–¹ã«å¸°å±žã—ã¾ã™ã€‚ è‘—ä½œè€…ã®è¨±è«¾ã‚’å¾—ã‚‹ã“ã¨ãªãè»¢è¼‰ã€æ”¹å¤‰ã€è¤‡è£½ã€è²©å£²ã€å‡ºç‰ˆãªã©ã€è‘—ä½œæ¨©æ³•ãã®ã»ã‹æ³•å¾‹ã«è§¦ã‚Œã‚‹è¡Œç‚ºã¯ç¦æ¢ã—ã¦ã„ã¾ã™ã€‚ â€» ç”»åƒä½¿ç”¨ãƒ»æ–‡ç« å¼•ç”¨ã¯ãƒªãƒ³ã‚¯ã‚’å¼µã£ãŸä¸Šã§ã”åˆ©ç”¨ãã ã•ã„ã€‚ ãƒ›ãƒ¼ãƒ ï½œã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ï½œãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼ ãŠå•åˆã›ï½œé‹å–¶è€…æƒ…å ±ï½œå…¬å¼YouTube
sippo_des 2015/07/22
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–

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

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ä½œã‚‹ã¨ãã®Media Queriesã®é †ç•ªã‚’è€ƒãˆã¦ã¿ãŸ | A40
ã¡ã‚‡ã†ã©ä»Šãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€Media Queriesã§ç”»é¢ã‚µã‚¤ã‚ºåˆ¥ã«CSSã‚’è¨˜è¿°ã—ã¦ã„ãã¨ãã«ã©ã®ã‚ˆã†ãªé †ç•ªã§è¨˜è¿°ã™ã‚Œã°ã‚ˆã„ã®ã‹ã€æ”¹ã‚ã¦èª¿ã¹ã¦ã¿ãŸã‚‰ã„ã‚ã„ã‚è¿·ã£ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ä»Šã¾ã§ã„ã‚ã„ã‚ãªã‚„ã‚Šæ–¹ã‚’è©¦ã—ã¦ããŸã®ã§ã™ãŒã€ä¸€åº¦æ•´ç†ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ è¨˜è¿°æ–¹æ³•ã®ç¨®é¡ž ä¸€èˆ¬çš„ãªMedia Queriesã®è¨˜è¿°ã®æ–¹æ³•ã¨ã—ã¦ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªã‚„ã‚Šæ–¹ãŒã‚ã‚Šã¾ã™ã€‚ï¼ˆãƒ–ãƒ¬ã‚¤ã‚¯ãƒã‚¤ãƒ³ãƒˆã‚’480pxã€768pxã€980pxã¨ã—ãŸå ´åˆã®ä¾‹ã§ã™ï¼‰ 1. PCã®ã‚¹ã‚¿ã‚¤ãƒ«ã‹ã‚‰è¨˜è¿°ã—ã¦ã„ãæ–¹æ³• ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§PCç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å®šç¾©ã—ã€ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆï¼ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯Media Queriesã‚’ä½¿ã£ã¦ä¸Šæ›¸ãã—ã¦ã„ãPCãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆçš„ãªæ–¹æ³•ã§ã™ã€‚ /* ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆï¼š980pxä»¥ä¸Šç”¨ï¼ˆPCç”¨ï¼‰ã®è¨˜è¿° */ @media screen and (max-width: 979px
sippo_des 2015/03/12
media

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Media Queries

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™
12/20/2014æ±äº¬ã®é‰„é“è·¯ç·šå›³SVGã‚’ä½œã‚Šã¾ã—ãŸï¼†ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³ã§é…å¸ƒã—ã¾ã™Illustratorã‚’ä½¿ã£ã¦ã€æ±äº¬åœã®äº¤é€šè·¯ç·šå›³ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ç¾åœ¨ã€ã“ã‚Œã‚’æ›¸ãã ã—ãŸSVGãƒ•ã‚¡ã‚¤ãƒ«ã‚’ä»¥ä¸‹ã«ç½®ã„ã¦ã€ã‚¦ã‚§ãƒ–ä¸Šã‹ã‚‰è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ã¾ã ãƒžãƒƒãƒ—ã¨ã—ã¦å¤§ã—ãŸå‡¦ç†ã¯ã—ã¦ã„ãªã„ã®ã§ã€PCã¨ã‹ã ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒé¢å€’ã§ã™ãŒã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã‚¿ãƒƒãƒç«¯æœ«ã ã¨ãã“ãã“è¦‹ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€AIãƒ•ã‚¡ã‚¤ãƒ«ãƒ»SVGãƒ•ã‚¡ã‚¤ãƒ«ã¯ãƒ‘ãƒ–ãƒªãƒƒã‚¯ãƒ‰ãƒ¡ã‚¤ãƒ³(CC0Â )ã¨ã—ã¾ã™ã®ã§ã€é…å¸ƒãƒ»æ”¹å¤‰ãƒ»è²©å£²å«ã‚ã€ç…®ã‚‹ãªã‚Šç„¼ããªã‚Šå¥½ãã«ä½¿ã£ã¦ã„ãŸã ã„ã¦ã‹ã¾ã„ã¾ã›ã‚“ã€‚ railmaps - github ã©ã†ã—ã¦æã„ãŸã®ï¼Ÿ æ˜”ã‹ã‚‰ãƒãƒªãƒ¼ãƒ™ãƒƒã‚¯æ°ã®ãƒãƒ³ãƒ‰ãƒ³åœ°ä¸‹é‰„è·¯ç·šå›³Â ãŒã¨ã¦ã‚‚å¥½ãã§ã€è‡ªåˆ†ã‚‚ã“ã†ã„ã†ã‚‚ã®ã‚’æ›¸ã„ã¦ã¿ãŸã‹ã£ãŸã‹ã‚‰ã§ã™ã€‚ãªã‚“ã¨ã„ã†ã‹10å¹´,20å¹´ãŸã£ã¦ã‚‚è‰²è¤ªã›ãªã„ç¾Žã—ã•ã‚’æ„Ÿã˜ã‚‹ã‚“ã§ã™ã‚ˆãã€‚ã“ã‚Œã§ããŸã®1930å¹´ä»£ã§ã™
sippo_des 2014/12/21
æ±äº¬

æ§‹æˆ

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

ã‚¢ã‚¤ãƒ‡ã‚¢

svg

è·¯ç·šå›³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

Design
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆåˆ¶ä½œã§ã€Œãªã‚“ã§æ‹¡å¤§ç¸®å°ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã‚‹ã®ï¼Ÿã€ã¨è¨€ã‚ã‚ŒãŸæ™‚ã®å¯¾å‡¦æ³•
â€» ã“ã®è©±ã¯ãƒ•ã‚£ã‚¯ã‚·ãƒ§ãƒ³ã§ã™ã€‚å®Ÿåœ¨ã®äººç‰©ã‚„å›£ä½“ãªã©ã¨ã¯é–¢ä¿‚ã‚ã‚Šã¾ã›ã‚“ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã—ã¦ã„ã¦ã€ã€Œã‚µã‚¤ãƒˆã‚’è‡ªç”±ã«æ‹¡å¤§ç¸®å°ã§ãã‚‹ã‚ˆã†ã«ã—ã¦ã‚‹ã®ã¯ç†ç”±ã‚ã‚“ã®ï¼Ÿã€ã¨è¨€ã‚ã‚ŒãŸæ™‚ã®å ´åˆã®è©±ã§ã™ã€‚ Viewportã®è¨å®šã©ã†ã—ã¦ãŸã‹ <meta name="viewport" content="width=device-width"> ã“ã‚Œã ã‘ã€‚ã“ã†ã™ã‚‹ã¨ã‚µã‚¤ãƒˆã®å¹…=ãƒ‡ãƒã‚¤ã‚¹ã®å¹…ã«ãªã‚Šã€æ‹¡å¤§ç¸®å°ã¯è‡ªç”±ã«ã§ãã‚‹ã€‚ å¯¾å‡¦æ³•1ï¼šè©±ã—åˆã†ãã‚‚ãã‚‚ãƒ–ãƒ©ã‚¦ã‚¶ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§å‚™ã‚ã£ã¦ã„ã‚‹æ‹¡å¤§ç¸®å°æ©Ÿèƒ½ã‚’ç„¡åŠ¹ã«ã™ã‚‹ã®ãŒãŠã‹ã—ã„ãªãœæ‹¡å¤§ç¸®å°ã‚’ç„¡åŠ¹ã«ã™ã‚‹ã®ã‹ ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªæ„Ÿã‚’å‡ºã—ãŸã„æ‹¡å¤§ç¸®å°ã—ãŸæ™‚ã«è¡¨ç¤ºãŒå´©ã‚Œã‚‹ã®ã‚’é˜²ãŽãŸã„æ‹¡å¤§ã—ãŸæ™‚ã«ç”»åƒãŒãƒœãƒ¤ã‘ã‚‹ã®ãŒå«Œä¾‹ãˆã°æ§‹æˆ/ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸Šã§å°ã•ãªæ–‡å—ã‚’ä½¿ã‚ãªãã¦ã¯ãªã‚‰ãªã„å ´åˆã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã©ã†ã‚„ã£ã¦ãã®æ–‡å—ã‚’æ‹¡å¤§ã™ã‚‹ã®ã‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ‹¡å¤§ã—ãŸã„ã¨æ€ã£ã¦ã‚‚æ‹¡å¤§ãŒç¦æ¢ã•ã‚Œã¦ã„ãŸã‚‰ã€
sippo_des 2014/10/18
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

*webåˆ¶ä½œ

ui

smartphone
ãƒªãƒ³ã‚¯
Photoshopã§ã®ä½œæ¥ãŒã¯ã‹ã©ã‚‹ï¼ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆç‰¹ã«ã‚¹ãƒžãƒ•ã‚©ï¼‰ç”¨ã®åŠ¹æžœçš„ãªç’°å¢ƒè¨å®šã®ã¾ã¨ã‚
Photoshopã§ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚„ã‚¹ãƒžãƒ•ã‚©ãƒšãƒ¼ã‚¸ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã€æœ€ã‚‚è‰¯ã„çµæžœãŒã§ã‚‹æœ€é©ãªç’°å¢ƒè¨å®šã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ€å¾Œã®ã€Œä½œæ¥ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’å‘ä¸Šã•ã›ã‚‹è¨å®šã€ã¯ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã‚‰ãšã€Photoshopã®å‹•ä½œãŒã‚‚ã£ã•ã‚Šã—ã¦ã„ã‚‹äººã¯è¦‹ç›´ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ How To Set Up Photoshop For UI Design ä¸‹è¨˜ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„è¨³ã—ãŸã‚‚ã®ã§ã€ç”»åƒã¯å½“æ–¹ã®Photoshopæ—¥æœ¬èªžç‰ˆã§ã™ã€‚ â€»å½“ãƒ–ãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚æµ·å¤–ã®å¤šãã®ãƒ–ãƒã‚¬ãƒ¼ã‹ã‚‰ã‚ã®ãƒ–ãƒã‚°ã§ã®ç„¡æ–ç¿»è¨³ãƒ»è»¢è¼‰ã®å£°ã‚’èžãã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ç’°å¢ƒè¨å®šã¯iPhoneç”¨ã‚’ä¾‹ã«ã—ã¦ã„ã¾ã™ãŒã€åŸºæœ¬çš„ãªãƒã‚¤ãƒ³ãƒˆã¯å…¨ã¦ã®ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã«é©ç”¨ã§ãã¾ã™ã€‚ æ–°è¦ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã®è¨å®š ã‚¹ãƒŠãƒƒãƒ—ã®è¨å®š ãƒ†ã‚ã‚¹ãƒˆã®è¨å®š å…‰æºã®è¨å®š ã‚°ãƒªãƒƒãƒ‰ã®è¨å®š ç”»åƒã‚’æ›¸ãå‡ºã™æ™‚ã®è¨å®š R
sippo_des 2014/04/22
*Webåˆ¶ä½œ

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

iPhone

UI

*photoshop
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
sippo_des 2013/01/24
,

ã‚ªãƒ•ãƒ©ã‚¤ãƒ³

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ipod touch
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
sippo_des 2012/11/29
ã¾ã¨ã‚

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

iPhone

design

ã‚¹ãƒ©ã‚¤ãƒ‰

UI
ãƒªãƒ³ã‚¯
responsivepx for Japanese
responsivepxã¨ã¯ responsivepxã¨ã¯ã€Media Queryã‚’ä½¿ç”¨ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªWebã‚µã‚¤ãƒˆã‚’ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ã«è¡¨ç¤ºç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ URLã‚’å…¥åŠ›ã—ã¦è¡¨ç¤ºã•ã›ãŸã‚‰å¾Œã¯ãƒãƒ¼ã§å¹…ã‚„é«˜ã•ã‚’èª¿æ•´ã—ã¦ãã ã•ã„ã€‚ã“ã¡ã‚‰ã§è©¦ã™ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™â†’http://css-tricks.com ã“ã®ãƒ„ãƒ¼ãƒ«ã¯githubã«ã¦ã‚³ãƒ¼ãƒ‰ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ Built by @rem / kachibito.net
sippo_des 2012/02/20
ã€€ã‚µã‚¤ãƒˆè¡¨ç¤ºç¢ºèª

ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

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

â˜…â˜…â˜…â˜…â˜…

Tool

smartphone

CSS3

html5
ãƒªãƒ³ã‚¯
PCã‚µã‚¤ãƒˆã‚¹ãƒžãƒ›å¤‰æ›ã€Œshuttoï¼ˆã‚·ãƒ¥ãƒƒãƒˆï¼‰ã€ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†
shuttoï¼ˆã‚·ãƒ¥ãƒƒãƒˆï¼‰ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº† PCã‚µã‚¤ãƒˆã®ã‚¹ãƒžãƒ›å¤‰æ›ã‚µãƒ¼ãƒ“ã‚¹ã€Œshuttoï¼ˆã‚·ãƒ¥ãƒƒãƒˆï¼‰ã€ã¯ã€2024å¹´3æœˆ31æ—¥ã‚’ã‚‚ã£ã¦ã‚µãƒ¼ãƒ“ã‚¹ã‚’çµ‚äº†ã—ã¾ã—ãŸã€‚ ä»Šã¾ã§å¤šãã®ãŠå®¢æ§˜ã«ã”æ„›é¡§ã„ãŸã ãã¾ã—ãŸã“ã¨ã€ã‚¹ã‚¿ãƒƒãƒ•ä¸€åŒæ·±ããŠç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚ â€»Webã‚µã‚¤ãƒˆå¤šè¨€èªžåŒ–ãƒ„ãƒ¼ãƒ«ã€Œshuttoç¿»è¨³ã€ã¯ã€Œshuttoã€ã¨ã¯åˆ¥ã‚µãƒ¼ãƒ“ã‚¹ã¨ãªã‚Šã¾ã™ã€‚ ã€Œshuttoã€ã¯ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã¨ãªã‚Šã¾ã™ãŒã€ã€Œshuttoç¿»è¨³ã€ã«ã¯å½±éŸ¿ã”ã–ã„ã¾ã›ã‚“ã€‚ ã€Œshuttoç¿»è¨³ã€ã¯ã“ã¡ã‚‰ shuttoçµ‚äº†å¾Œã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¤‰æ›ã«ãŠå›°ã‚Šã®æ–¹ æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ã‚¹ãƒªãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ§˜ãŒæä¾›ã—ã¦ã„ã‚‹ã€Œflamingoã€ã‚µãƒ¼ãƒ“ã‚¹ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¤‰æ›ãŒå¯èƒ½ã§ã™ã€‚ è©³ç´°ã¯æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ã‚¹ãƒªãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ§˜ã«ã”ç¢ºèªãã ã•ã„ã€‚ â– ã€Œflamingoã€ã«é–¢ã—ã¦ã®ãŠå•ã„åˆã‚ã›å…ˆ æ ªå¼ä¼šç¤¾ã‚¢ã‚¤ã‚¹ãƒªãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³ å–¶æ¥æœ¬éƒ¨ï¼š æ‹…å½“ åŽŸå³¶(ã¯ã‚‰ã—ã¾)/é‡Žæž—ï¼ˆã®ã°ã‚„ã—ï¼‰ ãŠé›»è©±ã§ã®ãŠ
sippo_des 2011/11/22
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ä»Šã‹ã‚‰å§‹ã‚ã‚‹iPhoneã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï½œã‚¯ãƒãƒŽãƒ‰ãƒ©ã‚¤ãƒ–
ä½•ã ã‹å‘¨ã‚Šã«iPhoneã‚’æŒã£ã¦ã‚‹äººãŒå¢—ãˆã¦ããŸãªãã¨æ€ã†ä»Šæ—¥ã“ã®é ƒã§ã™ã€‚ ãã‚Œã«ã¤ã‚Œã¦iPhoneç”¨ã®ã‚µã‚¤ãƒˆã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹æ¡ˆä»¶ã‚‚å¢—ãˆã¦æ¥ã¾ã—ãŸã®ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã¨ãã®ãƒã‚¤ãƒ³ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ iPhoneã®ç‰¹å¾´ ã¾ãšã¯ã€iPhoneã®ç‰¹å¾´ã‚’è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ä¸€ã¤ã®ç«¯æœ«ã§è¤‡æ•°ã®è§£åƒåº¦ã‚’æŒã¤ iPhoneã®ç‰¹å¾´ã®ä¸€ã¤ã¨ã—ã¦ã€ç¸¦æŒã¡ãƒ»æ¨ªæŒã¡ã®ã¨ãã§æ¨ªå¹…ã®è§£åƒåº¦ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€ç¸¦æŒã¡ã®ã¨ãã¯320pxã§ã€æ¨ªæŒã¡ã®ã¨ãã¯480pxã¨ãªã‚Šã¾ã™ã€‚ â€»ç¸¦æŒã¡ã®ã¨ã â€»æ¨ªæŒã¡ã®ã¨ã ãã®ãŸã‚ã€320pxã«æœ€é©åŒ–ã—ãŸã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ã¨ã€æ¨ªæŒã¡ã®ã¨ãã«160pxåˆ†ã®ä½™ç™½ãŒç©ºã„ã¦ã—ã¾ã†ãŸã‚ã€320pxã«ã‚‚480pxã«ã‚‚å¯¾å¿œå‡ºæ¥ã‚‹ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ â€»ãã®ãŸã‚ã«ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã£ã‹ã‚Šã¨è€ƒãˆãŸã‚‚ã®ã«ã—ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ãŒâ€¦ã€‚ HTMLã‚„CSSã®å®Ÿè£…çŠ¶æ³ã¯ãƒ‘ã‚½ã‚³ãƒ³ã¨åŒæ§˜ iPhone
sippo_des 2011/09/28
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

html5

iPhone

smartphone

webåˆ¶ä½œ

css

web
ãƒªãƒ³ã‚¯
1