イラストやロゴなどをSVGで実装する場合、古いIE等のSVG非対応ブラウザのために代替画像を用意することがあるかと思います。SVG非対応ブラウザ用に代替画像を設置する方法を3つご紹介いたします。 object要素を使って…
Explzhという解凍ソフトをずっと愛用しているのですが、いつの頃からか解凍しようとすると以下のような警告メッセージが表示されるようになりました。 この書庫ファイルは別のコンピューターから取得したものです。 展開後のファ…
WordPressのカテゴリー一覧といえば、サイドバー等にリスト形式で表示することが多いと思います。とある案件で、カテゴリーの一覧をセレクトボックスで表示し、選択したカテゴリーにページ移動できるようにしたい、という要望を…
jQueryを使って入力フォームのコピペを禁止する方法をご紹介いたします。 例えば、確認用メールアドレスの入力など、コピペできてしまうとその項目の意味がなくなってしまう場合に活用できます。 jQueryを使って入力フォー…
お問い合わせフォームで、「確認のためにもう一度入力してください」といったように、メールアドレスを2回入力してもらうための方法をご紹介いたします。2回入力したメールアドレスが一致していないと、エラーが表示されるようにします…
WordPressのテーマ内に、記事の合計数を表示する方法をご紹介いたします。 通常の投稿だけでなく、カスタム投稿タイプやカテゴリーアーカイブページでの合計投稿数の表示方法も掲載しています。 WordPressの投稿記事…
ListenYo!は、YouTubeの音だけを再生してくれるWEBサービスです。動画は再生されませんので、YouTubeで音楽を聴きたいという方に最適です。 ListenYo!の使い方 ListenYo!にアクセスして、…
jQueryを使って、URLに特定の文字列が含まれているかどうか、もしくはURLそのもので条件分岐させる方法をご紹介いたします。 URLによって条件分岐させるjQueryの記述方法 例えば、URLに「hogehoge」と…
CSSだけで要素に二重の線を引く方法を紹介いたします。 CSSだけで要素に二重の線を引く方法 HTMLはシンプルにdivのみで説明いたします。 CSSでは、borderプロパティで線を引き、追加でbox-shadowを指…
「:empty」はCSS3で追加された疑似クラスで、空の要素に対してスタイルを指定することができます。 例えば、テーブル内の空のセルだけ背景色を変えたり、非表示にしたり、といったことがCSSだけで指定できます。 :emp…