発行
仕事でコードを書き始めた人が、ワンステップ上のコードを書くためのCodeGridの記事を紹介します。
dialog要素を使って、モーダルダイアログを実装していきます。まずはモーダルの開閉の実装と、CSSによるスタイルの適用を行います。
無料で使い勝手のよいランチャーアプリ、Raycastを紹介します。macOSには標準のものも含めてさまざまなランチャーアプリがありますが、Raycastはフロントエンド・エンジニアにとってうれしい特徴を備えています。
発行
faviconのもう一つの指定方法である、favicon.icoについて解説します。link要素でfaviconを指定した場合も、favicon.icoのファイルは置いておいたほうがよいという、その理由も解説します。
コロナ禍でピクセルグリッドはさらにリモートワークの進展が加速しました。その進展に合わせてオフィスも少し改造を。リモートワーク時代のオフィスを整備する際のヒントを提供します。
コンテンツの配信に特化されたネットワークであるCDNと、ブログなどのWebサイトの更新を手助けするヘッドレスCMSについて、Jamstackにおける役割を交えて解説します。
発行
前編で組み立てたUIの外側の部分と内側のメッセージ部分を組み合わせて、メッセージログのUI全体を作成します。実装は仕様どおりでも特定のブラウザでの挙動が想定とは異なる場合の対処も併せて解説します。
Cloudflare Pagesでは、GitHubなどのアカウントを接続すると、リポジトリの更新に応じて自動的にビルドし、サイトをデプロイできます。このとき気をつけなくてはいけないことを見ていきましょう。
色のサンプリングなどに使われるテクスチャオブジェクトを解説します。カラーテクスチャを例に、作成から、繰り返しや拡大／縮小などのオプションを見てみましょう。
発行
フォントのウェイトを自由に変えられるバリアブルフォント。もし実用レベルになれば、かなり使い勝手のよいフォントになり得ます。しかしフォントはウェイトごとにバランスを整えてデザインされるものなので、バリアブルな仕様を前提とした新しいデザインが必要です。
メッセージログのUIをHTMLとCSSで組み立ててみます。みなさんもUIのデザインと仕様から自分ならどう実装するか、一度考えてみてください。
Gitリポジトリが更新されるたびに自動でテストやビルドを行ってくれるCIという手法と、ホスティングサービスについて解説します。どちらも、サービスに機能として含まれていることがほとんどですが、基本的な役割や機能を知っておくことは重要です。