jQueryの無名関数「(function(){})()」の使い方

javascriptのサンプルソースで無名関数「(function(){})()」が使われていることが良くあります。 いつ実行されるのか?どのように使うのか?最初に見たときは何に使うのかがまったくわかりませんでした。 今回は、この無名関数に…

ポップアップで画像を拡大表示するjQuery

画像をホップアップ表示する有名なjQueryのプラグインには「LightBox」があります。 LightBoxほど多機能ではありませんが、画像をポップアップ表示するため処理を実装してみたので紹介します。 ポップアップで画像を拡大表示する ポ…

画像に矢印や文字を入れるフリーソフト「Skitch」

ブログに貼る画像に文字や矢印を入れて説明を行いたい時があります。 私は「Free Screenshot Capture」というアプリを利用していましたが、文字や矢印に面白味が無く味気ない画像となっていました。 Web制作に役立つキャプチャー…

ボックス要素内で縦位置の中央揃えを行うCSS

CSSで横位置の中央揃えをするときは「text-align:center」と指定するだけでできますが、縦位置の中央揃えを行う「vertical-align:middle」はtableのセル内でしか使えません。 divタグなどで縦位置の中央揃…

jQueryで作る開閉式のメニュー

jQueryで何かするときは、自作するよりやりたい処理を実装しているプラグインを探すことの方が多いと思います。 メニューも「メニュー jQuery」で検索すればプラグインが多くヒットしますが、自分んで組んでおいた方が後々メンテや少しメニュー…

WordPressの環境をコピーする

本番環境のWordPressを開発用にローカル環境にコピーする。 または、本番環境を作成するときに開発環境のWordPressを本番環境にコピーする場合などに使えるWordPressの環境のコピー方法を説明します。 今回は、本番環境⇒ローカ…

5分でWordPressの開発環境を作成する「Instant WordPress」

WordPressでサイトを作成していると、プラグインのアップデートなどが頻繁にあると思います。 公開しているサイトに直接アップデートを掛けると、サイトが見れなくなるなど不具合に見舞われることがあるため、検証や開発が行える環境を用意しておく…