発行
これまで、当たり前と考えられていた紙の名刺。名刺交換の場面が減った今、名刺が持つ役割を見直し、デジタル化することでどのようなメリットがあるのか、そしてその方法を紹介します。
CSSで使う単位のうち、フォントに関する単位を取り上げます。em、rem、lh、rlhなど、実務でもよく使われる単位について見てみましょう。
シンタックスハイライトを実現するRehype Pretty Codeを紹介します。第1回目はAstroプロジェクトへのRehype Pretty Codeの導入と、コードブロックの基本的なスタイリングについて解説します。
発行
CSS Nesting仕様について、2024年5月時点の実装状況と、仕様の課題について紹介します。また、それらの課題を見越した上で、現状ではどのように使うのがよいかについても触れています。
既存の破壊的なメソッドを非破壊化したメソッドを紹介します。基礎知識として、破壊的／非破壊的の意味や、メリットも解説していますので、初学者の方にも読める内容です。
公式のクイックスタートで構築した環境を作り変えて、TypeScript、ESLint、Viteを使ったモダンな開発環境にしてみます。これは筆者が業務で構築した一例です。
発行
句読点や括弧類の空白調整ができる、text-spacing-trimプロパティについて解説します。日本語をはじめとした東アジアの言語では望まれていた機能が、ついに実用化されました。
一通り意図どおりのスタイルを書くことができたグリコさん。コードも複雑で少し見通しが悪くなってきました。それを、擬似クラスやCSSのネスティングを使って、よりわかりやすいコードに仕立てます。
JoltPhysics.jsは、物理演算をするためのJSライブラリです。物理演算は、力、重さ、速さ、時間から物理現象をシミュレーションするための機能です。Webだって、ちょっと変わった表現してみたいですよね？
発行
今回は主に、ページの幅が広い時と狭い時の調整を行います。まず、メインコンテンツ部分、次にフッター部分を調整します。メディアクエリーやコンテナクエリーを用いて、スタイルをどのように書いていくかがポイントです。
今回はES2018からES2024までで追加された、比較的新しい配列操作メソッドのうち、配列から別の配列をつくるメソッド、配列を検索するメソッドについて解説します。
デザインツールであるFigmaのプラグイン開発のためのシリーズです。1回目はFigmaのクイックスタートに用意されたサンプルプラグイン作成し、ファイル構造などを調べ、開発の概要をつかみます。