[B! WEBåˆ¶ä½œ][ä¾¿åˆ©] vanish_l2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

vanish_l2 id:vanish_l2

WEBåˆ¶ä½œã¨ä¾¿åˆ©ã«é–¢ã™ã‚‹vanish_l2ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

http://handywebdesign.net/2012/09/how-to-move-path-and-layer-from-ai-to-ps/
vanish_l2 2012/09/13
WEB

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

photoshop

illustrator

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

Webåˆ¶ä½œ

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

ä¾¿åˆ©

ã‚¤ãƒ©ã‚¹ãƒˆ

tips
ãƒªãƒ³ã‚¯
Photoshopã§ã®Webåˆ¶ä½œåŠ¹çŽ‡ã‚’å‘ä¸Šã•ã›ã‚‹ã€ŒJSXã€ã¨ã¯
ã”å˜ã˜ã®æ–¹ã‚‚ã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ãŒã€Adobe Photoshop ã¯ JavaScript ã§åˆ¶å¾¡ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Photoshop ç”¨ã® JavaScript ãƒ•ã‚¡ã‚¤ãƒ«ã®ã“ã¨ã‚’ã€ŒJSXã€ã¨å‘¼ã³ã¾ã™ã€‚æ‹¡å¼µåã¯ .jsx ã§ã™ã€‚ Photoshop ã‚’ä½¿ã£ã¦Webåˆ¶ä½œã•ã‚Œã¦ã„ã‚‹æ–¹ã¯å¤šã„ã‹ã¨æ€ã„ã¾ã™ãŒã€Photoshop ã¯æœ¬æ¥å†™çœŸåŠ å·¥ç”¨ã®ã‚½ãƒ•ãƒˆã§ã‚ã‚ŠWebãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®ã‚½ãƒ•ãƒˆã§ã¯ãªã„ãŸã‚ã€ç‰¹ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ãŒ Fireworksã€Illustratorã€InDesign ãªã©ã«æ¯”ã¹è²§å¼±ã§ã™ã€‚ ã—ã‹ã—ã€JSX ã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Š Photoshop ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆæ©Ÿèƒ½ã‚„Webåˆ¶ä½œå‘ã‘ã®æ©Ÿèƒ½ã‚’ã‚ã‚‹ç¨‹åº¦å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ JSX ã¯æ˜”ã‹ã‚‰ Photoshop ã«æè¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸãŒã€æ›¸ãæ–¹ã®å‚è€ƒã«ãªã‚‹ã‚ˆã†ãªæ›¸ç±ã‚„ã‚µã‚¤ãƒˆãŒå°‘ãªã„ãŸã‚ã‹ãã‚Œç¨‹æ³¨ç›®ã•ã‚Œã¦ã„ãªã‹ã£ãŸæ°—ãŒã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€
vanish_l2 2012/04/04
æ•´åˆ—ã®ãŒä¾¿åˆ©

photoshop

photoshop

WEB

webåˆ¶ä½œ

javascript

photoshop-jsx

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
Dreamweaverã®ä¾¿åˆ©ãªã‚³ãƒžãƒ³ãƒ‰ã‚„æ‹¡å¼µæ©Ÿèƒ½ã®ã¾ã¨ã‚
ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹ã¨ãã«è‡ªåˆ†ãŒä¸»ã«ä½¿ã£ã¦ã‚‹ã®ãŒDreamweaverã§ã™ã€‚ãã®ã¾ã¾ã§ã‚‚ã„ã‚ã„ã‚æ©Ÿèƒ½ãŒã‚ã£ã¦ä¾¿åˆ©ã§ã™ãŒã€ã‚³ãƒžãƒ³ãƒ‰ã‚„æ‹¡å¼µæ©Ÿèƒ½ã‚’å…¥ã‚Œã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã•ã‚‰ã«ä¾¿åˆ©ã«ä½¿ã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã“ã§Dreamweaverã®ã‚³ãƒžãƒ³ãƒ‰ã‚„æ‹¡å¼µæ©Ÿèƒ½ã§è¦‹ã¤ã‘ãŸã‚‚ã®ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ä»–ã«ã‚‚ã“ã‚“ãªä¾¿åˆ©ãªã‚‚ã®ãŒã‚ã‚‹ã‚ˆãªã©æ•™ãˆã¦ã‚‚ã‚‰ãˆã‚‹ã¨ã†ã‚Œã—ã„ã§ã™ã€‚ ä½¿ã„æ–¹ã¯ã€ã‚³ãƒžãƒ³ãƒ‰ã®å ´åˆã¯ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ãã¦ä»¥ä¸‹ã«å…¥ã‚Œã¾ã™ã€‚ç’°å¢ƒã«ã‚ˆã£ã¦é•ã†å ´æ‰€ã«ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ Windowsã€€â†’ã€€C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Macã€€â†’ã€€ãƒ©ã‚¤ãƒ–ãƒ©ãƒª\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands æ‹¡å¼µæ©Ÿèƒ½ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
vanish_l2 2012/03/13
Dreamweaver

ã‚ã¨ã§èªã‚€

*webåˆ¶ä½œ

webåˆ¶ä½œ

adobe

æ‹¡å¼µæ©Ÿèƒ½

ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆ

ä¾¿åˆ©

web
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã«æ‚©ã‚“ã æ™‚ã«è¨ªã‚ŒãŸã„ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¦ä¸€è¦§ã§ãã‚‹ -Visual Heap
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‹ã‚‰ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãªã©ã€ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’æŽ¢ã—ã¦ã‚‹æ™‚ã«åˆ©ç”¨ã—ãŸã„ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Visual Heap [ad#ad-2] Visual Heapã¯Dribbbleã‚„Creatticaãªã©ã®ã‚µã‚¤ãƒˆã‹ã‚‰æœ€æ–°ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’é›†ã‚ãŸãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã§ã€Visual Heapã®ã‚µã‚¤ãƒˆè‡ªä½“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚‚é¢ç™½ã„ä½œã‚Šã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯å„ã‚µã‚¤ãƒˆã®ä½œå“ãŒæ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚‚ã®ã§ã€å„ä½œå“ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ç¸¦ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ãã®ä½œå“ã‚’è¡¨ç¤ºã—ã¾ã™ã€‚
vanish_l2 2012/01/18
webåˆ¶ä½œ

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

ã¾ã¨ã‚

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

ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³

ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

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

ã¾ã¨ã‚

webGallery

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
WEBå±‹ã®â€œãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¯å¤šäº‹å¤šé›£ï¼ä»Šå¹´éé‡ã—ãŸãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤ã®æ•°ã€…ã€ãã—ã¦å¯¾å‡¦æ³•è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ãªã‚‹ã¹ãå£ã«ã—ãªã„ã‚ˆã†ã«ã—ã¦ã„ã¾ã™ãŒã€æ£ç›´è¨€ã£ã¦åƒ•ã¯ã‹ãªã‚Šã®é »åº¦ã§â€ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¨æ€ã†ã“ã¨ãŒå¤šã„ã§ã™ã€‚ä½•ã‹é¢å€’ãªä½œæ¥ãŒç›®ã®å‰ã«ç«‹ã¡å¡žãŒã£ãŸã‚‰ã€ã¨ã«ã‹ãâ€ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¨æ€ã†ã‚ˆã†ã«å¿ƒãŒã‘ã¦ã„ã¾ã™ã€‚ ã¨ã„ã†ã®ã‚‚ã€åƒ•ã«ã¨ã£ã¦â€ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¨ã„ã†è¨€è‘‰ã¯å£ã«ã—ãŸã‚‰ã‚¢ã‚¦ãƒˆã§ã™ãŒã€æ€ã†åˆ†ã«ã¯èª°ã«ã‚‚å’Žã‚ã‚‰ã‚Œã‚‹ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãŠã¾ã‘ã«ã€ãã®çž¬é–“åƒ•ãŒâ€œãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¨æ„Ÿã˜ãŸã“ã¨ã¯ã€è§£æ¶ˆã§ãã‚Œã°åƒ•ã®ä½œæ¥åŠ¹çŽ‡ã¯çµ¶å¯¾ã«ä¸ŠãŒã‚‹ã“ã¨ã‚’æ„å‘³ã—ã¦ã„ã‚‹ã‹ã‚‰ã€åˆ¥ã«èª°ã«ãªã‚“ã¨è¨€ã‚ã‚Œã¦ã‚‚åƒ•ã«ã¨ã£ã¦ã®â€œãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã¯è‰¯ã„è¨€è‘‰ã§ã™ã€‚ å¤§äº‹ãªã®ã¯â€ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤â€ã§çµ‚ã‚ã‚‰ã›ãªã„ã“ã¨ã€‚â€ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤ã‹ã‚‰è§£æ¶ˆã—ãªãã‚ƒï¼â€ã§å£ç™–ï¼ˆæ€ã„ç™–ï¼Ÿï¼‰ã«ã§ãã‚Œã°ä¸€ç•ªã§ã—ã‚‡ã†ã‹ï¼Ÿ ã¨ã„ã†ã‚ã‘ã§ã€ä»Šæ—¥ã¯åƒ•è‡ªèº«ãŒã€Œã‚ãƒ¼ã€ã‚‚ã†ã»ã«ã‚ƒã«ã‚ƒã‚‰ã‚‰ï¼ˆãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã£ï¼‰ï¼ï¼ã€ã¨æ€ã£ãŸæ™‚ã«ã€ãã®ãƒ¡ãƒ³ãƒ‰ã‚¯ã‚µã‚¤ã‚’è§£æ¶ˆã—ã¦ããŸã‚µãƒ¼ãƒ“ã‚¹ã‚„ãƒ„ãƒ¼ãƒ«ãªã©ã€éé‡ã—ãŸã‚·ãƒãƒ¥ã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚‚åˆ†
vanish_l2 2011/12/27
css

ã‚ã¨ã§èªã‚€

webåˆ¶ä½œ

tips

photoshop

ãŠå½¹ç«‹ã¡

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

ä¾¿åˆ©

ãƒ„ãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
vanish_l2 2010/06/23
æ¿€ã—ãä¾¿åˆ©ã

ãƒ–ãƒ©ã‚¦ã‚¶

*ã‚ã¨ã§èªã‚€

css

idea

css

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

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

webåˆ¶ä½œ

ä¾¿åˆ©

webdesign
ãƒªãƒ³ã‚¯
å›½ç”£é™å®šãƒ»Webåˆ¶ä½œæ™‚ã«è¦šãˆã¦ãŠãã¨ä¾¿åˆ©ãª14ã®ãƒ•ãƒªãƒ¼ã®Webã‚µãƒ¼ãƒ“ã‚¹ - ã‹ã¡ã³ã¨.net
æœ€è¿‘ã€å›½ç”£ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚‚ ã‹ãªã‚Šå‹¢ã„ãŒã‚ã‚‹ãªãã¨æ€ã£ãŸã®ã§ ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã‚ˆã ç´¹ä»‹ã•ã‚Œã‚‹ã®ã¯æµ·å¤–è£½ã§ã™ãŒã€ ãã‚Œã«åŠ£ã‚‰ãªã„Made in Japanã® Webåˆ¶ä½œè€…ãŒçŸ¥ã£ã¦ãŠãã¨ä¾¿åˆ©ãã†ãª ãƒ•ãƒªãƒ¼ã®Webã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ é †ä¸åŒã§ã™ã€‚æ—¥æœ¬èªžãŒå®Œå…¨ã«é€šã˜ã‚‹æµ·å¤–Webã‚µãƒ¼ãƒ“ã‚¹ã‚‚ä»Šå›žã¯çœã„ã¦ç´”å›½ç”£ã®Webã‚µã‚¤ãƒˆåˆ¶ä½œã«ä¸€å½¹è²·ã£ã¦ãã‚Œãã†ãªWebã‚µãƒ¼ãƒ“ã‚¹ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚å‡ºæ¥ã‚‹é™ã‚Šé«˜æ€§èƒ½ã ã£ãŸã‚Šå¤šæ©Ÿèƒ½ãªWebã‚µãƒ¼ãƒ“ã‚¹ã®ã¿ã«ã—ãŸã¤ã‚‚ã‚Šã§ã™ãŒä¸»è¦³å…¥ã£ã¦ã¾ã™ã€‚ Color of Book å›½ç”£ã‚µãƒ¼ãƒ“ã‚¹ã§ä¸€ç•ªå¤šç”¨ã—ã¦ã„ã¾ã™ã€‚Amazon APIã‚’ä½¿ã£ã¦é›‘èªŒã®è¡¨ç´™ã‚’æŠœãå‡ºã—ã€ãã®è¡¨ç´™ã‹ã‚‰ã‚«ãƒ©ãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ç”Ÿæˆã€‚ã‚¢ã‚¤ãƒ‡ã‚¢ãŒç´ æ™´ã‚‰ã—ã„ã§ã™ãã€‚é›‘èªŒã¯è¡¨ç´™ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„è‰²ã§æƒ¹ãã¤ã‘ã‚‹ã‚ˆã†è€ƒãˆã‚‰ã‚Œã¦ã„ã‚‹äº‹ãŒå¤šã„ã®ã§Webåˆ¶ä½œæ™‚ã®ã‚«ãƒ©ãƒ¼é¸å®šã«ã‹ãªã‚Šå‚è€ƒã«ãªã‚‹ã®ã§ã¯ã€‚ Color of Book
vanish_l2 2009/10/05
ä¾¿åˆ©ãã†ï½ž

ãŠå½¹ç«‹ã¡

ã¾ã¨ã‚

ãƒ„ãƒ¼ãƒ«

ãƒ•ãƒªãƒ¼ç´ æ

web

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

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

ä¾¿åˆ©

webåˆ¶ä½œ

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ 2009å¹´09æœˆ14æ—¥- ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã®é¢å€’ã§åˆ†ã‹ã‚Šè¾›ã„CSSãƒãƒƒã‚¯ã¨ã¯ã‚µãƒ¨ãƒŠãƒ©ã§ããã†ãªã€ŒPHP CSS Browser Selectorã€ã€‚ CSS ã®è¨˜è¿°ã®å˜ç´”åŒ– PHPã§UserAgentã‚’è§£æžã—ã€<html> ã« class ã‚’æŒ¯ã£ã¦ã—ã¾ã†ã“ã¨ã§ã€CSSã®æŒ‡å®šãŒæ¬¡ã®ã‚ˆã†ã«æ¥½ã«ãªã‚Šã¾ã™ã€‚ /* IEã®ã¿ã«é©ç”¨ */ .ie body { background-color: yellow } /* IE7ã®ã¿ã«é©ç”¨ */ .ie7 body { background-color: orange } /* geckoãƒ™ãƒ¼ã‚¹ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®ã¿ã«é©ç”¨ */ .gecko body { background-color: gray } ä½¿ã„æ–¹ (1) å¿…è¦ãªPHPãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¯
vanish_l2 2009/09/14
*web

ãƒ–ãƒ©ã‚¦ã‚¶

browser

css

php

tips

ui

webdesign

webåˆ¶ä½œ

ä¾¿åˆ©
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
vanish_l2 2009/01/20
ãƒ„ãƒ¼ãƒ«

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

ãƒ•ã‚©ãƒ³ãƒˆ

ãƒ•ãƒªãƒ¼ã‚½ãƒ•ãƒˆ

font

tool

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

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

ä¾¿åˆ©

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
1