CSS 基本的な横並び配置のメニューの作り方
html+cssだけで簡単な「横並び配置のメニュー」を作るときに、よくある3パターンのコードをメモしておきます。そのまま使えるようなシンプルなものになっていますので、ご自由にコピー＆ペーストしてご利用...
CSS 
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()」関数を使用します。主な仕組みついてはリファレンスをご確認くださ...
SERVICE ローディング用GIFアニメーションを自動生成してくれるサービス4選+1
画像やページの読み込みで「ローディング画像」を使用したい時に、自分でGIFアニメーションを作るのはちょっと面倒…。そんな面倒くさがり屋さんに打ってつけの「ローディング用GIFアニメーションを自動生成し...
jQuery 横からスライドインするメニューを実現できるjQueryプラグイン「sidr.js」の使い方！
目新しいものではありませんが、スマホサイトなどでよく見かける「左側からスルッっと現れるメニューリスト」を簡単に実現することができるjQueryプラグイン「sidr.js」の使い方を、初めて利用しようと...
CSS ボタンのマウスオーバー時に「hover.css」で動きをつける！
お問い合わせボタンや各ページへのリンクボタンなどに対して、マウスオーバーした時に何かしらのアクションを付けて置くことで、ユーザー側としては少し安心感を得られます。背景色も変わらなければテキストカラーも...
Illustrator [Ai]文字の線幅までのアウトラインの取り方
Illustratorで、線幅ありのテキストを作成した際に、線幅を数値で指定したままだと「拡大/縮小」するとテキストと線幅のバランスがおかしくなってしまいます。テキスト自体にアウトラインをかけるのはも...
jQuery メニューカテゴリーが多い時に役立つドロップダウンメニュー LARGE DROP DOWN MENU
Webサイトの規模にもよりますが、カテゴリーリストが通常より多くなってしまうような場合、ナビゲーションにすべてを表示しようとするとゴチャゴチャとして見た目がかなり悪くなってしまいます。例えば旅行サイト...