• Popular
  • Category
  • Tags
  • アーカイブ

News

follow us in feedly
Toggle

DigiPress サポート

Masonryより高機能!フィルタ、ソート、レスポンシブ対応のグリッドレイアウト「Muuri.js」

Masonryより高機能!フィルタ、ソート、レスポンシブ対応のグリッドレイアウト「Muuri.js」

Masonryやisotopeはもういらない?! 高度なフィルターやソート、レスポンシブ表示にも対応する無料で商用利用可能な可変グリッドレイアウトを実現する「Muuri.js」の実装サンプルを紹介しています。 今後リリース予定のWordPressテーマへの実装も兼ね…
Retina対応の canvas + Javascript による波形アニメーションサンプル

Retina対応の canvas + Javascript による波形アニメーションサンプル

弊社にて現在開発中のWordPressテーマに搭載する機能の候補として、各セクションの境界の形状に、波形の波打つアニメーション要素を表示する仕組みを簡単に作ってみました。 想定は、例えば弊社で提供中のDigiPressテーマに搭載の「パララックススクロール」ウィジェット…
【CSS】汎用性を重視したCSSアニメーションボタン30種類

【CSS】汎用性を重視したCSSアニメーションボタン30種類

WordPressテーマを制作する際、テーマごとでCSSボタン用の装飾(特にマウスオーバー時のエフェクト)をデザインするのですが、ユーザーがボタン用のセレクタのみで利用できるよう、一定の汎用性を考慮した条件下でデザインしています。 例えば、提供中のWordPressテー…
Luminousのオフキャンバスメニューを右側から表示させるカスタマイズ方法

Luminousのオフキャンバスメニューを右側から表示させるカスタマイズ方法

提供中のWordPressテーマ「Luminous」では、サイトのグローバルメニューにあたるオフキャンバスメニューは、ヘッダーバー左端のハンバーガーアイコンをクリックすると左側からスライド表示する仕様ですが、これを右側から表示するよう変更するカスタマイズ方法について解説…
【CSS】画像に色を重ね合わせてテキスト部分を切り抜く汎用的な方法は?

【CSS】画像に色を重ね合わせてテキスト部分を切り抜く汎用的な方法は?

例えば、サイトのヘッダー画像やギャラリー形式のアーカイブページなどでは、画像の上にサイトタイトルや投稿タイトルとなる文字列を重ねて表示するデザインを施す場合、画像とテキストが同化して見難くならないよう、テキストが白文字ならば画像はbrightnessで明るさを落としたり…
【CSS】clip-pathを利用してテキストをアニメーションで表示する方法

【CSS】clip-pathを利用してテキストをアニメーションで表示する方法

CSSのclip-pathというプロパティを利用すると、任意のHTML要素を指定したパスの形状に切り抜いて表示させることができます。 よく利用されるケースでは、画像をパスで繋がれた図形の部分だけ切り抜いて表示するというパターンです。 clip-pathで画像を切り抜いた…
Return Top