Web制作に役立つ情報一覧

センスがなくてもそれっぽい！無料インフォグラフィック作成ツール5選

2016/06/22(Wed) 07:26

数あるインフォグラフィック作成ツールの中から「デザインセンスがなくてもそれっぽく仕上がる」ことを条件に5つをピックアップしました。

http://liginc.co.jp/287677

Webサイトのアイデアを形にする！ワイヤーフレームやフローチャートに使える素材のまとめ

2016/06/22(Wed) 07:25

最近のWebサイトで使われているさまざまなレイアウト、ヘッダやフッタやナビゲーションやコンテンツのパターンがキット化されたワイヤーフレームやフローチャートを作成するのに役立つ無料素材を紹介します。

http://coliss.com/articles/build-websites/operation/work/wireframe-flowchart-kits.html

日本語フリーフォント、これだけは欲しい厳選22個

2016/06/22(Wed) 07:24

日本中の書体デザイナーさんのおかげで、素敵な日本語フリーフォントが数多く公開されるようになったいま、複数の書体をインストールしているひとも多いでしょう。

http://photoshopvip.net/japanese-free-fonts

UI/UXデザインツールの大本命、Adobe XDの私が大好きな便利な機能をすべて紹介します

2016/06/21(Tue) 07:25

Adobe Experience Design（以下、Adobe XD）の評判はいいって聞くけど、実際のところどうなの？ 使えるの？ そんな疑問がすっきりするAdobe XDで何ができるのか、Webサイトやアプリのワイヤーフレームやプロトタイプを作成するのに便利な機能を紹介します。

http://coliss.com/articles/build-websites/operation/work/what-is-adobe-xd.html

指定した文字数以上になったらそれ以降のテキストを省略する

2016/06/20(Mon) 07:30

大量の文字数がありますが、省略されています

http://kachibito.net/snippets/limit-string-lengthtrim-text-with-jquery

デザインの雰囲気をガラリと変える、すごい無料テクスチャ素材まとめ

2016/06/20(Mon) 07:29

デザインの雰囲気をグッと良くしたい。そんなときはテクスチャ素材をつかって、手軽に質感をアップしてみましょう。重ねるだけでデザインの印象をガラリと変えることができるなど、新しいテクスチャの種類そして使い方も増えてきています。

http://photoshopvip.net/91377

[CSS]フッタを最下部に表示する5つのテクニック-コンテンツ量が少ない時は最下部に、多い時は成り行きに

2016/06/20(Mon) 07:28

高さが分かってるフッタ、高さが不明なフッタをコンテンツ量が少ない時は最下部に表示、コンテンツ量が多い時は成り行きで表示させるスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-sticky-footer.html

コンバージョン率を最適化する「CRO」という概念と、すぐに役立つ3つのCRO秘策

2016/06/17(Fri) 07:29

定量調査だけでなく定性調査で仮説を導く

http://web-tan.forum.impressrd.jp/e/2016/06/17/22961

アクセス数を伸ばしたいのなら「知っている人」ではなく「知らない人」のために書くべし（第3回）

2016/06/17(Fri) 07:28

心得2「自分のあたりまえは、見る人のあたりまえではない」――今回は「伝えたいこと」が「伝わる」にはどうしたらいいんだろう、ということを考えます。

http://web-tan.forum.impressrd.jp/e/2016/06/17/23118

WordPress：レスポンシブイメージ（srcset・sizes）を無効化する方法

2016/06/17(Fri) 07:27

WordPress 4.4から実装されたレスポンシブイメージを無効化する方法です。この機能自体は今後ますます利用することが増えていくだろうし良いとは思いますが、場合によってはこれが原因となる不具合や最悪表示が大きく崩れるといったことが起きることもあるので、そのような時にこの方法を使うことで無効化できます。

http://www.nxworld.net/wordpress/wp-disable-responsive-images.html