ウェブディレクター

オリジナル記事の量と質、どっちが大事なの!?――改革と改善、そしてインナーコミュニケーションの充実へ

2018/11/20(Tue) 09:58

クレディセゾンの栗田宏美は、オウンドメディア「SAISON CHIENOWA」のローンチにこぎ着けたものの、すぐにさまざまなアップデートを求められることになるのだった。

https://webtan.impress.co.jp/e/2018/11/20/30645

女性10代・20代の4割は、広告よりインフルエンサーの紹介が「購買の参考になる」

2018/11/16(Fri) 09:53

WOMマーケティング協議会（以下「WOMJ」）は10代〜40代のソーシャルメディア利用者486人を対象に、インフルエンサーマーケティングに関する実態調査を実施した。

https://webtan.impress.co.jp/n/2018/11/16/31065

Google Maps APIを使う

2018/11/14(Wed) 10:10

Googleが提供するGoogle Maps APIを利用すれば、Google マップをより自由に表示することができます。ここでは、API キーを作成して、WebサイトにGoogle マップを表示するまでの手順をまとめます。

https://lopan.jp/google-maps-use-api/

Google マップの共有を使う

2018/11/14(Wed) 10:10

Webサイトに地図を表示したいだけならば、Google マップが提供しているHTMLソースコードをコピペする方法が手っ取り早いです:)。手順と、地図の大きさの調整の仕方をまとめました。

https://lopan.jp/google-maps-use-embed/

head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags

2018/11/12(Mon) 10:14

head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。

https://coliss.com/articles/build-websites/operation/work/generate-meta-tags-for-social-media.html

Web制作者が備えておきたい最新版チートシートのまとめ

2018/11/07(Wed) 09:51

あれはどうだったかな？ という時にすぐ分かる、Web制作の実装や勉強に役立つチートシートを紹介します。

https://coliss.com/articles/build-websites/operation/work/cheat-sheets-for-front-end-developer-2018.html

バックグラウンドに動画を使うことのメリットとデメリット

2018/10/30(Tue) 09:56

バックグラウンドに動画を使う手法は、数年前に出てきたデザイントレンドですが、デザイナーの中でも議論され続けています。この方法は、関心の薄いオンラインユーザーの注目を集めることができます。押しつけがましい印象を与えずにバックグラウンドで再生でき、サイトの訪問者のエンゲージメントを高めることもできます。

https://uxmilk.jp/64146

効果的なユーザーインタビューのためのガイドライン

2018/09/20(Thu) 09:55

私は、新聞記者として自分のキャリアを始め、亡命中のチベットの首相から街頭の人々まで、何百ものテーマのインタビューを行ってきました。インタビューを通して新たな視点や立場を発見し、考え方が大きく変わったこともあります。

https://uxmilk.jp/73422

こんなのあったんだ！ 意外と知らないHTMLの要素をご紹介します

2018/09/06(Thu) 09:52

僕の知らなかったHTML要素をいくつか見かけたので、今回はそれらをまとめてご紹介したいと思います！

https://liginc.co.jp/413655

追従ヘッダー実装時に使える動作・デザインパターン例

2018/09/03(Mon) 10:21

常にユーザーの視線に入るようにしておきたいとかサイトの回遊率をあげたいなどの理由で実装を頼まれることが多いと追従ヘッダー。単純に基本となる見栄えを維持してそのまま追従させることも多いですが、少し変化を加えてほしいという要望をもらうことも少なくないので、そういった場面で提案しやすいようによくある動作・デザインのパターン例をまとめました。

https://www.nxworld.net/inspiration/fixed-and-sticky-header-pattern.html