フォトショ画åƒãŒ1クリックã§CSS＋HTMLã«ï¼ Photoshopã‚’Webオーサリングツールã«å¤‰ãˆã‚‹ã€Œpsd2cssã€Web制作ã®ç”»åƒç´ æ作æˆã«ã‚‚æ´»èºã™ã‚‹Photoshop。ãƒã‚´ã‚„アイコンã¨ã„ã£ãŸãƒ‘ーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«é™ã£ã¦ä½¿ã†äººã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã®åˆ¶ä½œï½žã‚¹ãƒ©ã‚¤ã‚¹ã¾ã§ã“ã‚Œ1本ã§ã“ãªã™äººã¾ã§â€¦â€¦ã¨ã€ãã®æ´»ç”¨æ³•ã¯äººãã‚Œãžã‚Œã€‚ã ãŒã€Photoshopを簡易Webオーサリングツールã¨ã—ã¦ä½¿ã†æ–¹æ³•ãŒã‚ã‚‹ã“ã¨ã‚’ã”å˜ã˜ã ã‚ã†ã‹ï¼Ÿã€€ãれを実ç¾ã™ã‚‹ã®ãŒã€ã€Œpsd2cssã€ã¨ã„ã†ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚µãƒ¼ãƒ“スã 。 PSDファイルをCSSレイアウトã®Webページã«å¤‰æ›ã™ã‚‹ psd2cssã¯ã€ãã®åã®ã¨ãŠã‚Šã€Photoshopã®PSDファイルをブラウザーã‹ã‚‰ã‚¢ãƒƒãƒ—ã™ã‚‹ã ã‘ã§ã€CSSï¼XHTMLファイルã«è‡ªå‹•å¤‰æ›ã—ã¦ãれるサービスã 。……ã¨ã€ã•ã‚‰ã£ã¨æ›¸ã„ã¦ã¯ã¿ãŸãŒã€ã‚ˆã考ãˆã‚‹ã¨ã“ã‚Œã¯ã‚¹ã‚´ã„。Photoshopã«ã‚る「Web用ã«ä¿å˜ã€æ©Ÿèƒ½ã‚’使ãˆã°ã€Web用ã«æœ€é©åŒ–ã•ã‚ŒãŸJPEGã‚„PNGç”»åƒã¨ä¸€ç·’ã«HTMLを書ã出ã™ã“ã¨ã¯ã§ãã‚‹ã‚‚ã®ã®ã€ã‚¹
2008å¹´ã€ã‚¦ã‚§ãƒ–ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãƒ»é–‹ç™ºè€…ãŒãŠã•ãˆã¦ãŠããŸã„リソース集 | コリス
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
{{#tags}}- {{label}}
{{/tags}}