発行
CSSのメディアクエリーがより直感的で便利に進化しています。画面幅を簡潔に指定できる「レンジ記法」や、デバイスの入力特性に応じた「ポインター特性」など、近年安定して使えるようになった注目の機能をわかりやすく紹介します。
フロントエンド開発においてはJSONでのフォーム送信が主流でしたが、最近ではFormDataを使う構成が注目されています。この記事では、FormDataの基本とその特徴を解説します。
WebアプリのUIデザインは「つくって終わり」ではなく、運用や実装を見据えた設計が求められます。バナーやLPとは異なるWebアプリ特有の視点や、Figmaの機能活用、実装者との連携のポイントを、UIデザインを学び始めたグリコさんと先生の対話を通して解説します。
発行
これまでは、基本的な仕様を解説してきましたが、シリーズの最後は発展編として、ポップオーバーAPIとdialog要素の性質の違いについて触れます。
ランディングページやバナーのデザインを手掛けているグリコさんが、はじめてWebアプリケーションのデザインを担当することに。そこで、百戦錬磨の先生にWebアプリケーションデザインのポイントをたずねています。エンジニアのグリスケくんの視点も合わせてどうぞ。
日本語と英語の間のスペースは、可読性を確保するために必要と言われることがあります。この実現方法として、入力時に半角スペースを入れる方法は、よい方法でしょうか？ 半角スペースを入れている人も、入れていない人も、一読してみてください。
発行
Gridは「レイアウト」とは少し違った場面でも活躍します。入力枠が入力内容テキストの大きさに自動で調整されるUIをつくってみましょう。
最終回では、マッチした部分を切り出して保存できるキャプチャグループ構文について解説します。また、キャプチャグループでキャプチャした部分をそのまま参照できる、後方参照についても見てみましょう。
Webに関わる仕事をしていると、日常的にテキストやコードを打ち込むことが多いでしょう。入力を快適に行うためにこだわっていることや、設定していることはありませんか？ そんな入力周りの環境設定についてお話しします。
発行
一口に「Webに画像を載せる」と言っても、さまざまな方法があります。CodeGridの例を元に、画像の配信方法を考えてみます。
今回は、「マッチそのものを補助する構文」に焦点を当てていきます。条件分岐に使う論理和、冗長な記述を避けられる非キャプチャグループ、そして見た目にはマッチしないけれど意味を持つアサーションまで解説します。
CSS Modulesのビルドにおいては、ひとえにクラス名の一意性と一貫性を保つことが必要です。そのために必要なビルド時の設定について解説します。