dzineblogで、PSDからHTML/CSSを作っていくチュートリアルが紹介されています。
ざっといくつかご紹介。
↑はFrom PSD to HTML, Building a Set of Website Designs Step by Step
The Design Lab: PSD Conversion
Converting a Photoshop Mockup: Part Two, Episode One
Build a Sleek Portfolio Site from Scratch
モックアップの作り方が動画で紹介されていたり、HTML/CSSのソースがダウンロードできたりするので一度見てみてください。
Editor's Note
Macで使ってたSVN、SCPluginの動作が不安定なので会社でVersionsを購入。インターフェースがかなりかっこいいので使ってて気持ちいい感じです。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
