発行
transformプロパティとは異なる特徴を持つzoomプロパティの、その利用例を紹介します。また、いくつかの注意点についても触れます。
Astroを通じて、サーバーサイドレンダリングでの基本的なWebサイト構築の方法を解説していきます。Astroのようなフレームワークを使えば、その設定もフレームワークがサポートしてくれます。
「きれいな文字組」がウェブで実現しにくかったいきさつや、ユーザーの意識について語られます。また、紙でよく見かける文字表現をウェブでどうやって実現できるのかという話題もでました。
発行
主要ブラウザすべてでサポートされるようになったzoomプロパティを見てみます。transformと似ていると思われがちですが、その違いを確認しましょう。
これまで解説してきた実装を使いながら、設定された色のスタイルをバリアブルに置換するプラグインを実装します。バリアブルは比較的新しい機能なので、従来の色のスタイルを一括して置換するニーズは実際の制作現場でもありそうです。
コード中に色を表すコードが出現した場合、その色が実際にどんなものなのかを示すプレビューを表示できると便利そうです。コードエディタにはよくある機能ですが、これをRehype Pretty CodeのVisitor Hooksを使って実装します。
発行
最近、ウェブにもテキストレイアウトをコントロールしようとする、さまざまなCSSプロパティが登場しています。そこで、ウェブにおける文字組の現状と将来を話してみようかと、デザイナーとエンジニアが集まりました。
Rust言語で記述されたJavaScriptに関するツール群「OXC」と、そのLintツール「oxlint」を紹介します。パフォーマンスの高さだけでなく、ほかのツールチェインを構成するパーツとしての立ち位置からも、注目したいツールです。
破壊的なUIの負の特徴を打ち消す対応のひとつ、「誤操作への対策」に焦点を当てて解説します。誤操作を受け止める方法はさまざまですので、それぞれ詳しく見ていきましょう。
発行
CSSで使う単位のうち、ビューポートに関する単位を取り上げます。ページをスクロールすることでアドレスバーの大きさが変化するスマートフォンのブラウザの場合などに利用できる単位を中心に見てみましょう。
破壊的なUIの回避と、4つの負の特徴への対応について解説します。破壊的なUIを利用しつつも利用者へ大きな不安やストレスを与えないために、破壊的なUIの負の特徴を打ち消し、破壊的なUIとの共存を可能にします。
コンテンツに生かせるアイデアとして、特定の文字列のハイライト機能の活用法を紹介します。また、Markdownの簡潔さはそのままに、コードブロックに言語名やタイトルの表示も追加できます。