発行
後編では現場で使えるCSS Gridレイアウトの例として、お問い合わせフォームとCodeGridの記事レイアウトの構造を解説します。現場で思い出して使ってください。
HTMLのリライト処理をするAPIであるon()について詳しく見ていきます。引数となるセレクタ文字列やハンドラの詳細についてまとめました。
SolidJSでアプリケーションを作りながら、そのコードを見てSolidJSを学んでいきましょう。今回は、環境構築からシグナル、propsの受け渡しまでを見てみます。
発行
HTMLをリライトするライブラリhtml-rewriter-wasmの基本的な使い方を解説します。前編ではどのような実装になるのか、コードの全体を見てみましょう。
GatsbyとPrismicを使う準備をします。Prismicにリポジトリを作成し、GatsbyではPrismicのデータを取得するための設定を進めていきましょう。
「テクスチャ」は、単に3Dモデルに色を付けるだけでなく、その用途に応じてさまざまなものがあり、マテリアルの表現を豊かにします。デモを通して、表現にどのように作用するか見てみましょう。
発行
CSS Gridがどのブラウザでも使えるようになり、ちょっとしたUIをつくるときにさっと使えたらと思うことはありませんか？ この記事ではCSS Gridを使いまくっている著者が「これは便利だ」と思った方法を紹介します。
JavaScriptの標準機能を活かし、ブラウザ上で高速に動作することを目指して作られた、SolidJSを解説します。まずはその特徴をつかんでみましょう。
表記統一といっても目視で行うには限界があります。そこで、正規表現を使った統一と、textlintを使った統一の2つの方法を中心にご紹介します。
発行
faviconは1つのファイルを使う静的な利用だけでなく、動的に変更することもできます。特にウェブアプリケーションの場合は状態をfaviconに反映すると、ユーザーに便利な場合があります。
GatsbyとPrismicを利用して、JamstackなWebサイトを実装していきます。まずはこの連載を通して作っていくWebサイトはどのようなものか、その全容を解説します。
本シリーズの1回目と2回目で、Canvas描画時におけるWebフォントの適用や、日本語Webフォント利用時に必要な最適化を解説してきました。これらを踏まえ、日本語WebフォントをCanvas描画に利用する方法を考えます。