スクロールした時にヘッダの高さが縮んで上部に固定表示させるWebページを見たことがあると思います。今まではJavaScriptを使用する必要がありましたが、CSSのposition: sticky;を一工夫して使用することで簡単に実装できます。

高さを縮ませるのはヘッダに限らず、パネルやバナーなど他の要素でも簡単に実装でき、汎用性にも優れていると思います。

Shrinking Header on Scroll Without JavaScript
by Håvard Brynjulfsen

ここまで詳しく解説された書籍はかなり貴重ですね！
パソコンやスマホのスクリーンで読みやすい文字組みとフォント、画像と文字の配置方法、Webフォントの効果的な使い方、アクセシビリティなど、オンスクリーンにおけるタイポグラフィを徹底的に学べるデザイン書を紹介します。

Webにおけるフォント、グリッドの使い方、スクリーンで読みやすいCSSの定義、Webフォントの最新状況など、デザイン的なタイポグラフィの知識だけでなく、レイアウトやWebフォントの実装テクニックも詳しく解説された良書です。

昨日、オンラインのイベントをやっていたので、目にした人も多いと思います。

デザインはちょっとした一手間を加えるだけで、ぐっとよくなります。
UI&UXデザイナーによるWebページやスマホアプリのUIとUXを改善するデザインの知識とテクニックを紹介します。

UI & UX Micro-Tips: Volume One.
by Marc Andrew

Webページやスマホアプリにスクロールのアニメーションを実装したり、特定の地点までスクロールしたらイベントをトリガーにしたりする際は、JavaScriptのライブラリを使用するのではなく、IntersectionObserverが非常に簡単で便利です。

IntersectionObserverを使用して、Vue.jsでスクロールイベントをトリガーする方法を紹介します。

How To Trigger a Scroll Event in Vue.js With the IntersectionObserver
by Luca Spezzano

高品質な有料フォントを定価で購入すると、なかなか高額で、揃えるのは大変です。期間限定ですが、総額30万超え分の高品質な英語フォントが約3,000円ほどで購入できるセールを紹介します。
1つだけでも気にいったフォントがあれば、十分すぎるほど元が取れます。

販売期間は、3月9日12時までとなっています。

フォントはウェイトが全部揃っており、しかもWebフォントも完備。Webデザイン、アプリ、動画、紙、プロダクトのデザインなどに利用でき、クライアントのプロジェクトでも販売する同人誌に使用してもOK。

The Treasure Trove of Fonts for Typography Lovers

本日2/22からAmazonで、アドビの春セールが開催されています！

期間は3/5まで、Adobe CC コンプリートプラン、Photoshop+Lightroomプラン、Illustrator単体プランが期間限定で激安になっており、かなりお買い得です。

12か月版は通常のセールで今まで27%オフでしたが、今回は28%オフに！
更新の場合は、セール価格からさらに5％オフになります！

参考: Adobe Creative Cloudの最新情報

インプレスグループのKindleセール（紹介記事）が2/28まで開催中ですが、翔泳社のKindleセールも超短期間で開催されています！

セール期間は、2021年2月25日（木）まで。
今年発売されたばかりのデザイン書をはじめ、去年発売されたデザインやWeb制作、イラスト関連の書籍が半額です。セール初登場ばかりで、見逃せません！

Kindle【最大50%OFF】翔泳社祭り（1200点以上）

企業サイトをはじめ、オンラインショップ、スマホアプリ、そしてブログでも制作する上で一番重要なのはライティングだと思います。

ボタンの文言は言葉を適切に選ぶだけで、クリック率は格段にアップします。また、コンテンツのライティングでユーザーエクスペリエンスは上昇し、フォームや登録画面のライティングで誤操作は減少します。

ユーザーエクスペリエンスにおけるマイクロコピーを実例とともに詳しく解説した良書を紹介します。