Web制作に役立つ情報一覧

ヤフー、デバイスの利用動向をまとめたインフォグラフィックを公開

2015/02/18(Wed) 07:57

Yahoo! JAPANは、マルチスクリーンの環境下におけるスマートフォン・タブレット・パソコンの利用動向の実態を探る意識調査の結果を、インフォグラフィックの画像と動画にまとめ、公開しました。

http://www.seojapan.com/blog/yahoo-multidevice

人の心を動かすコンテンツの作り方。反響ゼロのサイトが意識していないこと

2015/02/18(Wed) 07:56

人の心を動かすコンテンツを作るには、だれかを思い描くこと。“みんな”はだれでもありません

http://web-tan.forum.impressrd.jp/e/2015/02/18/19272

EC事業者は知れば得する、宅配便に関するクレーム上位5つと遅配が起きるメカニズム

2015/02/18(Wed) 07:56

クレーム、誤配、誤送、遅配など配送トラブルが起きるメカニズムを知ることが重要です

http://web-tan.forum.impressrd.jp/e/2015/02/18/19342

Webデザインの参考資料に！ブラウザの幅ではなく高さをみんながどのくらいにしているか分かる -I am the fold

2015/02/18(Wed) 07:55

Webページを見る時、ブラウザはどのくらいのサイズにしていますか？フルスクリーン？ 小さいサイズ？　縦長or横長？ページを制作する際、レイアウトで重要なポイントはその幅ですが、高さを見落としてしまうと表示されないコンテンツに気がつかなかったなどクリティカルな問題になることもあります。

http://coliss.com/articles/build-websites/operation/work/viewport-heights-iamthefold.html

画像を使わずに、CSSのみでリストアイコンを表現したサンプル 10

2015/02/17(Tue) 07:47

なんとなくどんな感じのものが実装できるか試してみたので備忘録。いずれもli要素と組み合わせて使えそうなリストアイコンのサンプルで、画像は使用せずに全てCSSのみで実装してみたものです。使用できるブラウザは限られてきますが、問題ないブラウザであればサイズやカラー変更といったこともCSSのみで簡単に変更できます。

http://www.nxworld.net/tips/no-image-css-list-icon.html

ミニマルスタイルの隠しテク！継ぎ目のない質感系フリーパターン素材まとめ

2015/02/17(Tue) 07:46

シンプルなデザインにしたいけど、なにか物足りない。そんなときは、ほんの少しだけ繊細な質感を加えたパターンテクスチャを利用してみてはいかがでしょう。Photoshopを使えば、どんな範囲でも継ぎ目ないデザインパターンで作成でき、ウェブサイトやアートワークの背景など、スタイリッシュな雰囲気を気軽に演出することができます。

http://photoshopvip.net/archives/73478

思い通りカスタマイズできる？WordPressの有料テーマを買う前の注意点10個

2015/02/17(Tue) 07:45

今回は購入前にチェックしたい、有料テーマの落とし穴をまとめてみました。

http://liginc.co.jp/web/wp/customize/143950

Illustratorはじめませんか？参考にしたいすごいチュートリアル、作り方27個まとめ

2015/02/13(Fri) 07:49

llustratorの機能やテクニックを学ぶには、デザインチュートリアルを参考にしてみてはいかがでしょう。覚えておきたい基本的ツールの使い方から、まだまだ新しい機能であまり見かけないテクニックなど実践形式でデザインを学ぶことができます。今回はデザインスキルを向上する新作Illustratorチュートリアル、作り方をまとめてご紹介します。

http://photoshopvip.net/archives/73395

テキストを入れるだけでレトロ風のかっこいいロゴが作成できるベクター素材、コリス限定全員にプレゼント！

2015/02/13(Fri) 07:48

お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！もちろん個人でも商用でも無料で利用できます。

http://coliss.com/articles/freebies/freebies-vector-retro-insignias-by-freepik.html

ウェブマスター ツールでモバイル ユーザビリティが確認できるようになりました

2015/02/13(Fri) 07:47

スマートフォンが普及するにつれ、モバイルでの閲覧に対応したサイトを作ることは、ますます重要になってきています。今回は、先日ウェブマスター ツールに追加されました、モバイル ユーザビリティを確認できる機能をご紹介いたします。

http://googlewebmastercentral-ja.blogspot.jp/2015/02/tracking-mobile-usability-in-webmaster.html