Vol.214
I Used The Web For A Day On Internet Explorer 8 by Chris Ashton Jump to heading
IE8で一日ネットサーフィンしてみた Jump to heading
IE8はちょうど10年前にリリースされた。10年経った今日、果たしてIE8で現代のWebは快適に閲覧できるのだろうか。Chris氏はIE8を使って実際にWebブラウジングをし、一体どのような体験をできるのか、実験を試みる。また、それに基づいて私達がどのようにWebサイトを構築していくべきかについての考察に繋げていく。
Learning to Learn by Sarah Drasner Jump to heading
学ぶことを学ぶ Jump to heading
Sarah氏はエンジニアであり続けるために必要なものとはなにかを説く。学位が必要かどうかは関係なく、学ぶ方法を学ぶということが最も重要であると話す。この記事では彼女がどのように日々学んでいるか、学習を継続させているか、気をつけていること、またメソッドなどについてを紹介する。エンジニアという道を選ぶならば(そして、続けていくつもりであれば)、彼女の言葉は肝に銘じておきたい。
By choosing to be a developer, you are choosing to learn
Everything you need to know about Loading Animations by Lisa Dziuba Jump to heading
ローディングアニメーションに関して知っておくべきこと Jump to heading
ローディングアニメーションに関して、その歴史から、基本、ベストプラクティスを紹介する。ローディングアニメーションは次の項目を満たしているべきだと指摘する。
- 可能な限り見せないようにする
- 完了までどのくらいかかるかわかるようにする
- なぜ待つ必要があるのかを伝える
- ローディングアニメーションを魅力的なものにして、ユーザーを飽きさせないようにする
- 待っているという認識を減らす
- ブランディングの時間として利用する
Building Robust Layouts With Container Units by Russell Jump to heading
CSS Variables を利用した、レイアウトテクニックについて。特に、コンテナユニットと呼ばれるレイアウトのアイディアを詳しく解説する。CSS Variablesを活用することで柔軟で堅牢なレイアウトを構成できる。
Getting Hooked on React Hooks by Ruben Martinez Jr Jump to heading
ReactのHooksの概念を解説する。シンプルなコンポーネントの実装をする例からはじまり、setStateを使って実装されていた部分がどのように置き換えられるのかについて、それに付随して、useEffectやuseCallback、useMemoがどのように作用するかについて詳しく解説する。
In Brief Jump to heading
- Web Accessibility Guide byStefan Fejes: Web Accessibilityを対応するにあたって役に立つTips&ベストプラクティス集
- Planning for Responsive Images by Chris Nwamba: レスポンシブな画像やレイアウトをCSSで実現する際のテクニックを紹介する
- Stacked “Borders” by Eric Meyer: borderやoutlineなどといったプロパティを利用して複雑なデザインの枠線をCSSで実現するアイディアを解説する
- Understand Async Iterators Without Really Trying by Matt Krick: Async Iteration の機能を利用して、より可読性の高いイベントハンドリングの実装を試みる
- you probably don’t need
input type=“number”
by Brad Frost:type="number"
のinput
はマウスのスクロールで値が変更されるが、それの機能は必要であるのか。Brad氏は銀行の口座番号を入力を間違ったことをきっかけに、type="number"
について考察をする