[B! ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ] kssmã®ãƒ

kssm id:kssm

ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã«é–¢ã™ã‚‹kssmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

å¤–éƒ¨CSSã‚’1æžšè¿½åŠ ã—ã¦ã€ãƒ–ãƒã‚°ã‚’ã‚¹ãƒžãƒ›æœ€é©åŒ–ã™ã‚‹5ã¤ã®ãƒ•ãƒãƒ¼ | Mnemoniqs Web Designer Blog : Web Design and Web Development
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç”¨ã„ã¦ã€å¤–éƒ¨CSSã‚’ä¸€æžšè¿½åŠ ã™ã‚‹ã ã‘ã§iPhone/androidã«æœ€é©åŒ–ã™ã‚‹ã¾ã§ã®æµã‚Œã‚’æ›¸ã„ã¦ãŠãã¾ã™ã€‚ã‚¹ãƒžãƒ›ç”¨ã®CSSã‚’ã‚¹ãƒžãƒ›ã«ã ã‘èªã¿è¾¼ã¾ã›ã¦ã€å…¨ä½“ã®CSSã‚’ä¸Šæ›¸ãã™ã‚‹ã ã‘ãªã®ã§ã€ãƒ–ãƒã‚°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯çµæ§‹æ‰‹è»½ã«å‡ºæ¥ã¾ã™ã€‚ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ <head>ã«viewportè¨å®šã¨ã‚¹ãƒžãƒ›ç”¨CSSã®è¨˜è¿°ã‚’æ›¸ã å›ºå®šå¹…ã‚’ãƒªã‚ãƒƒãƒ‰ãƒ‡ã‚¶ã‚¤ãƒ³ã§çµ„ã¿ãªãŠã™ ãƒ•ã‚©ãƒ³ãƒˆã®ã‚µã‚¤ã‚ºã€ãƒžãƒ¼ã‚¸ãƒ³ã€ä¸å¤®ï½¥æ°´å¹³æƒãˆã‚’èª¿æ•´ ç”»åƒã‚’2å€ã®ã‚µã‚¤ã‚ºã§ç”¨æ„ã™ã‚‹ ã¯ã˜ã‚ã«ã‚¹ãƒžãƒ›æœ€é©åŒ–å¾Œã®è¦ç´ é…ç½®ã‚’è€ƒãˆã‚‹ ã‚¹ãƒžãƒ›ã¯ç”»é¢ã‚‚å°ã•ã„ã—ã€å®¹é‡ãŒé‡ã„ã¨ãã‚Œã ã‘ãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºé€Ÿåº¦ã‚‚è½ã¡ã¾ã™ã€‚ ãƒã‚´ãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãƒ»è¨˜äº‹ãªã©æœ€ä½Žé™ã®è¦ç´ ã ã‘æ®‹ã—ã€ã‚ã¨ã¯display:none;ã§æ¶ˆã—ã¦ã—ã¾ã„ã¾ã—ã‚‡ã†ã€‚ ã“ã®ãƒ–ãƒã‚°ã®ãƒˆãƒƒãƒ—ã ã¨ã€ã‚ªãƒ¬ãƒ³ã‚¸ã§å›²ã‚“ã ã®ãŒã‚¹ãƒžãƒ›ã§è¡¨ç¤ºã•ã›ãªã„éƒ¨åˆ†ã§ã™ã€‚ æ®‹ã£ãŸè¦ç´ ã‚’ã€æœ€
kssm 2013/04/12
ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ

retinaå¯¾å¿œ
ãƒªãƒ³ã‚¯
asset pipeline ã®ã¡ã‚‡ã£ã¨ã—ãŸã¾ã¨ã‚(require ã¨ã‹å„ªå…ˆèªè¾¼) Â« yukku++
asset pipeline ã¯ Rails3.1 ã‹ã‚‰æ¨™æº–ã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã€app/assets ä»¥ä¸‹ã«ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€ç”»åƒã‚’é…ç½®ã™ã‚‹ã¨ã€ãã‚Œã‚‰ã‚’ä¸€ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«çµåˆã—ã¦ã€å‡ºåŠ›ã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã€‚ Ruby on Rails Guides: Asset Pipeline åŸºæœ¬çš„ã«ã¯ã“ã®ä¸ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«é…ç½®ã™ã‚Œã°å‹æ‰‹ã«èªã¿è¾¼ã‚“ã§å‡ºåŠ›ã—ã¦ãã‚Œã‚‹ãŒã€ã¡ã‚‡ã£ã¨ã‚«ã‚¹ã‚¿ãƒ ã—ã¦ã‚„ã‚ŠãŸã„ã“ã¨ãŒã‚ã£ãŸã®ã§å‚™å¿˜éŒ²ï¼†å…±æœ‰ã€‚ jQuery Mobile ã‚’å°Žå…¥ã—ãŸã„ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨åˆ‡æ›¿ã‚’è¡Œã„ãŸã„ã®ã§ã€JPMobile ã‚’å°Žå…¥ã—ã¦ãƒ“ãƒ¥ãƒ¼åˆ‡æ›¿ã‚’ã¾ã‹ã›ã¾ã™ã€‚ jQuery Mobile ã¯ gem ãŒã‚ã£ãŸã®ã§ãã‚Œã‚’ä½¿ã„ã¾ã™ jpmobile â€“ A Rails plugin for Japanese mobile-phones dbloete / jquery_mobile-rails ä»Šå›žã¯
kssm 2013/04/11
rails

ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ

jpmobile
ãƒªãƒ³ã‚¯
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚’åˆ¶ä½œã™ã‚‹éš›ã«è¨å®šã—ã¦ãŠããŸã„ãƒ¡ãƒ¢ - ITç³»ä¼šç¤¾ã®æ–°å…¥ç¤¾å“¡å¥®é—˜æ—¥è¨˜
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ãƒˆã‚’ä½œã£ãŸã¨ãã«æœ€åˆã«è¨å®šãŒå¿…è¦ã ã¨æ€ã£ãŸã¨ã“ã‚ã‚’å¿˜ã‚Œãªã„ã‚ˆã†ã«ãƒ¡ãƒ¢ã—ã¦ãŠãã¾ã—ãŸã€‚ ã¾ãšã¯metaã‚¿ã‚°ã§å…¨ä½“ã®è¨å®šã‚’ã—ã¾ã—ãŸã€‚ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=0.6667, user-scala ble=0;"> ã¨è¨å®šã—ã¾ã—ãŸã€‚ content=width=device-width androidã¯ã»ã¼å¹…320pxã ãŒ iphone3Gï¼ˆå¹…320pxï¼‰ iphone4ï¼ˆå¹…640pxï¼‰ ã§å¹…ãŒé•ã†ã®ã§ã‚ã‚‰ã‚†ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã‚‚å¹…ã„ã£ã±ã„ã«è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«è¨å®šã‚’ã—ã¾ã—ãŸã€‚ maximum-scale=0.6667iphoneã«æœ‰åŠ¹ã§æ¨ªã«ç”»é¢ã‚’å‚¾ã‘ãŸæ™‚ã«æ–‡å—ã®å¤§ãã•ãŒå¤‰ã‚ã‚‰ãªã„ã‚ˆã†ã«è¨å®šã§ã™ã€‚ user-scala ble=0
kssm 2013/04/11
ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ
ãƒªãƒ³ã‚¯
ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ - a-newcomer.com
ã“ã“æ•°å¹´ã€ä¼šç¤¾ã‚’è¾žã‚ã¦è‡ªåˆ†ã®ãƒšãƒ¼ã‚¹ã§ä»•äº‹ã‚’è«‹ã‘è² ã†ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã„ã†å½¢æ…‹ã§ä»•äº‹ã‚’ã™ã‚‹äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«ã¯æ§˜ã€…ãªè·æ¥ãŒã‚ã‚Šã€ä»£è¡¨çš„ãªã‚‚ã®ã§ã¯ç¿»è¨³æ¥ã‚„ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã€YouTuberã‚‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«åˆ†é¡žã•ã‚Œã¾ã™ã€‚ãã—ã¦ä»£è¡¨çš„ãªãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®è·æ¥ãŒã‚‚ã†ä¸€ã¤ã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼/ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ã€‚ãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¤§éƒ¨åˆ†ã‚’å ã‚ã‚‹å·¥ç¨‹ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚ã‚Šã€çŸ¥è˜ã¨æŠ€è¡“ã‚’èº«ã«ã¤ã‘ã‚Œã°ã€æ†§ã‚Œã®ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«éžæ›¿ãˆã™ã‚‹ã“ã¨ã‚‚å¤¢ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã‚Œã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®çŸ¥è˜ã¨æŠ€è¡“ã‚’å–å¾—ã™ã‚‹ã«ã¯ã©ã®ã‚ˆã†ãªãƒ«ãƒ¼ãƒˆãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿç¾å®Ÿã¨ã—ã¦å¦æ ¡ã«é€šã†ã‹ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’è«‹ã‘è² ã†ä¼šç¤¾ã«å…¥ç¤¾ã™ã‚‹ã‹ã€ã‚ã‚‹ã„ã¯ç‹¬å¦ã§å–å¾—ã™ã‚‹ã‹ã®ã„ãšã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯æœ€ã‚‚è²»ç”¨ã®å°‘ãªã„ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¦ã¶æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®çŸ¥è˜ã¨æŠ€è¡“ã‚’èº«ã«ã¤ã‘ã‚‹ã«ã¯ ã¾ãšã¯ãƒ—
kssm 2013/04/11
jpmobile

ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ
ãƒªãƒ³ã‚¯
Rails 3.2 + jpmobile ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ãŸã¿ãŸ - ãŠã„ã¡ã‚ƒã‚“ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™
ä»¥å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§äºˆå‘Šã—ã¦ãŠã‚Šã¾ã—ãŸã¨ãŠã‚Šã€ -Rails3 ã¨ jQuery ã§ã€çœŸé¢ç›®ã«ã‚ªã‚·ãƒ£ãƒ¬ãªã‚¨ãƒã‚µã‚¤ãƒˆã‚’ã¤ãã£ã¦ã¿ã¾ã—ãŸ - h300 h300 ã‚’ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã•ã›ã¾ã—ãŸã€‚ ä»Šå›žã€Œjpmobileã€ã¨ã„ã† Rails ãƒ–ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ãŸã®ã§ã™ãŒã€ã“ã‚Œã‚’ä½¿ã†ã¨çµæ§‹ç°¡å˜ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã§ãã¦ã€ã‚ªã‚¹ã‚¹ãƒ¡ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã ã£ãŸã®ã§ã€ã”ç´¹ä»‹ã—ã¾ã™ã€‚ jpmobile ã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚„åŸºæœ¬çš„ãªä½¿ã„æ–¹ãªã©ã¯ã€jpmobile ã® README ã«ä¸å¯§ã«æ›¸ã‹ã‚Œã¦ã‚ã‚‹ã®ã§ã€ãã“ã¯è©³ã—ãè§¦ã‚Œã¾ã›ã‚“ãŒã€ä»£ã‚ã‚Šã«ã€ãã‚‚ãã‚‚ jpmobile ã‚’å°Žå…¥ã™ã¹ãã‹å¦ã‹ã«ã¤ã„ã¦è€ƒãˆãŸã“ã¨ã‚„ã€jpmobile å°Žå…¥å‰å¾Œã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å¤‰åŒ–ç‰ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ **Rails 3.2 + jpmobile ã§ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã—ãŸã¿ãŸ +jpmobile ã¨ã¯ï¼Ÿ +ãƒãƒ¼ã‚¸ãƒ§ãƒ³æƒ…å ± +ãã‚‚ãã‚‚ j
kssm 2013/04/11
css

design

ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œ

ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆ

rails
ãƒªãƒ³ã‚¯
ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ï¼ - a-newcomer.com
ã“ã“æ•°å¹´ã€ä¼šç¤¾ã‚’è¾žã‚ã¦è‡ªåˆ†ã®ãƒšãƒ¼ã‚¹ã§ä»•äº‹ã‚’è«‹ã‘è² ã†ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã¨ã„ã†å½¢æ…‹ã§ä»•äº‹ã‚’ã™ã‚‹äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«ã¯æ§˜ã€…ãªè·æ¥ãŒã‚ã‚Šã€ä»£è¡¨çš„ãªã‚‚ã®ã§ã¯ç¿»è¨³æ¥ã‚„ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã€YouTuberã‚‚ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«åˆ†é¡žã•ã‚Œã¾ã™ã€‚ãã—ã¦ä»£è¡¨çš„ãªãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã®è·æ¥ãŒã‚‚ã†ä¸€ã¤ã‚ã‚Šã¾ã™ã€‚ãã‚Œã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼/ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã™ã€‚ãã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å¤§éƒ¨åˆ†ã‚’å ã‚ã‚‹å·¥ç¨‹ãŒã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã§ã‚ã‚Šã€çŸ¥è˜ã¨æŠ€è¡“ã‚’èº«ã«ã¤ã‘ã‚Œã°ã€æ†§ã‚Œã®ãƒ•ãƒªãƒ¼ãƒ©ãƒ³ã‚¹ã«éžæ›¿ãˆã™ã‚‹ã“ã¨ã‚‚å¤¢ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãã‚Œã§ã¯ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®çŸ¥è˜ã¨æŠ€è¡“ã‚’å–å¾—ã™ã‚‹ã«ã¯ã©ã®ã‚ˆã†ãªãƒ«ãƒ¼ãƒˆãŒã‚ã‚‹ã®ã§ã—ã‚‡ã†ã‹ï¼Ÿç¾å®Ÿã¨ã—ã¦å¦æ ¡ã«é€šã†ã‹ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’è«‹ã‘è² ã†ä¼šç¤¾ã«å…¥ç¤¾ã™ã‚‹ã‹ã€ã‚ã‚‹ã„ã¯ç‹¬å¦ã§å–å¾—ã™ã‚‹ã‹ã®ã„ãšã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ãã“ã§ä»Šå›žã¯æœ€ã‚‚è²»ç”¨ã®å°‘ãªã„ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å¦ã¶æ–¹æ³•ã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ç‹¬å¦ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®çŸ¥è˜ã¨æŠ€è¡“ã‚’èº«ã«ã¤ã‘ã‚‹ã«ã¯ ã¾ãšã¯ãƒ—
kssm 2013/02/04
chanko

*ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
1