jQuery スクロールしたとき画面上部にメニューを固定したいときの簡単な方法
画面上をスクロールした際に、メインとなるナビゲーションを常に画面の一番上に表示される形をとりたい時の簡単な方法をご紹介します。常に他のページへのリンクが可能になるので便利ですが、あまり高さを取りすぎて...
WEB DESIGN
jQuery 
CSS 基本的な横並び配置のメニューの作り方
html+cssだけで簡単な「横並び配置のメニュー」を作るときに、よくある3パターンのコードをメモしておきます。そのまま使えるようなシンプルなものになっていますので、ご自由にコピー＆ペーストしてご利用...
jQuery フルスクリーンでコンテンツをスクロール遷移する「fullPage.js」
フルスクリーン画面でスクロールによるコンテンツ遷移と併せて、横にスライドする形式を実装できる「fullPage.js」をご紹介します。まずは、サンプルをご確認ください。DEMOそれでは見ていきましょう...
CSS CSSなどでコメントアウトに利用できるテンプレート
CSSやPHP、JavaScriptを記述する際に、使用できる「コメントアウト」の一覧をまとめて置こうと思います。他にも格好いいコメントアウトの記述方法をされている方が、いらっしゃいますが一般的によく...
WordPress 更新情報サービスを設定する-PING送信-
WordPressにおいて新しい記事を投稿する際に、FacebookやTwitterなどと連動させるなどして、広く記事を公開する工夫をしたりしますが、検索エンジンに対しても公開してからある程度の時間が...
CSS background-sizeについて…
背景の指定をする際に用いる「backgroundプロパティ」ですが、画像を配置したい場合「background-image」プロパティで任意の画像を指定します。その際に「background-size...
CSS テキスト背景をCSSだけでアニメーションにする簡単な方法
テキストの文字部分の背景をCSSのみでアニメーション画像にする方法がありましたのでご紹介します。現状、残念なことにwebkit系のみの対応になっていますが試してみてください。▼サンプルとして「Anim...
jQuery jQueryでシンプルなドロップダウンメニューを実装してみる
至極シンプルなドロップダウンメニューをjQueryを利用して作ってみます。ウィンドウサイズに対応するように横幅いっぱいにナビゲーションを配置したい時に使えるかもしれません。それでは、見ていきましょう。...
WordPress 管理画面の配色をもっと選べるようにしたいなら！
WordPress3.8以降、管理画面の配色をデフォルトで8つから選べるようになりましたが、そろそろ新しい色に変更したいなぁ～とお考えでしたら、便利なプラグインがありますので追加してみてはいかがでしょ...
jQuery jQueryでスライド式メニューを作ってみる
jQueryを使って「slideToggle関数」を呼び出すスライド式のメニューを作成してみましょう。今回は「slideToggle()」関数を使用します。主な仕組みついてはリファレンスをご確認くださ...
jQuery 横からスライドインするメニューを実現できるjQueryプラグイン「sidr.js」の使い方！
目新しいものではありませんが、スマホサイトなどでよく見かける「左側からスルッっと現れるメニューリスト」を簡単に実現することができるjQueryプラグイン「sidr.js」の使い方を、初めて利用しようと...
CSS ボタンのマウスオーバー時に「hover.css」で動きをつける！
お問い合わせボタンや各ページへのリンクボタンなどに対して、マウスオーバーした時に何かしらのアクションを付けて置くことで、ユーザー側としては少し安心感を得られます。背景色も変わらなければテキストカラーも...
jQuery メニューカテゴリーが多い時に役立つドロップダウンメニュー LARGE DROP DOWN MENU
Webサイトの規模にもよりますが、カテゴリーリストが通常より多くなってしまうような場合、ナビゲーションにすべてを表示しようとするとゴチャゴチャとして見た目がかなり悪くなってしまいます。例えば旅行サイト...
WordPress どうしよう…。メディアライブラリに何も表示されなくなってしまった！
WordPress4.0にバージョンアップしたら「メディアライブラリ」に何も表示されなくなってしまいました。併せて記事に「メディアを追加」しようとしても反応しなくなってしまった…。あれやこれや解決策を...