Web制作に役立つ情報一覧

Web文章実践講座（第1回）会社概要や店舗情報をブラッシュアップ

2016/07/15(Fri) 09:49

定型的な情報だけを含めればよいと考えずに、その会社や店舗の魅力を伝える内容、利用者目線で考えた内容を加えましょう。

http://web-tan.forum.impressrd.jp/e/2016/07/15/23326

商用OKで用途自由！デザイナー注目の極上テクスチャ、パターン素材集 The Mommoth Design Bundle

2016/07/14(Thu) 10:10

デザイン制作をしているときに、無料のテクスチャやパターン素材を探していたら、たっぷりと時間が過ぎてしまっていた、そんな経験はないでしょうか。

http://photoshopvip.net/91904

Pure CSSで様々なタイプのツールチップを表示できる「Tootik」

2016/07/14(Thu) 10:09

「Tootik」はツールチップを実装することができるCSSライブラリで、動きや見た目などすべてCSSで実装されています。表示位置、矢印表示の有無、カラー指定、フェード表示など用意された数種類の動きと見た目を組み合わせていく感じで、カスタムデータ属性を記述するだけで実装できる手軽さも特徴です。

http://www.nxworld.net/tips/tootik.html

指輪型ウェアラブル「Ring ZERO」を使って、webと連携させてみた！

2016/07/14(Thu) 10:09

突然ですが、近年ウェアラブルやIoTなどが盛んになってきました。みなさんは、「Ring ZERO」をご存知ですか？

http://liginc.co.jp/284575

【デザイン事例を紹介！】グリッドデザインのWebサイトが良い15の理由

2016/07/13(Wed) 10:16

ほんの数本のグリッドの存在がデザインに加わることが、デザインプロジェクト全体にとって、極めて重要なのはなぜでしょうか？デザイナーは一人一人異なる答えを持っているかもしれませんが、要するに、グリッドは、それなしでは時間もかかり、面倒で困難なデザインを構築するのに役立ってくれるのです。

http://techacademy.jp/magazine/8763

フォント検索・ワイヤーフレーム化・グリッド表示など、Web制作時に便利なブックマークレット 15

2016/07/13(Wed) 10:15

閲覧ページにグリッドを表示させたりレスポンシブ確認を容易にするものをはじめ、使用されているフォント確認、ページをワイヤーフレーム化するもの、ページの表示速度やHTMLチェックを行ってくれるものなど、サイト制作時や気になるサイトのことをちょっと調べたい時などに便利なブックマークレットを紹介します。

http://www.nxworld.net/services-resource/15-useful-bookmarklets-for-web-development.html

[CSS]知ってると便利！「:target疑似クラス」を使ったスタイルシートのテクニックと注意点

2016/07/13(Wed) 10:14

:target疑似クラスは、ターゲットとなるアンカーリンク先の要素を表します。例えば、長い記事をユニークなidでセクションに分け、それぞれのセクションにアンカーリンクを設置します。:target疑似クラスを利用すると、ターゲットとなるセクションごとにスタイルを適用することができます。

http://coliss.com/articles/build-websites/operation/css/target-pseudo-class-trick.html

手軽に実装！Webサイトにアニメーションを加えられるCSS＆JavaScriptライブラリー | Webクリエイターボックス

2016/07/13(Wed) 10:13

人間の目は動きを感知すると反射的に目が動き、意識をそちらに向けるそうです。そのため、アニメーションは要素をほんの少し動かすだけで注目を集められるという強い力を持っています。

http://www.webcreatorbox.com/tech/animation-libraries/

“効く”広告クリエイティブは“ニーズに響かせるもの”は本当に正しいのか

2016/07/12(Tue) 11:32

単に商品を推す広告と、潜在顧客のニーズに響かせる広告で、どちらのパフォーマンスが良いかを実際に試してみました

http://web-tan.forum.impressrd.jp/e/2016/07/12/23327

使いやすい、楽しいサイトにはディテールにこだわりがある！Web制作の勉強になるデザインやインタラクションのまとめ

2016/07/12(Tue) 11:32

Web制作で一番の勉強は、多くのサイトを見ること。有名サイトの使いやすく、そしてユーザーを楽しませるデザインやインタラクションのディテールをまとめているサイトを紹介します。

http://coliss.com/articles/build-websites/operation/design/visual-exploration-design-details.html