今回のWebデザインTipsは、ギャラリーサイトを想定して、予め表示エリアのサイズを決めてあるタイル状に並べた画像コンテンツにて、マウスオーバーで画像がフリップして背面のパネルが表示されるという、CSS のtransfo ...

タイルのように可変グリッドレイアウトを自動で表示してくれる、超定番&超便利なjQueryプラグイン、「Masonry」。 しかし、この「Masonry」には残念なことにフィルター機能がありません。 フィルター機能 ...

今回のTipsでは、Webページの背景(background)にアニメーションしながら色が変化していく「グラデーション背景」とフルサイズの「背景画像」を重ね合わせて表示するサンプルを作ってみたいと思います。CSSのみでで ...

JavascriptやjQueryモジュールを使って別のコンテンツがレイヤーのように全面に表示されるモーダルウィンドウの実装方法はいくつかありますが、今回はCSSだけを使ってポップアップで開くモーダルウィンドウと、汎用性 ...

DigiPressテーマはご存知の通り、レスポンシブWebデザインに対応しており、スマートフォンサイズでもサイトのレイアウト表示を最適化します。 「el plano」など一部のモバイル専用テーマを持つテーマの場合はスマー ...

WordPressを使っている人なら、大抵はパーマリンクの設定を変更していると思います。 日付ベースや数字ベースなどのプリセットもありますが、カスタム構造で/%category%/%postname%/として「カテゴリー ...

DigiPressは、テーマファイルを直接編集することなくHTMLのヘッダ(head)に独自のmetaタグやlinkタグなどheadタグ内に記述したい定義をいつでも追加することができます。 この HTMLヘッダー設定 と ...