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