Vol.385

Transferable skills - Chris Coyier Jump to heading #

マクロとミクロのプログラミングスキル Jump to heading #

Addy Osmani は技術スキルを 2 つの大きなバケツにまとめて考える方法を紹介している。1つはマクロなプログラミングの概念についてのスキル。もうひとつは、ミクロな概念の具体的な実装についてのスキル。マクロなスキルはテクノロジーの変化しても、通用していくスキル。マクロなスキルを身につけることは重要である。また、Web開発においては、コンポーネントを実装する考え、というものはマクロな考えと捉えることができる。

Layout Breakouts with CSS Grid Jump to heading #

CSS Gridを利用したレイアウト Jump to heading #

CSS グリッドと名前付きグリッドラインを使用したレイアウトを実装する。マイナスマージンを使用せずに、コンテンツ領域より広い配置を行う方法を紹介する。

Why We’re Breaking Up with CSS-in-JS - DEV Community Jump to heading #

なぜCSS-in-JSをやめるのか Jump to heading #

CSS-in-JS の代表的なライブラリの1つである、Emotionのメンテナであるサム氏による、CSS-in-JS の魅力と問題点についての記事。良い点、悪い点を整理し、CSS-in-JS に対するサム氏の考えをまとめている。

How to plan? | Kellan Elliott-McCrea Jump to heading #

計画を立てるための経験則をいくつか紹介する

• やることを減らす
• ボトムアップのプロセスは機能しない

Behavioural Design 101: Psychology mechanisms in persuasive design Jump to heading #

アプリのエンゲージメントを高める様々な心理メカニズムを紹介する

• アンカー効果
• おとり効果
• ドラッグ効果

In Brief Jump to heading #

• Speeding Up Async Snippets: JavaScriptを利用してscriptを読み込むスニペットはscriptタグとasync属性で置き換えられるという話

• Towards an understanding of technical debt | Kellan Elliott-McCrea: 技術的負債という言葉で様々な問題をひとくくりにすることで、それを理解しづらくなっていることについて、それを分解して理解を進めていく

• :where :is CSS?: CSSの :is と :where について比較して解説する

• The wasted potential of CSS attribute selectors by Elise Hein: ARIA属性を使用したCSSセレクタについて考察

• A beginner’s complete guide to form accessibility: the 5 things accessible forms needs and how to fix common errors - Pope Tech Blog: フォームのアクセシビリティに関する初心者向けガイド