Web制作に役立つ情報一覧

海外Photoshopアクション素材が使えないときの裏ワザテクニック

2015/12/01(Tue) 07:27

必要なときだけ、英語版Photoshopを起動することができるので、利用したいアクション素材がうまく利用できないときは試してみると良いでしょう。

http://photoshopvip.net/archives/84261

text-shadowを使ったテキストのデザインサンプル

2015/11/30(Mon) 07:30

CSSのtext-shadowを使ってテキストをデザインしてみたサンプル集です。単純に適用させたものから、レタープレス、エンボス、3D、ヴィンテージ風、ロングシャドウ、ネオンなど全16種類あり、全てtext-shadowのみを使用して表現しています。

http://www.nxworld.net/tips/text-shadow-styling.html

CSSグラデーションで作った背景パターンのサンプル

2015/11/30(Mon) 07:30

CSSのグラデーションはよく見る単純なグラデーションを作るだけでなく、記述の仕方によって様々な見栄えをつくることができます。

http://www.nxworld.net/tips/css-gradient-pattern.html

構図に役立つ！レイアウト、写真やイラストの構図に使えるPhotoshop用の黄金比の確認ツール -Golden Ratio

2015/11/30(Mon) 07:29

Webページのレイアウト、写真やイラストの構図に黄金比のパネルを重ねて確認できるPhotoshopの便利ツールを紹介します。

http://coliss.com/articles/build-websites/operation/design/photoshop-tool-golden-ratio.html

Web制作のしっかりとしたスキルを身につけたい、スキルアップのきっかけが欲しい人にオススメの本

2015/11/30(Mon) 07:28

Web制作のコンテンツ・デザイン・コーディングの知識やテクニックを単に学ぶだけでなく、その理由や考え方もしっかり分かります。

http://coliss.com/articles/book-review/isbn10-4844365509.html

個人的に超お気に入りの手書き風アイコンフォントを晒す

2015/11/30(Mon) 07:27

個人的にお気に入りのアイコンフォントなので、これつかってるショッピングサイトとかあったらそれ多分私が作ったサイトですうそです。

http://e0166.blog89.fc2.com/blog-entry-1300.html

やらなきゃ損！ コンテンツ再公開で検索トラフィックをググッと増やす3つのテクニック

2015/11/30(Mon) 07:26

Webコンテンツを「作って終わり」にしていないだろうか。以前作ったコンテンツでも、少し手を入れて再公開するメリットは大きい

http://web-tan.forum.impressrd.jp/e/2015/11/30/21616

フォント選びが楽になる最新フリー素材45個まとめ 2015年11月度

2015/11/27(Fri) 07:30

入力するだけでデザイン性をグッと良くする、高品質な無料フォントが数多く公開されています。特に今年話題となっているブラシフォントや、手書きのアナログな質感にこだわった、アイテムが多いのも特長です。

http://photoshopvip.net/archives/84080

テキスト周りのスタイリングに使えるCSSプロパティやスニペット

2015/11/27(Fri) 07:29

スタイリングといっても見栄えを大きく変えるとかではなく、ほとんどがただのプロパティ説明みたいな感じになっていますが、サイト制作時に覚えておくとテキスト周りをいろいろと変更できるCSSのプロパティや使用する頻度が高そうなスニペットみたいなものをひと通りまとめてみました。

http://www.nxworld.net/tips/useful-css-properties-and-snippets-for-text-styling.html

これはダウンロードしておきたい！美しいさまざまな質感のゴールドをデザインに適用できるすごい無料素材 -Goldish

2015/11/27(Fri) 07:28

ピッカピカのゴールド、つやつやのゴールド、ざらっとしたゴールド、延べ棒・金箔・砂金など、さまざまなゴールドの美しい質感をデザインに適用できる素材を紹介します。

http://coliss.com/articles/build-websites/operation/design/gold-style-goldish.html