Web制作に役立つ情報一覧

デザインのガイドラインや指示書の作成が驚くほど捗るPhotoshopの機能拡張 -Ink

2014/03/06(Thu) 11:53

PSDのレイヤーに配置した要素のサイズやエフェクトやフォントなどの情報を1クリックでドキュメント化するPhotoshopのプラグインを紹介します…

http://coliss.com/articles/build-websites/operation/design/photoshop-extension-ink.html

CSSでのフォント指定について考える（2014年）

2014/03/05(Wed) 16:29

欧米（シングルバイト圏）のWebサイトでは、ページ内の多くの部分でWebフォントを用いることが半ば常識化しています。しかし、日本語（マルチバイト）においてはいくつかの問題があり、まだまだ、閲覧者のローカルにインストールされているフォントに頼らざるを得ません…

http://www.dtp-transit.jp/misc/web/post_1881.html

ウェブサイトのデザインや構成を話し合うときに便利な「snapbugz」

2014/03/05(Wed) 16:29

「snapbugz」はウェブサイトのデザインや構成を話し合うときに便利なサイトです。指定したウェブサイトに気になる点を書き込んだり、付箋をはったり、ハイライトさせることができます…

http://www.lifehacker.jp/2014/02/140213snapbugz.html

ダウンロードしておきたい！無料テクスチャ素材まとめ 2014年2月度

2014/03/04(Tue) 11:40

Webサイトだけでなくグラフィックデザインにも応用できるだけでなく、最近ではあらかじめ用意したアートワークに、テクスチャ素材をかさねるだけでさまざまなエフェクト効果を演出できる素材も増えています…

http://photoshopvip.net/archives/60398

なにこれ超便利！レスポンシブデザインのサイトが各デバイスでどう見えるかが一目瞭然！Adsenseの確認にもなるよ！

2014/03/03(Mon) 11:53

当サイトはレスポンシブデザインを採用している。それに合わせて最近GoogleAdsenseのコードをレスポンシブ対応のものに変更した。その際に面倒なのが、広告が自分のサイトでどう表示されているのかの確認

http://harutomo-ryu.com/archives/2014-02-10/183643.html

意外と知らない、ヒートマップ解析でサイトのコンバージョン率を倍増させる７つの方法

2014/02/28(Fri) 15:53

さて、あなたは「ヒートマップ解析ツール」というのを使ったことがあるでしょうか？ヒートマップ解析ツールとは、サイトに訪れたユーザーがページ内でどこに注目しているのかを、冒頭の画像のようにサーモグラフィーのように表示するアクセス解析ツールです…

http://lpo.gaprise.com/blog/heatmap-analysis-1769/

色色 [:iroiro]

2014/02/27(Thu) 21:03

色色[:iroiro]とは、「言葉」からカラーパレットを生成するサービスです。

http://synthsky.com/iroiro/index.html

2014年、無料で商用利用できる最新フリーアイコン素材のまとめ

2014/02/26(Wed) 14:33

ビジネスやホビー、ブログや企業サイト、スマフォアプリなど、さまざまなシーンで無料で利用できるフリーのアイコン素材をまとめました…

http://coliss.com/articles/freebies/freebies-best-icons-for-2014.html

雰囲気のある無料写真増えてます！ロイヤリティフリー素材公開サイトUnsplash

2014/02/25(Tue) 11:50

高画質な無料写真素材を公開しているサイトUnsplashでは、10日におきに10枚の新しいフリー写真素材が追加されます…

http://photoshopvip.net/archives/60158

テキスト周りで使えるCSSの小技いろいろ

2014/02/24(Mon) 11:35

モバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック…

http://www.webcreatorbox.com/tech/css-tips-for-text/