背景画像に変色するグラデーション背景を重ね合わせるサンプル
今回のTipsでは、Webページの背景(background)にアニメーションしながら色が変化していく「グラデーション背景」とフルサイズの「背景画像」を重ね合わせて表示するサンプルを作ってみたいと思います。CSSのみでで ...
並べ替え
CSS(Flexbox)だけでタイルレイアウト(Masonry)を表示するサンプル
ギャラリーサイトなどでよく見かける、画像を敷き詰めてタイル状に並べたグリッドレイアウトを実現するには、「Masonry」に代表されるjQuery/Javascriptプラグインを利用することで、表示幅を計算して簡単に自動 ...
画像(img)を指定すると背景画像も同期してぼかし表示するサンプルコード
最近、様々なアプリ、Webサイト、iCloudやOS Xのログイン画面で見かける、背景画像をぼかしてその上に画像やテキストなどのコンテンツを表示する、若干視差効果のついたWebページを簡単に表示するサンプルコードをつくっ ...
プレゼンやデモサイトで重宝するダミー画像を生成してくれるWebサービス10選
Webサイトを制作する上で、クライアントにサイトの完成イメージを提示する際にページ内に「とりあえず表示しておきたいそれっぽい適当な画像」というのは、あると結構助かります。 しかし、製作段階のテスト環境を構築するたび、毎回 ...
新作WordPressテーマ「Fancie NOTE」リリース！
先日告知致しておりました、DigiPressシリーズの新しいWordPressテーマ「Fancie NOTE」を本日一般リリース致しました。 今回のテーマでは、シンプルさをメインにしたミニマル志向のブログや商用サイトでも ...
新WordPressテーマ「Fancie NOTE」デモサイト公開！
いよいよ、新しいWordPressテーマ「Fancie NOTE」のリリースが近づいてきました！ 現在開発中の次期テーマでは、グリッドレイアウトを取り入れ、ミニマルから派手なカラーバリエーションまでもページ全体をスタイリ ...
DigiPressテーマ最適化のためのチューニング
WordPressは標準であらゆるSEOを考慮した機能がありますが、DigiPressテーマ側ではこのWordPressの標準機能を活かしつつ、独自のSEO対策用の機能が搭載されています。 最適化のためのテーマオプション ...
タイポグラフィ＆バックアップ／リストア機能を追加しました
現在提供中のDigiPressの全テーマにて、「バックアップ／リストア」機能を追加しました！ その他、主力テーマではサイト上のフォントに関するデザインを柔軟にカスタマイズできる「タイポグラフィ」機能も搭載されました。 既 ...
吹き出しアバター用ショートコードを追加しました
弊社にて提供しているDigiPressテーマ専用のショートコード集プラグイン「Shortcodes for DigiPress」に新たなショートコードとして、吹き出し付きのアバターコンテンツを表示できるショートコードが加 ...
任意の要素をスクロールフェードインアニメーションで表示しよう
一部のDigiPressテーマでは、ページのスクロールに合わせてサイトタイトル、投稿タイトル、アイキャッチ画像などのテーマ規定箇所がフェードインしてアニメーション表示される機能があります。 この機能は管理画面からPC、モ ...
パララックス対応WordPressテーマ「Macchiato」リリース！
先日よりリリース予定のお知らせをしておりました、新たなDigiPressシリーズのWordPressテーマとなる「Macchiato」を本日一般リリース致しました。 今回のテーマの大きな特徴は、「自由自在のパララックスス ...