Web制作に役立つ情報一覧

デザイン制作時に何かと重宝するバッジデザイン素材 15

2015/12/03(Thu) 07:27

メモしてたものが溜まってきたので整理兼ねてシェアします。いずれもデザイン制作時にちょっと目立たせたい時やワンポイントで何かしたい時に使うことが多いバッジのデザイン素材で、全15セットありますがレトロ・ヴィンテージ風のものが多めです。

http://www.nxworld.net/material/15-free-badges.html

AdWords広告のムダ打ちを減らすために、ユーザー行動から判断して自動的に除外するには？（第79回）

2015/12/03(Thu) 07:25

明らかにお客さんにはなりそうもない、あるいは呼び寄せたくないユーザーにAdWords広告を出さないようにして、出稿効率を高める方法を解説する。

http://web-tan.forum.impressrd.jp/e/2015/12/03/21630

プロデザイナーの仕事から学ぶ、フォントを極める10個の基本テクニック

2015/12/02(Wed) 07:28

タイポグラフィーは、パソコンからフォントを選択したり、文字サイズを指定するだけの作業ではありません。アートとのつながりも強く、もともと植字や文字組みなどの活版技術を意味しており、何世紀もさかのぼるほど歴史のある技術です。

http://photoshopvip.net/archives/84296

色の組み合わせ方を身につけよう: 棒グラフや円グラフなど、データをビジュアル化した際に効果的な配色

2015/12/02(Wed) 07:27

センスの良いカラーパレットを手に入れるのは簡単ですが、データを見せるための正しいカラーパレットを見つけることは非常に困難です。データの情報を正しく、効果的に伝える必要がある時に適したカラーパレットを紹介します。

http://coliss.com/articles/build-websites/operation/design/right-color-palettes-for-data-visualizations.html

SSLとは？SSL証明書の基本から購入・更新時の正しい選び方まで

2015/12/02(Wed) 07:27

GoogleがSEOの指標の1つとして「SSL対応をしているか、常時SSLをしているか」を見るという話もあるので、SSL通信にするかどうかで悩んでいるWeb担当者の方などもいらっしゃるのではないでしょうか。

http://liginc.co.jp/203452

シニアの認知能力でも快適にサイトを使えるようにする7つの“技”（全6回の3）

2015/12/01(Tue) 07:29

Webサイトのシニア対策「SFO」の第3回は、認知能力が衰え始めたシニアがおかしがちなミスを考察し、それに対する具体策として、シニアが快適にサイトを閲覧できるようにする7大ポイントを紹介します。

http://web-tan.forum.impressrd.jp/e/2015/12/01/20681

日本語のタイトルやロゴデザインの幅を広げよう！知っておきたいアイデア13個

2015/12/01(Tue) 07:28

日本語のタイトルやロゴをデザインするときにヒントになりそうな、ストックしておきたいアイデアを一気に13個ご紹介します。

http://liginc.co.jp/207951

海外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