ホーム > 2016年

メニューにborder-bottomでマウスホバーエフェクト

ブログアイキャッチ画像052

read more

メニューアイテムにマウスを重ねたときに下線を表示するエフェクトを4種類作成したので、書き留めておきます。
続きを読む»

横並びのメニュー display: を使って作成

ブログアイキャッチ画像051

read more

横並びのメニューを display:xxxx (inline、inline-block、table、flex) を使って作成したのをまとめてみました。inline 以外は中央寄せと横幅いっぱいのメニューを作成しました。
続きを読む»

カード型デザインのマウスホバーエフェクト

ブログアイキャッチ画像050

read more

カード型デザイン時のシンプルなマウスホバーのエフェクトを8パターン作成したので書き留めておきます。

続きを読む»

CSS3でbox-shadow

ブログアイキャッチ画像049

read more

いつも何気無く使用しているbox-shadowですが、ここで見直しのため、色々な設定パターンを書き留めておきます。

続きを読む»

ワードプレスのプラグインの作り方 管理画面編

ブログアイキャッチ画像048

read more

前回作成したウィジェットに挨拶文を表示するプラグインに、管理画面でオプションを更新・保存できるように拡張します。

続きを読む»

WordPressのプラグインの作り方 基本編

ブログアイキャッチ画像047

read more

ワードプレスのプラグインの作り方を書き留めておきます。長くなりますので分けて書いていきます。今回は基本的な内容になります。

続きを読む»

アコーディオンスタイルのjQueryスライダーColcarouの使い方

ブログアイキャッチ画像046

read more

アコーディオン形式のjQueryスライダープラグインのColcarouの使い方をご紹介したいと思います。このjQueryプラグインは、水平に画像が切り替わる様になっています。
続きを読む»

ギャラリー用jQueryプラグインknack.jsの使い方

ブログアイキャッチ画像045

read more

軽量でレスポンシブ対応のギャラリー用プラグイン「knack.js」を紹介したいと思います。このjqueryプラグインはスライドショーとしても使用できますし、サムネイルを一覧表示することもできます。またフルスクリーンにも対応しています。
続きを読む»

wordpressでxmlサイトマップを作成する方法

ブログアイキャッチ画像044

read more

xmlサイトマップを作成するのにプラグインを使用していましたが、いつの間にか古いサイトマップが消えてしまったので、原因を調べるのもなんだし、自作することにしました。

続きを読む»

wordpressのカスタムヘッダーの画像をスライドショーにする方法

ブログアイキャッチ画像043

read more

カスタムヘッダーの画像を複数登録して、jQueryプラグインを使ってスライドショーを実装します。こうすることによりテーマのソースファイルを編集しないでスライドショーの画像を変更できます。

続きを読む»