Vol.271

AddyOsmani.com - Modern Touch-Friendly Design Jump to heading #

タッチに最適なデザイン Jump to heading #

Addy 氏はベテランの UX デザイナー Steven 氏とタッチ UI のインターフェースについて話した内容を記事にした。タッチフレンドリーなデザインとは何かを、親指が届く範囲、どのようにデバイスを掴んでいるか、などの UX の調査から明らかにしていく。

Write Libraries, Not Frameworks May 8, 2020 Jump to heading #

フレームワークではなくライブラリ Jump to heading #

プログラマが実装を共有したいと思ったときに、ライブラリにするかフレームワークにするかの選択肢がある。ライブラリは独立した実装のことであり、一方フレームワークは、コンテキストであり、使用者に制限を課すことによって柔軟性と引き換えに少ないコードで実装を可能にする。Brandon 氏は、フレームワークを提供するということは非常に大きな責任が伴うことでメンテナンスの手間もかかるため、パッケージ化する場合はライブラリの形をとることが良い場合が多いと話す。

Can writing make me a better designer? Jump to heading #

ライティングはより良いデザイナーになるために役立つのか Jump to heading #

ライティングとデザイナーとの関係について記事。一見それは関係しないスキルのように見えるが、実際の所優れたデザイナーになるためには非常に重要なスキルだと話す。

• ライティングは、設計の決定をより明確に伝えるのに役立つ
• ライティングは、ユニークな視点を見つけるのに役立つ
• ライティングは、議論のスキルの向上に役立つ
• ライティングによって、より強力にデザインのストーリーを伝えることができるようになる

Disclosure Widgets | Adrian Roselli Jump to heading #

Disclosure ウィジェットと呼ばれる、UI パターンについて解説する。要素を表示したり非表示にするための単純な UI であるが、 <details> と <summary> を組み合わせたネィティブ実装と、ARIA を拡張させた実装などを比較しながら、動作の仕様やよりリッチな実装をするためのアイディアを紹介する

Today’s Javascript, from an outsider’s perspective | Lea Verou Jump to heading #

John はとある npm パッケージに含まれているアルゴリズムをテストするためにインストールを始めたが、結局の所実行させるまでの手順が多すぎて、諦めてしまった。この話から、たった１行の JavaScript(TypeScript)を実行するためには多くのツールと、知識が必要である現在の JavaScript の状況を皮肉る。

In Brief Jump to heading #

• We’re not smarter than browsers: ブラウザの機能を改造し再実装するのではなく、拡張するという考え方の重要さを説く

• Make native lazy-loading images load more eagerly | Ctrl blog: native lazy-loading の解説と発展させたコードの紹介

• Types vs. interfaces in TypeScript - LogRocket Blog: Typescript における Types と interfaces についてそれぞれの特性を紹介する

• Tools for better thinking | Untools: 思考をめぐらせるための様々なフレームワークを紹介

• Here’s what I didn’t know about “content” - Manuel Matuzović: css の content では基本的には文字列を指定することが多いが、画像やテキストと画像の組み合わせなどが使用できる