Frontend Weekly Vol.83

Headlines

Fake it ‘til you Make it CSS by Kenan Yusuf

読み込み中を表現

UIを構築する上で、忘れてしまいがちな読み込みの状態。加えてパフォーマンス向上のためのクリティカルCSSのような方法を利用する際には、確実に考えなければならないもの。そんな読み込み中の表現について詳しく紹介。

Hover is dead. Long live hover. by Design at Instacart

Hoverはもう要らないのか?

デバイスは百花絢爛。本当に様々な種類のデバイスが存在する中、タッチデバイスとそうではないデバイスの境目もあやふやになって来ている。そんな環境の中でhoverというインタラクションがどうあるべきか、現状を詳しく踏まえながら解説。

Buttons in UI Design: The Evolution of Style and Best Practices by UX Planet

ボタンUIの進化とスタイル、ベストプラクティス達

黎明期から存在しているUIの1つであるボタン。そのボタンに関するスタイルの歴史を振り返り、どうやってボタンをスタイルするべきなのかについてアドバイスしている。

The Headless Web by Dev Channel

ヘッドレス・Web

Webはもはやブラウザの中だけで存在しているものではない。そんな発想から生まれたヘッドレス・Webという概念。GoogleのPaul Kinlan氏はWebの今をどう見ているのか、そして彼は未来がどうなっていくのかを、ヘッドレス・Webという概念の中で占う。

Mobile DropDowns Revisited by theuxblog.com

モバイルにおけるドロップダウンUI

ドロップダウンUIはユーザが慣れたUIの1つでもあり、実装にそれほど多くの手間がかからない。この記事ではそんなドロップダウンUIをもう1度見直し、ユーザにとって最も手数が少なく、使いやすいUIを提案。

Service worker meeting notes by JakeArchibald.com

Service Workerミーティングメモ

Jake Archibald氏が参加したService Workerに関するミーティング・メモ。将来実装されるであろうService Workerの仕様について紹介。

User Memory Design: How To Design For Experiences That Last by Viget

ユーザメモリデザインというアプローチ

経験と記憶。この差をきちんと理解することで、ユーザにとって使いやすく、そして長持ちするUXを生み出すことができる。長文ながら参考になるのでぜひ。

Announcement

Slack for Frontend Weekly (PR)

Frontend Weeklyの『実験的』Slackコミュニティに興味がある方は、こちらから招待をリクエストしてください。 週次で50人くらいずつ招待をして行くつもりです。

In Brief