ズルã„デザイン（2）：Sassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック (1/2) - ï¼ ITSassã‚„Compassを使ã£ã¦ã€ã‚ºãƒ«ã„デザインテクニック：ズルã„デザイン（2）（1/2 ページ） Sassã‚„Compassを使ã£ã¦ã€å°‘ãªã„手間ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsを紹介。グラデーションã€è§’丸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã¨ã¯ï¼Ÿ シリーズ第2回ã€å‰å›žã«ç¶šãã€ä»Šå›žã‚‚Sassã‚„Compassを使ã£ã¦ã€å°‘ãªã„手間ã§ã¡ã‚‡ã£ã¨ã„ã„æ„Ÿã˜ã«è¦‹ã›ã‚‹å°ã‚ºãƒ«ã„Tipsを紹介ã—ã¾ã™ã€‚ 今回ã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€è§’丸ã®ãŠæ‰‹è»½ã‹ã¤åŠ¹æžœçš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ （注）ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€å€‹ã€…ã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ を分ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹ãŸã‚ã«ã€å®Ÿå¯¸ã‚µã‚¤ã‚ºã‚ˆã‚Šç”»åƒã‚’拡大ã—ã¦ä½¿ç”¨ã—ã¦ã„ã¾ã™ã€‚ 1: ズルã„グラデーション CSS3ã§ã¯ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’扱ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã“ã¨ã‹ã‚‰ã€ç”»åƒã‚’使ã‚ãšã«è‡ªåœ¨ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æç”»ã—ã¦ã€CSSã ã‘ã§ã‚ˆã‚Šãƒªãƒƒãƒãªãƒ“ジュアル表ç¾ãŒå¯èƒ½ã«ãªã‚Šã¾ã—ãŸãŒã€ä¸€å£ã«ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã„ã£ã¦ã‚‚ã€ã†
CSS Hat translates layer styles to CSS3 code
HTML5/CSS3ã§ä½œã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®åŸºæœ¬ (1/5)
ãˆï¼Photoshop？ã£ã¦è¦‹é–“é•ã†ã»ã©ã®UIã‚’å‚™ãˆãŸCSSジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ -LayerStyles
http://webdesignmatome.com/web-tips/photoshop-shortcut
Photoshopã§ãƒ‡ã‚¶ã‚¤ãƒ³ã—ãŸã‚·ã‚§ã‚¤ãƒ—ã‚’CSS3ã«å¤‰æ›ã™ã‚‹ãƒ—ラグイン「CSS3Psã€:phpspot開発日誌
Photoshopã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚¹ã‚¿ã‚¤ãƒ«ã‚’CSSã§å†ç¾ã—ã¦ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å‡ºåŠ›ã—ã¦ãれるプラグインCSS Hat - WebDelog
Photoshopã§ä½œæˆã—ãŸã‹ã®ã‚ˆã†ãªã‚¯ã‚ªãƒªãƒ†ã‚£ã®ãƒœã‚¿ãƒ³ã‚„ナビゲーションをCSSã§ä½œã£ã¦ã¿ãŸï¼çš„ãªã‚‚ã®ã ã‘を集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ãƒ»CSSDeck - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}