Web制作に役立つ情報一覧

素早く制作できた！Web制作に役立つトレンドのツール一覧

2014/12/24(Wed) 08:00

2014年、WPテーマやコーポレートサイト作成時にお世話になったツールと2015年に使いたいツール。素早くコーディングを行うために知っておきたいツールをメモ。

http://commte.net/blog/archives/4953

フォームの「ガッカリ離脱」を防いでコンバージョン率UP！ 送信後エラー・ゼロ作戦／15か条の7

2014/12/24(Wed) 07:59

フォームの送信ボタンをクリックしたとき、エラーが表示されたらガッカリしてしまいますよね。そうしたことが原因の「ガッカリ離脱」を防ぐために、エラーがない状態になるようにユーザーを導き、確認画面、完了画面に進んでもらうことが、完了率アップには極めて重要です。今回は、入力項目ごとに、ユーザーが入力した内容がフォームの求める形式になっているようにするための改善ポイントをご紹介します。

http://web-tan.forum.impressrd.jp/e/2014/12/22/17002

CSSの素晴らしいアイデアが満載！2014年スタイルシートのテクニックのまとめ

2014/12/24(Wed) 07:58

これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。

http://coliss.com/articles/build-websites/operation/css/css-most-awesome-techniques-of-2014.html

アクセス解析ツール「Pt engine」が、A/Bテストツール「Optimizely」とシステム連携

2014/12/22(Mon) 07:52

アクセス解析ツール「Pt engine（ピーティーエンジン）」が、A/Bテストツール「Optimizely（オプティマイズリー）」とシステム連携し、PtmindがOptimizelyのテクノロジー・パートナーになったことを、Ptmindが12月17日に発表した。

http://web-tan.forum.impressrd.jp/e/2014/12/22/18963

必ず設定したい！Googleアナリティクスを導入したら最初に行うべき基本設定

2014/12/22(Mon) 07:51

トラッキングコードを設置した後、一番最初に設定しておくべき4つの基本設定をご紹介します。

http://creive.me/archives/5393/

Googleマテリアル・デザインから学ぶ４つの重要ポイント + 参考UIデザイン、無料素材まとめ

2014/12/22(Mon) 07:50

Googleのデザインガイドライン「マテリアル・デザイン（英:Material Design）」に目を通したひとは、どれだけ広範囲にわたって細部まで気を配って作成されているのか気付いたのではないでしょうか。

http://photoshopvip.net/archives/71776

商用利用無料！和の伝統的な柄や風物詩などがたくさん揃った完全オリジナルのベクター素材 -Japan Vector

2014/12/22(Mon) 07:49

菱・籠目・雪輪・矢絣・唐草・亀甲・紗綾形などの和柄をはじめ、季節の風物詩や伝統

http://coliss.com/articles/freebies/freebies-japan-vector.html

2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle

2014/12/22(Mon) 07:49

レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。

http://coliss.com/articles/build-websites/operation/work/responsive-html5-template-beetle.html

見ているだけでデザインの参考になりそうな無料で使えるHTML5Webサイトテンプレート

2014/12/22(Mon) 07:48

実際に見ているだけでも素晴らしい。とくに最初に紹介されているFlatfyはあっちではかなり利用されている黄金パターンを採用し、かつ使いやすいのが特徴的。

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

女子も男子も人物の写真画像を美しくかっこよく魅力的に仕上げるPhotoshopのアクション -Chocolate Action

2014/12/19(Fri) 08:02

女性はより美しく魅力的に、男性はよりかっこよく魅力的に、写真画像にソフトなチョコレートのトーンを使って、美しいコントラストとシャドウを生み出すPhotoshopのアクションを紹介します。

http://coliss.com/articles/freebies/freebies-chocolate-action-by-beto.html