かちびと.netさんの記事紹介です。
cssとHTMLタグのマークアップのみで実装出来るテクニック集です。クロスブラウザ対応のみをcss-playから探したので、ついでにご紹介します。
jsが使えない環境でデザインする機会があったのでメモがてらエントリー。css-playを中心に、あとはググったりSBMで探したり。マークアップはリンク先をご確認下さい。css-playはソースを。
ネタ元:CSS+HTMLのみで実装出来る、クロスブラウザ対応のWebデザインテクニック集(かちびと.net)
Tags: プロのテクニック
日刊ウェブログ式さんの記事紹介です。
フォトショップのグラデーションファイルは作業を早めるのに役立ちますし、テンプレートだと色の参考にもなります。PhotoshopやGIMPの色合いが美しいグラデーションを厳選してまとめました。
ネタ元:WEBデザインをプロっぽく仕上げるPhotoshopのグラデーションファイルの厳選まとめ (日刊ウェブログ式)
Tags: プロのテクニック
AUTHORITY SITEさんの記事紹介です。
これのHTMLとCSSの分離は必要不可欠です。HTMLでインラインCSSを使っている人がまだ多くいます。デザインする上で不利なことはないですが、ウェブサイトを修正しなければいけなくなったときが大変です。CSS,JavaScript は外部ファイルにして、HTMLから参照するのが一番良いです。
ネタ元:HTMLを読みやすく美しくする8つの方法 (AUTHORITY SITE)
Tags: プロのテクニック
IDEA*IDEAさんの記事紹介です。
これはすごいですね。プロの技だなぁ。実に細かいところまで操作して、雑誌の表紙をPhotoshopやらで作っている映像です。
ネタ元:PhotoshopやIllustratorを駆使して、ある雑誌の表紙が出来るまでの2分間のムービー・・・ (IDEA*IDEA)
Tags: Illustrator テクニック, プロのテクニック
photoshop Vip さんの記事紹介です。
ロゴはブランド、ウェブサイトなどにおいて「顔」ともいえる重要なパーツのひとつですよね。いざロゴをデザインしようと思うとなかなか難しものではありませんか。今回はそんなときに役立つPhotoshopやIllustratorのチュートリアル&テクニックを30個まとめた「30 Excellent Logo Design Tutorials and Walkthroughs」をご紹介します。
ネタ元:ロゴをデザインするときに使えるチュートリアル&テクニック30個まとめ(photoshop Vip)
Tags: チュートリアル, プロのテクニック, ロゴ
▼CSSグラデーションのちょっとしたテクニック #2 (hail2u.net)
Tags: プロのテクニック, 便利