Web制作に役立つ情報一覧

ペルソナとターゲットの違いを教えます！ペルソナの設定方法とは

2016/02/26(Fri) 07:40

今回はターゲットとペルソナを設定するメリットとその設定方法、「ターゲットとペルソナの違いってなんなの？」というところからお話できればと思います。

http://liginc.co.jp/243028

デザイナーが持っていたい、すごいフリーフォント40個まとめ 2016年2月度

2016/02/26(Fri) 07:39

いつも同じフォントばかり利用してしまう、そんな経験はないでしょうか。手持ちのフォントコレクションをアップデートして、新しいプロジェクトに活用してみましょう。今回は、デザイン性に優れた新作フリーフォント40個をまとめてご紹介します。

http://photoshopvip.net/archives/87280

Googleスプレッドシートを見やすく整形して任意のWebサイトに表示出来る・「Awesome-Table」

2016/02/26(Fri) 07:38

Awesome-TableはGoogleスプレッドシートを見やすく整形して任意のWebページに表示してくれるサービスです。上記サンプルはGoogle公式のテンプレートをそのまま使って整形したもの。

http://kachibito.net/useful-resource/awesome-table

今使用しているナビゲーションやタブやボタンにHTMLを汚さずにさまざまなアニメーションを適用できる -All Animation

2016/02/26(Fri) 07:37

ページ上のさまざまな要素やコンポーネントにclassを加えるだけで、CSS3アニメーションを適用できるスタイルシートを紹介します。

http://coliss.com/articles/build-websites/operation/css/cross-browser-css-animation.html

大切なのはコンセプト！伝える相手を意識してWebサイトをつくろう

2016/02/25(Thu) 07:26

今回は、コンセプトをつくる上での手法というよりは、なぜLIGではコンセプトを決める工程を取り入れていて、大切にしているのかということをお話できたらと思います。

http://liginc.co.jp/244680

CSSグラデーションを使ったデザインパーツサンプル

2016/02/25(Thu) 07:25

わざわざ画像を使わなくても簡単にグラデーションを表現することができるCSSのlinear-gradient。未対応ブラウザをサポートすることもまだ完全になくなったとは言えませんが少しずつ減ってきてはいるので、利用頻度が増えたという人も多いと思います。

http://www.nxworld.net/tips/design-parts-using-css-gradient.html

デザインがグッと良くなる、すごい無料モックアップPSD素材まとめ

2016/02/25(Thu) 07:25

完成したウェブサイトやモバイルアプリを、より魅力的に仕上げたいと思ったことはないでしょうか。そんなときは、無料ダウンロードできるモックアップ素材を利用してみましょう。

http://photoshopvip.net/ultimate-mockup

三分割法をつかった、美しい構図レイアウトの早業デザインテクニック

2016/02/25(Thu) 07:24

もしあなたがクリエイティブな分野に携わっているのなら、「三分割法（英: Rule of Thirds）」というキーワードを聞いたことがあるかもしれません。

http://photoshopvip.net/archives/87258

[JS]レスポンシブ用の複数サイズの画像をHTMLの記述で簡単に配置できる超軽量スクリプト -lazySizes

2016/02/24(Wed) 07:33

スクリプトは外部ファイルを記述するだけ、レスポンシブ用画像の配置や設定はHTMLベースで記述できるスクリプトを紹介します。

http://coliss.com/articles/build-websites/operation/javascript/lazysizes-for-responsive-images.html

「コンテンツマーケティング1,000人実態調査」 他社の予算は？ 人員は？ 外注は？

2016/02/24(Wed) 07:31

ソーシャルメディアを中心にコンテンツマーケティングへ取り組むも、予算確保や内製による人手＆企画力不足が悩み

http://web-tan.forum.impressrd.jp/yahooads/2016/02/24/22140