発行
行頭の開き括弧や行末の閉じ括弧、句読点などをぶら下げるときに利用できる、hanging-punctuationプロパティについて解説します。
長かったサイト制作もこの回でおしまいです。最後はChromeのLighthouse機能を使い、サイトの品質をチェックします。これまで気づかなかった改善点が見つかります。そして、授業の最後、デザイナーとエンジニアの関係性について、グリコさんと先生が話しています。
前回のプラグインをさらに作り替えて、色の管理表からコピー＆ペーストした情報を使って、バリアブルを自動作成します。重複したバリアブルがあればエラーが出るようにします。
発行
これまで心のままに（？）書いてきたCSSを、のちの自分や、他人が見やすいように整理します。整理の方法にも、統一したほうがいいルールがあります。整理する上での、コードの書き直しのポイントもわかります。
コードブロックに付与できるメタ情報を使って、行番号の表示と、注目させたい行のハイライト強調表示を行ってみましょう。
Chromiumベースのブラウザ、Arc Browserのエンジニアのための使いこなしを執筆者の体験から紹介します。あれこれと開くページが多く、ChromeのページタブがFaviconしか見えなくなってしまうような人には、特におすすめです。
発行
実行結果が不可逆な性質を持つUIは、利用者に大きなストレスを与えかねません。こういったUIを上手にコントロールして共存できるように、まずはその特徴を見てみます。
Figmaのスタイル設定に使用する「バリアブル」の作成を自動的に行うプラグインを開発します。まずは手動で設定し「バリアブル」の利用方法を理解したのち、ブラグインの作成を行います。
前回のコードブロックのシンタックスハイライトに加え、インラインコードのシンタックスハイライト、テーマの変更、ダークモードへの対応を解説します。
発行
半角英数字と全角文字の組み合わせの場合に間にアキを入れる、text-autospaceプロパティについて解説します。半角スペースで空けるほど間延びせずに、読みやすく表示できるようになります。
JoltPhysics.jsでのシミュレーション結果をthree.jsで利用します。three.jsの機能を使って、剛体と同じ形のメッシュをつくり、描画をする過程を解説します。
2024年5月に公開した、CodeGrid12周年記念動画のダイジェストと12周年記念パーティーの様子をお届けします。