[B! webåˆ¶ä½œ][ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ] ku_marinã®ãƒ

ku_marin id:ku_marin

webåˆ¶ä½œã¨ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«é–¢ã™ã‚‹ku_marinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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]è¡¨ç¤ºã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦æœ€é©ãªã‚°ãƒªãƒƒãƒ‰ã‚’æ§‹ç¯‰ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ -SimpleGrid
ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã ã‘ã§ãªãã€iPhoneãªã©ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚‚å¯¾å¿œã—ãŸã€è¡¨ç¤ºã‚µã‚¤ã‚ºã«æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’é©ç”¨ã™ã‚‹Responsive Web Designç”¨ã®ã‚·ãƒ³ãƒ—ãƒ«ãªã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ï½ž720px â€»ç”»åƒã‚¯ãƒªãƒƒã‚¯ã§æ‹¡å¤§ [ad#ad-2] SimpleGrid 3ã¤ã®ç‰¹å¾´ Responsive Web Design SimpleGridã¯4ç¨®é¡žã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã§æœ€é©ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æä¾›ã—ã¾ã™ã€‚ æ°´å¹³ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã¨ã¯ã€ã•ã‚ˆãªã‚‰ã§ã™ã€‚ ï½ž720px 720pxï½ž 985pxï½ž 1235pxï½ž åŠ¹çŽ‡çš„ãªclassç®¡ç† åŒæ§˜ã®ã‚°ãƒªãƒƒãƒ‰ã‚·ã‚¹ãƒ†ãƒ ã®å¤šãã¯ã€åŒã˜ã‚µã‚¤ã‚ºã®ã‚°ãƒªãƒƒãƒ‰ã‚’ä¸€ã¤ã®classã§ç®¡ç†ã—ã¾ã™ã€‚SimpleGridã§ã¯ãƒ¦ãƒ‹ãƒƒãƒˆã®æœ€åˆãƒ»ä¸å¤®ãƒ»æœ€å¾Œã‚’å€‹åˆ¥ã®classã§ç®¡ç†ã—ã¾ã™ã€‚ ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¯ã‚·ãƒ³ãƒ—ãƒ«ã« SimpleGridã¯ç®¡ç†ã®ã—ã‚„ã™ã„ã‚·ãƒ³ãƒ—ãƒ«ãªclassåã‚’æŽ¡
ku_marin 2011/08/30
ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

å•†ç”¨å¯

texture

ãƒ‘ã‚¿ãƒ¼ãƒ³
ãƒªãƒ³ã‚¯
BROWSIZEã®220ä¸‡PVã‚ˆã‚Šé›†è¨ˆã€ãƒ–ãƒ©ã‚¦ã‚¶å¹…900pxä»¥ä¸Šã¯85%ã«é”ã—ãŸ : akiyan.com
BROWSIZEã®220ä¸‡PVã‚ˆã‚Šé›†è¨ˆã€ãƒ–ãƒ©ã‚¦ã‚¶å¹…900pxä»¥ä¸Šã¯85%ã«é”ã—ãŸ 2010-01-07 æ‹™ä½œã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒªã‚¢ã‚µã‚¤ã‚ºè§£æžé›†è¨ˆã‚µãƒ¼ãƒ“ã‚¹BROWSIZEã®ç›´è¿‘1ãƒµæœˆåˆ†ã€å…¨220ä¸‡PV(è§£æžã‚¿ã‚°)ã‹ã‚‰é›†è¨ˆã—ãŸãƒ‡ãƒ¼ã‚¿ã‚’å…¬é–‹ã™ã‚‹ã€‚å…¨PVã‹ã‚‰ã®é›†è¨ˆã¯ä»Šå›žãŒåˆã¨ãªã‚‹ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã‚¨ãƒªã‚¢ï¼‰å¹…è¡¨ æ¨ªå¹…(ä»¥ä¸Š) æ¯”çŽ‡ 760px 96.0 % 770px 95.2 % 780px 94.1 % 790px 93.4 % 800px 92.5 % 810px 91.6 % 820px 90.8 % 830px 90.1 % 840px 89.2 % 850px 88.5 % 860px 87.8 % 870px 87.0 % 880px 86.3 % 890px 85.7 % 900px 85.2 % 910px 84.7 % 920px 84.1 % è¡¨ã®è¦‹æ–¹ï¼š900px
ku_marin 2010/01/08
ã¡ã‚‡ã†ã©ï¼™ï¼ï¼ãã‚‰ã„ãŒå¥½ã¿ã ã‹ã‚‰ã“ã®ã¾ã¾ã§ã„ã„ãªãƒ¼ã€‚ãŸã¾ã«ï¼‘ï¼ï¼ï¼â†‘ã¨ã‹è¦‹ã‚‹ã‘ã©åœ§è¿«æ„Ÿã‚ã‚‹ã—

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

browser

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
[JS]ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆä¸Šã®ã‚«ãƒ©ãƒ ã®å¹…ã‚„æ•°ã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Smart Columns
è¡¨ç¤ºã•ã‚ŒãŸãƒ–ãƒ©ã‚¦ã‚¶ã®å¹…ã«åˆã‚ã›ã¦ã€ã´ã£ãŸã‚Šã«ãªã‚‹ã‚ˆã†ã«ã‚«ãƒ©ãƒ ã®å¹…ã‚„æ•°ã‚’è‡ªå‹•èª¿æ•´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’Soh Tanakaã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
ku_marin 2009/06/03
ãƒªã‚ãƒƒãƒ‰ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã€€ã‚«ãƒ©ãƒ å¯å¤‰ã™ã‚‹

webåˆ¶ä½œ

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

jquery

javascript

ajax
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ä½œæˆã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’ã¯ã˜ã‚ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ãƒœã‚¿ãƒ³ã€ã‚¢ãƒãƒ¼ãªã©ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’ä½œæˆã™ã‚‹ãŸã‚ã®Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚
ku_marin 2008/09/19
ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

ã¾ã¨ã‚

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

tips

photoshop

webåˆ¶ä½œ

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
è¨´æ±‚åŠ¹æžœã®ã‚ã‚‹ã€Œæ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã€ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãƒ‘ã‚¿ãƒ¼ãƒ³é›†
ã‚µã‚¤ãƒˆã®ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«é…ç½®ã™ã‚‹ã€è¨´æ±‚åŠ¹æžœãŒæœ€ã‚‚é«˜ã„ã€Œæ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã€ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã®ç´¹ä»‹ã§ã™ã€‚ Carousels Design Showcase ã€ŒCarousels Design Showcaseã€ã¯ã€å½“ã‚µã‚¤ãƒˆã§åº¦ã€…ç´¹ä»‹ã—ã¦ã„ã‚‹ã€ŒElements of Designã€ã®æ–°ã‚«ãƒ†ã‚´ãƒªã§ã™ã€‚ Carouselsã«ã¯ç¾åœ¨50å€‹ç™»éŒ²ã•ã‚Œã¦ãŠã‚Šã€ä»–ã«ã‚‚ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚ˆãä½¿ã†ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒåŽé›†ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ•ãƒƒã‚¿ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒã‚°ã‚¤ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† æ¤œç´¢ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† è¦‹å‡ºã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚³ãƒ¡ãƒ³ãƒˆã®å…¥åŠ›æ¬„ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚³ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚³ãƒ¼ãƒ‰è¡¨ç¤ºã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† å‹•ç”»ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã‚¢ã‚¤ã‚³ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† å¼•ç”¨ç®‡æ‰€ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³é›† ã€Œæ‰“ã¡å‡ºã—ã‚¨ãƒªã‚¢ã€ã¨è¨˜è¼‰ã—ã¾ã—ãŸãŒã€Googleã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€ã‚ã¾ã‚Šä½¿ç”¨ã•ã‚Œãªã„è¨€
ku_marin 2008/07/09
webåˆ¶ä½œ

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

ã¾ã¨ã‚

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
1