• RSS
[PHP]mb_send_mail で複数のメールアドレスへメール送信する方法

PHPのメール送信フォームに mb_send_mail 関数を使う際、メールの送信先に指定するメールアドレスを複数設定する方法です。
続きを読む

[IE]IE6でも min-width、min-height、max-width、max-height を使う方法

またまたIE6ですが、

IE6 ではCSSの「min-width」「min-height」「max-width」「max-height」が効かないため、javascript などを利用して別途対応してあげる必要があります。

今回紹介させていただく minmax.js は、設置するだけでIE6でも「min-width」や「min-height」が使えるようになりますので、企業サイト構築時にIE6対応までやる場合は外せません。
続きを読む

[WP]ソースコードをハイライトできるWordPressプラグイン「SyntaxHighlighter Evolved」

SyntaxHighlighter 自体はプラグインを利用せずともWordPressに組み込む事は可能ですが、設置が少々面倒なのでプラグイン化された SyntaxHighlighter Evolved を使うと楽です。
続きを読む

[CSS]スマホサイトで、端末を横にしても文字サイズを拡大させない方法

iPhone など向けにスマホサイトを作っていると「端末を横にすると、文字が拡大表示されちゃう!」と困った経験があるかもしれませんが、

CSS の -webkit-text-size-adjust:100% を使って端末横回転時の文字拡大表示を防ぎます。
続きを読む

[JS]IE 下位バージョンで smoothRollOver.js が正常に動かない時の対処法

[JS]IE6でも滑らかなロールオーバを実現させるには「smoothRollOver.js」が便利の記事で紹介させていただいた便利なjavascript smoothRollOver.js ですが、 smoothRollOver.js を使うと画像のレイアウトがおかしくなる!! という時の対処法です。
続きを読む

[WP]IE6 や IE7 でのアクセス時にアラートメッセージを表示できるプラグイン「IE6 No More」

当ブログでは、IE下位バージョン向けの特別な対応(動作チェックも)はしていませんため、WordPressプラグイン「IE6 No More」というプラグインを利用して、IE7以下で閲覧させた際にページ上部にアナウンスを表示しております。

ちなみにプラグインの名称はIE6 No More ですが、IE7でもIE8でもアラートを出すことは可能です。

また、プラグインを有効化しただけではアラートメッセージは英語ですが、日本語に変更することも可能です。
続きを読む

[CSS]float を利用せずに display:inline-block で要素を横並びにする方法

グローバルナビのメニューリンクを横並びにしたり、ギャラリー型サイトで画像をタイル状に横に並べたりと、サイト構築時に要素を横並びにするに当たってCSSの floatdisplay を使うことが多いと思います。

floatdisplay とでは見え方にどのような違いがあるか?について、サンプルも交えて紹介いたします。
続きを読む

[JS]ランダムで、しかも指定件数分だけ要素を表示させるjavascript「randomDisplay.js」

例えば「5件の記事の中から2件をランダム表示させる」のような処理を、jQueryを利用して実現させる方法です。

jQuery を使うので、小難しいプログラムを書いてランダムで記事を取ってくる…なんて処理は不要ですし、(javascriptが使えれば)無料のブログサービスや企業サイトなどでも利用できるので、汎用性が高く便利なjavascript です。
続きを読む

[WP]管理画面に記事やページの投稿IDを表示させるWordPressプラグイン「WP Show IDs」

例えば

「カテゴリIDが3のものは表示しない」や
「固定ページIDが4と6とでデザインを変える」

など、WordPressのテーマファイルをカスタマイズする際に、IDで振分処理を行う機会は多いと思います。

しかし、WordPressをインストールしただけでは記事やページ、カテゴリのIDはどこを見れば良いのか?が分かりにくいですので、WP Show IDs プラグインを導入することで管理画面上に記事などのIDを常時表示してあげるようにします。
続きを読む

[JS]指定した要素を「ふわふわ」動かすjQueryプラグイン「jquery.yurayura」

jQuery を利用して画像を動かす方法には色々ありますが、指定した要素(画像など)を「ふわふわ」浮いているように見せるためのプラグインが jquery.yurayura.js です。

縦方向に「ふわふわ」動くイメージですが、移動距離とスピードの設定次第では面白い動きも実現できるかもしれません。
続きを読む

[JS]IE下位バージョンでも透過画像を使えるようにするjQueryプラグイン「jquery.belatedPNG」

以前にも紹介させていただいた DD_belatedPNG_0.0.8a.js ですが、

IE6、IE7 には対応していますがIE8 では動いてくれない…

ですので、がっつりIE下位バージョンに対応させようとなると、今回紹介させていただくjQueryベースのスクリプト jquery.belatedPNG.js を利用します。
続きを読む

Amazon アソシエイトの用の商品画像サイズを自由に設定できる「ポンデリンク」

Amazon アフィリエイト の商品写真をブログに掲載する際に、Amazon 側で用意されている画像サイズ「小」「大」ではちょっと小さすぎる…

なんて場合に、自由に画像サイズをカスタマイズして商品写真を掲載できるサービスのご紹介です。
続きを読む

[Mac]Mac で圧縮ファイルを作成するなら「WinArchiver Lite」

Mac でファイルやフォルダを圧縮する場合、右クリックによる「○○を圧縮」を選択すれば簡単に圧縮できます。

が、個人的には昔から「Windows で正常に解凍できない…」というトラウマがあるため、WinArchiver Lite のアプリケーションを利用して圧縮することにしています。
続きを読む

Lightbox 風に画像や動画をオーバレイ表示できるjQueryプラグイン「Fancybox」

Lightboxの ように画像をオーバーレイで拡大表示できるjQuery プラグイン Fancybox

この手のプラグインは他にも色々ありますが、Fancybox の魅力は画像以外にもYoutube 動画もLightbox風に表示できるという「汎用性の高さ」と、画像拡大時のエフェクトを調整できたり、サムネイル付きのイメージギャラリーができるなどの「カスタマイズのしやすさ」かなと思います。
続きを読む