jQuery Ripplesは、背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグインです。 挙動については、以下デモページにてご確認ください。画像にマウスを乗せたり、クリックすると波紋が広がりま…
背景画像に水の波紋が広がるような動きを加えることができるjQueryプラグイン「jQuery Ripples」
フォームでカレンダーから日付入力できるようになる「jQuery ui Datepicker」の導入手順
jQuery ui Datepickerは、フォームでの日付入力時にカレンダーから選択できるようにする、jQuery UIの中にある機能の1つです。jQuery UIには、ユーザーインターフェースに関する機能がまとめられ…
登録不要で簡単にアンケートが作成できるWEBサービス「Websurvey」
Websurveyは、登録不要で手軽にアンケートが作成できるWEBサービスです。アンケートを作成すると埋め込みコードが生成され、ブログパーツとして自サイトに設置することができます。 Websurveyの使い方 Websu…
jQueryいらずの画像遅延読み込みスクリプト「lazysizes」
lazysizesは、画像を遅延読み込みさせるためのスクリプトです。jQueryは必要なく、単体で動作します。 デモは以下ページで確認できます。 デモページを見る lazysizesの使い方 GitHubからlazysi…
CSSで作る三角形のコードが生成できるWEBサービス「CSS三角形作成ツール」
CSS三角形作成ツールは、三角形のCSSコードを生成することができるジェネレーターです。三角形のタイプや大きさを指定するだけで、三角形を実現するためのCSSコードが取得できます。 CSS三角形作成ツールの使い方 CSS三…
レスポンシブ対応のWordPressブランクテーマ9選
WordPressのテーマを制作する際、イチから制作すると結構大変ですよね。そんな時に便利なのがブランクテーマです。 ブランクテーマとは、余計なスタイルや機能を無くした、カスタマイズ前提に作成されているテーマのことです。…
CSSのみで画像の右クリックを禁止する方法
以前、JavaScriptやjQueryを使って右クリックを禁止する方法をご紹介しましたが、今回はCSSのみで画像の右クリックを禁止する方法をご紹介いたします。 CSSのみで画像の右クリックを禁止する方法 CSSで画像の…
WordPressのループ内で記事に設定してあるカテゴリーを1つだけ出力する方法
WordPressのループ内でカテゴリー名を1つだけ出力する方法をご紹介いたします。 カテゴリーをリンク付きで出力する関数としてはthe_category()関数が簡単ですが、the_category()関数だと設定して…
position:fixedで固定する位置を親要素基準にする方法
要素を画面内に固定表示するために、「position:fixed」を使って位置を調整する場合、ブラウザのウインドウが基準となる座標となります。例えば、「position:fixed left:100px;」と指定した場合…
切り抜き画像を集めたフリー画像素材サイト「dipixio」
めずらしい画像素材サイトを見つけたので、ご紹介いたします。その名も「dipixio」。 dipixioは、切り抜き画像を集めたフリーの画像素材サイトです。画像は、商用利用もOKです。 dipixioの使い方 使い方という…