見出し画像

Frontend Weekly for Designer Vol.28

Airbnb 製のデータビジュアライゼーションライブラリ visx

 React × D3.jsのデータビジュアライゼーションライブラリ visxの紹介。ReactとD3.jsの相性の悪さを解消し、また既存の同種のライブラリと比べて「学習しやすさ」「表現力」の点で優れたライブラリをAirbnbが開発。記事ではいくつかのサンプルも紹介しているので、気になったら触ってみると良いかも。

Slackのスレッドはどのようにして生まれたか:前編

Slackの機能の一つである「スレッド」。このデザインがどういうプロセスで作られていったのかをSlackのシニアプロダクトデザイナーが解説(この記事は前編)。彼らのデザインプロセスでは、自分たちで実際に使ってみて探索するというものがあり、Twitterをモデルにしていくつかのコミュニケーションを試した。それぞれの利点はありつつも、うまく行かなかった例を紹介している。後半記事は(たぶん)後日配信。

双方向スクロールの欠点

Netflix で採用されいる水平スクロールの UI について、その利点と欠点、その欠点をどのように補えばよいかを解説する。

ブラウザがどのようにリソースの優先順位をつけるのか

SmashingConf Freiburg での Andy 氏の講演のスライド。この講演では、以下の内容について紹介する。

・どのようにブラウザがネットワークの状態に合わせて、リソースに優先順位を付けているか
・サーバーが果たす役割
・実装がリソースの動作にどのように影響するか
・訪問者のエクスペリエンスについて

🗣️ 小ネタ

10/20〜からAdobeの祭典 Adobe MAX 2020 が開催。今年も色々驚く技術・機能がお披露目されるんでしょう

☕ 編集後記

リアルタイムでAdobe MAX観たかったけど、忙しくて!

📓 Frontend Weekly

Frontend Weekly for Designer(毎週木曜日更新)は国内・海外のフロントエンド関連情報を厳選して配信しているFrontend Weeklyから、デザイナーにも読んでほしいものを再編成したマガジンです。

よりWebフロントエンドに関する情報も読みたい方は、本家のFrontend Weeklyもぜひ購読してください。

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

明日の元気の素になります。

6
株式会社サイバーエージェント Webのエンジニアだけどデザインのこと考えています。 OSS: FLOCSS http://github.com/hiloki/flocss 著書: Web制作者のためのCSS設計の教科書 http://amzn.to/2hJcQVX

こちらでもピックアップされています

Frontend Weekly for Designer
Frontend Weekly for Designer
  • 30本

国内・海外のフロントエンド関連情報を厳選し毎週お届けしている「Frontend Weekly」のデザイナー向け記事をセレクトした「For Designer Edition」をはじめます。 Design系の記事だけでなく、Webフロントエンド全般の記事を読みたい方はFrontend Weeklyをどうぞ。 Frontend Weekly https://frontendweekly.tokyo/

コメントを投稿するには、 ログイン または 会員登録 をする必要があります。