Vol.280
Ask an expert: Why is CSS . . . the way it is? – Increment: Frontend Jump to heading
CSS の歴史と変遷 Jump to heading
W3C のテクニカルディレクターである、Chris 氏はなぜ CSS の仕様が複雑なのか、機能が重複していることがあるのはなぜなのか、などの問い合わせを多く受けているという。彼は、これらの質問に対する回答として、それらの意見はもっともではあるが、CSS がどのように誕生し進化してきのかという経緯を知ることで、それらがなぜそのようになっているかを知ることができると指摘する。この記事では CSS の誕生から、現在に至るまで、CSS をどのような環境が取り巻き、CSS がどのように対応していったかについて紹介していく。
Modern CSS Techniques To Improve Legibility — Smashing Magazine Jump to heading
可読性を向上させるためのモダンな CSS テクニック Jump to heading
この記事では、最新の CSS 技術について、特に可変フォントなどの新しい技術を使用して Web サイトの可読性を向上させる方法を紹介する。また、科学的研究を生かしたデザインの適用を実装する方法を紹介する。
Advice to Myself When Starting Out as a Software Developer - The Pragmatic Engineer Jump to heading
ソフトウェアエンジニア初心者の頃の自分へ送りたいアドバイス Jump to heading
Gergely 氏は、10 年以上のキャリアを経て感じた、自分の成長に繋がった事柄をまとめ、初心者の頃の自分へアドバイスを送るならどんなアドバイスをするかを記事にした。
- 時間をかけて、ソフトウェア・エンジニアリングに関わる本を年に 2 冊読んでください
- 仕事で使う言語をより深く学んでください
- 他のエンジニアともっと関わってください
- ユニットテストを書き、CI で実行してください
- リファクタリングの習慣を持ち、リファクタリングツールを習得してください
- 経験が重要であることを理解し、それを手に入れてください
- 自分が学んだことを人に教えて下さい
How we achieve “simple design” for Basecamp and HEY - Signal v. Noise Jump to heading
Basecamp と HEY ではシンブルなデザインを実現しているが、それはどのように生み出されるのか、Basecamp のプロダクトデザイナーである Jonas 氏が解説する。彼は、あまり機能しないシンプルな UI を作るのは簡単なこと、これらのプロダクトではインターフェイス自体はシンプルだが、その背後にある考え方とシステムは非常に複雑であると話す。
What the fuck is memoization? ・ Dan’s JavaScript Glossary Jump to heading
メモ化の仕組みについて、前半ではその基本を解説し、後半ではその発展した実装について考察を深める。
In Brief Jump to heading
Unholy Albatross: The Flexbox Holy Albatrossの実装について問題点を指摘し、改善案を紹介する
css-media-vars Documentation & Demos: css-media-vars というライブラリでは css variables を用いてメディアクエリのような挙動を実装することができることを紹介する
Browser font rendering inconsistencies - Stephanie Stimac’s Blog: ブラウザでのフォント表示が一貫されていない点についての指摘と、どのように対応すべきかについて
What does 100% mean in CSS?: CSS でパーセントの単位を使った場合に、それは何に対してのパーセントになるのか、実は親要素に対して、というのが必ずしも正しいと限らないという点についてインタラクティブなコンテンツを用いて解説を行う
CSS Painting Order | Woohoo: 要素の重なりの挙動について、HTML や CSS を複雑に組み合わせながら検証する