jQueryCSS3 – テキストを波のようにゆらゆらと上下に動かすアニメーション
CSS3を使った、テキストを波のようになめらかに動かすアニメーションです。 概要 Webページで h タグなどの見出しにも使えるよう、通常のテキストを1文字ずつ span タグで囲った文字に変換し、それらをインラインブロック要素としてそれぞ...
JavaScript
jQuery
jQueryjQuery – スクロール時にグローバルナビゲーションメニューをページトップに固定
Webページのスクロール時に、ヘッダーナビゲーションメニューをページトップに固定するJavaScriptのご紹介です。UIデザインの好みやバランスにもよるかと思いますが、私の場合は、ヘッダーメニューはスクロールでページトップ固定もしくは最初...
jQueryjQuery – PCとモバイルの表示を変える（ユーザーエージェントを判別してbodyタグにクラス付加）
以前、PCではスプライトアニメーションを表示し、モバイルでは静止画にしたい時がありました。下記コードはユーザーエージェントを判別して iPhone か Android なら bodyタグに mobile-viewクラスを追加します。 jQu...
jQueryjQuery – 半角英数字と全角英数字を相互に変換する
これは特殊な例だと思いますが、以前、Webサイトの制作で、トップページのみナビゲーションメニューの各テキストを大きく表示させてレイアウトするデザインをしました。 その際に、どうしてもテキストを全角文字にして日本語も英数字も等幅にしたかったの...
WordPressWordPress – ユーザーページ（author.php）をナビゲーションに追加、アクティブに！
ある案件でテーマのナビゲーションにユーザーページ（author.php）へのリンクを追加する必要があったのですが、当然のことながらログインユーザーによってURL（ユーザー名）のユーザー名部分が変わります。 ナビゲーションのリンク自体は ex...