今回は、Webページ上にサービスレベルやスキル、実績、状況などあらゆる物事についての度合いや進捗状況を表すための汎用性を考慮した円形グラフ(プログレスバー)を HTML(svg)、CSS、少量の JavaScript で ...

Webページに対象日時までのカウントダウンタイマーを表示する JavaScript のサンプルコードはよくありますが、大抵の方法は、一定間隔で処理を繰り返す setInterval メソッドを利用して1秒ごとにタイマーを ...

コーポレートサイトなどで、実績や顧客数、満足度など数値でアピールできるコンテンツが横並びで構成され、ページをスクロールしてそれらが可視領域に到達したらカウントアップアニメーションで表示するカウンターを見たことがある方も多 ...

今回は、縦にスクロールしていくと左右から交互に画像やテキストがアニメーションしながら現れる Web ページのサンプルを、要素の交差を監視を行う Intersection Observer という JavaScript の ...

2023年1月18日に公開された Gutenberg 15.0 では、設定サイドバー(InspectorControl)のタブ化がいよいよ本格的な実装に近づいてきたようです。 設定サイドバーのタブ化(InspectorC ...

DigiPress テーマ専用 WordPress プラグイン「DigiPress Ex - Blocks / Blocks Free」の直近のアップデートにて、新たにオリジナルブロックを3つ追加しました。 「アイコン」 ...

対象プラグイン／バージョン DigiPress Ex - Blocks : v.19.2.0DigiPress Ex - Blocks Free : v.1.6.2.0 アップデート内容 物事の進捗や能力の割合を示すため ...

WordPressのブロックエディターを拡張する DigiPress Ex - Blocks プラグインにて追加される「プログレスバー」ブロックの機能を紹介しています。

WordPress のブロックエディタ(Gutenberg)のブロック開発時に、任意のブロックや要素に角丸具合(border-radius)をコントロールするオプションを持たせる場合、大抵はRangeControl をコ ...

CSS でグラデーションの枠線を表現する方法としてよく挙げられるのが、border-image-source でグラデーションを指定した以下のようなコードです。 よくある CSS .border{ display: in ...

対象プラグイン／バージョン DigiPress Ex - Blocks : v.19.1.4DigiPress Ex - Blocks Free : v.1.6.1.4 アップデート内容 見出しタイトルの前後に任意のテキ ...

WordPressのブロックエディターを拡張する DigiPress Ex - Blocks プラグインにて追加される「高度な見出し」ブロックの機能を紹介しています。