to-R

Firefox3.6でメニューバーを消してしまった場合の対処方法

2010-02-05T14:39:07Z

少しはまってしまったので書いておきます。Firefox3.6で従来のナビゲーションメニューなどに加えメニューバーも右クリックで非表示に出来るようになりました。

ブラウザのタイトルバーの下にある「ファイル(F)」とか書かれているのがメニューバーです。

このようにタブ部分以外きれいに非表示にできるようになりました。

ただし、メニューバーを消してしまうと「右クリック」で反応する領域がなくなってしまって、表示することが出来なくなってしまいます。(Windows Vista + Firefox3.6でしか確認してませんが)

「Alt + T」などのショートカットを利用すると1瞬だけ、メニューバーが表示されますので、その隙に右クリックすると表示を切り替えることができるようになります。

(追記)コメントでAlt だけで一瞬表示されるようになると、教えていただきました。

私と同じように困ってる人の参考になればと。

Web Creators (ウェブクリエイターズ) 2010年 3月号

2010-02-02T16:31:44Z

Web Creators (ウェブクリエイターズ) 2010年 3月号が発売されました。

今回の私の連載ではjQueryを利用したアニメーション表現について解説しています。

特集は「CSSテクニックを完璧にする38レッスン」と「WEBの作業が楽になるテクニック総まとめ」です。

興味がある方は是非ごらんになってください。

次回は記念すべきWeb Creators　vol.100です！

jQuery基礎文法最速マスター

2010-02-02T02:15:19Z

はやっているようなのでまとめてみたいと思います。

jQueryの読み込み

Google AJAX Libraries APIで簡単に読み込めます。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

jQueryの記述場所

基本的にはscript要素内の次の箇所に記述していきます。

<script type="text/javascript">
$(function(){
	/*ここにjQueryを記述*/
})
</script>

上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。

<script type="text/javascript">
$(document).ready(function(){
	/*ここにjQueryを記述*/
})
</script>

jQueryの実行場所の設定

jQueryで操作したい要素をセレクターで指定します。

$("セレクター")

セレクターはCSSとほぼ同じものが利用できます。

HTMLの操作

セレクターで指定した要素内のテキストを変更します。

$("セレクター").text("ほげほげ");

セレクターで指定した要素内のHTMLを変更します。

$("セレクター").html("<strong>ほげほげ</strong>");

セレクターで指定した要素内の先頭にHTMLを追加します。

$("セレクター").prepend("<strong>ほげほげ</strong>");

セレクターで指定した要素内の最後にHTMLを追加します。

$("セレクター").append("<strong>ほげほげ</strong>");

セレクターで指定した要素の前にHTMLを追加します。

$("セレクター").before("<strong>ほげほげ</strong>");

セレクターで指定した要素の後ろにHTMLを追加します。

$("セレクター").after("<strong>ほげほげ</strong>");

セレクターで指定した要素を別の要素で包みます。

$("セレクター").wrap("<h1></h1>");

セレクターで指定した要素を別の要素と置き換えます。

$("セレクター").replaceWith("<h1></h1>");

セレクターで指定した要素を削除します。

$("セレクター").remove();

セレクターで指定した要素の属性を変更します。

$("セレクター").attr("属性名","属性値");

セレクターで指定した要素の属性を削除します。

$("セレクター").removeAttr("属性名");

セレクターで指定した要素にclass属性を追加します。

$("セレクター").addClass("class属性値");

セレクターで指定した要素からclass属性を取除きます。

$("セレクター").removeClass("class属性値");

セレクターで指定した要素のCSSを変更します。

$("セレクター").css("プロパティ","値");

jQueryの実行のタイミング

jQueryはイベントを設定し、そのタイミングで命令を実行できます。

$("セレクター").イベント(function(){
	/*ここにイベント時の命令を記述*/
})

イベントにはclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemoveなどの他に、交互に命令を実行するtoggleなどがあります。

jQueryでのアニメーション

以下のようなアニメーションで表示、非表示を切り替えることが出来ます。

$("セレクター").show(スピード);//表示
$("セレクター").hide(スピード);//非表示

$("セレクター").slideDown(スピード);//表示
$("セレクター").slideUp(スピード);//非表示

$("セレクター").fadeIn(スピード);//表示
$("セレクター").fadeOut(スピード);//非表示

スピードにはslow／normal／fast のいずれか、またはミリ秒（1秒＝1000秒）が指定できます。

スピードの後ろにはコールバック関数を指定することができ、アニメーション終了時の命令が設定できます。

$("セレクター").アニメーション(スピード,function(){
	/*アニメーション終了時の命令*/
});

次のように設定するとCSSの値をアニメーションで変更することが出来ます。

$("セレクター").animate(値を変更したいCSSプロパティ, スピード, 動き, コールバック関数)

動きには「linear」または「swing」を設定でき、linearは常に一定の速度で、swingは最初ゆっくり・後半は速くCSSプロパティの値を変更します。

jQueryでAjax

次のように記述しておくとセレクターで指定した要素の内側を取得したファイルの内容と差し替えることができます。

$("セレクター").load("ファイル名");

繰り返し構文(2010/2/6追加)

eachで繰り返し処理を行うことができます。

$("セレクター").each(function(){
	//セレクターで指定した要素に対する命令
});

if文などで条件により異なる命令を設定する場合などによく利用します。

プラグインの作成(2010/2/6追加)

jQueryでは次のようなコードで新たにメソッドを定義することが出来ます。

$.fn.メソッド名 = function(){
	//実行したい命令
	return this;
}

jQueryの為になるサイト

jQuery公式サイト
 jQuery 1.3.2 日本語リファレンス
 Web制作の現場で使える jQuery　UIデザイン入門
 もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）

jQueryについてもっと知りたい！

「Web制作の現場で使う jQueryデザイン入門」という書籍が発売されますので是非参考にしてください。

JavaScriptについてもっと知りたい！

JavaScript基礎文法最速マスター - なんとなく日記にまとまっていますので是非参考にしてください。

MTのキャプチャ認証の負荷を軽減する方法

2010-01-29T05:29:34Z

先日、このブログのサーバー負荷が増大して、表示できないことがある状態になったのでMTのキャプチャ認証に対して負荷を軽減を行いました。

MTは通常、静的にHTMLを書き出している為、表示に対する負荷はそれほど掛かりませんが、静的ページで読み込んでいるキャプチャ認証の画像に関してはcgiで書き出されている為、表示のたびにcgiが実行されています。

MTの4.2のマイナーバージョン(細かいバージョンは忘れましたが)では、デフォルトテンプレートではコメント欄にフォーカスがあった場合にキャプチャ認証の画像を表示するように改善されていますが、それ以前のバージョンのテンプレートを利用している場合や、独自のテンプレートで運用している場合には独自に実装しなくてはなりません。

変更前

<dt><label for="comment-text">コメント:</label></dt>
<dd><textarea id="comment-text" name="text" rows="10" cols="30"></textarea></dd>
<dt><label for="comment-Captcha">認証:</label></dt>
<dd id="captcha"><$MTCaptchaFields$></dd>

これを次のように変更

変更後

<dt><label for="comment-text">コメント:</label></dt>
<dd>
<script type="text/javascript">
var captcha_html='<$MTCaptchaFields$>';
</script>
<textarea id="comment-text" name="text" rows="10" cols="30" onfocus="document.getElementById('captcha').innerHTML=captcha_html"></textarea>
</dd>
<dt><label for="comment-Captcha">認証:</label></dt>
<dd id="captcha"></dd>

これでコメント投稿時にのみキャプチャ認証が表示さえるようになりますのでサーバー負荷を大幅に軽減することが出来ました。

Web制作の現場で使う jQueryデザイン入門

2010-01-29T01:54:26Z

Amazonで予約が開始されたので告知をしたいと思います。

2/12にアスキー・メディアワークスより拙著「Web制作の現場で使う jQueryデザイン入門」が発売されます。

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」を書籍化したもので、総ページ数342ページと結構なボリュームになっており、付録にはjQueryチートシートが付属してきます。

タイトルに「デザイン」を冠しているとおり、デザイナーやマークアップエンジニアの方が学習しやすいように構成しております。jQuery本ではめずらしいフルカラーになっておりますので楽しく学んでいただけると思います。

もうすぐ書店に並びますので、興味がある方は是非手にとっていただけたらと思います。

ゼロからはじめるPHP入門講座 [名古屋]

2010-01-17T10:42:35Z

2月にサイバーガーデンbizでセミナーを行います。

[詳細・申し込み]

ゼロからはじめるPHP入門講座名古屋

2010年2月13日土曜日 10:00-17:00 （昼休み1時間）

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。Webプログラミングやシステム開発、フロントエンド実装、さらにSEOなどマーケティングまで精通している西畑一馬氏が講師を担当。単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

[詳細・申し込み]

翌日には益子さんの新ハイレベルCSS実践講座があります。こちらも興味がある方はチェックしてみてください。

1月23日に大阪で行うPHP入門講座もまだ残席がありますので、大阪の方はこちらもチェックしてみてください。

開業届けの時期について考えてみる

2010-01-15T09:14:07Z

榊原さんがフリーランスになられたとのことでおめでとうございます！ご活躍を期待しています！

さて、このフリーランスになるためにやったことを読んでいて気になったのが、新年に開業届けを出されたらしいのですが個人的には年明けに開業届けを出すよりかは、年末に出したほうがよいんじゃないかなと思っています。

年末に開業届けを出すメリット

まず、前提として、2009年に開業届けを出していも2010年に出していも、2009年度の申告はしたほうがよいですね。開業前のサラリーマン時代の給与所得は源泉徴収されているので青、白関係なく確定申告をしないと払いすぎた税金が戻ってきません。

年末に開業届けを出しておくと、2009年度の申告から青色申告が利用できます。事業所得がないのに青色申告?という感じですが、青色申告の場合、赤字が出た場合、損失分を3年間繰り越すことができます。

事業所得がなくても、2009年度中に発生したセミナー参加費や書籍購入費、同業者との情報交換(飲み会等)、それに伴う交通費等、意外と結構な金額を経費に落とすことができます(経費もしくは、開業費として計上できます。)。初年度で赤字にして、次年度に引き継げば次年度の税金が結構楽になりますね。

ただ、フリーランスで赤字申告をしている場合、銀行等がお金を貸してくれにくくなるため、間近にマイホームなどの購入の予定がある場合は注意が必要です。（ローンなんかはサラリーマン時代に組むのがベストですが）

私は年末(といっても10月)に独立したのですが、サラリーマン時代から副収入等があったので赤字申告はできず青色で収支0にまでして、申告したので翌年の税金などはかなり助かりました。

独立はタイミングですのであまり気にしなくてもよいと思いますが、これから独立される方の参考になればと。

注）あまり詳しくないので間違ってる可能性もありますので、その場合は誰かご指摘ください。

Web Creators (ウェブクリエイターズ) 2010年 2月号

2010-01-02T15:29:42Z

Web Creators (ウェブクリエイターズ) 2010年 2月号が発売されました。

今回は「透明度を利用したWebデザイン」にと題して透過pngなど様々なテーマについて執筆しております。

特集は「WEB制作テクニックの新標準２０１０」で、HTML5やCSS３など様々な新しい技術について解説されており、かなり読み応えがあります。

興味があるかたは是非ご覧になってください。

[ASCII.jp]実務で使えるjQueryプラグイン3選

2009-12-30T10:52:12Z

少し報告が遅くなりましたが、ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で最終回実務で使えるjQueryプラグイン3選が公開されました。

７月の中頃より、続きました連載もこれで終了です。

興味がある方はぜひ、お正月休みの間などに時間を見つけ読み返していただけたらと思います。

2009年のto-R人気エントリーTOP20

2009-12-28T14:03:26Z

今年も残りあとわずかということで、昨年に引き続きto-Rでアクセスが多かったエントリーTOP20をご紹介。

昨年と比較して、VMware Player関連の話題が随所に入ってきています。

今年はASCII.jpやWeb creators、Web Designingなど他媒体で執筆をさせていただく機会が増えて、ブログ自体はそれほど書けていないので、来年は時間を見つけブログにも力を入れていきたいなと思います。

1月のセミナー案内[大阪]

2009-12-24T18:50:57Z

1月にサイバーガーデンbizでセミナーを行います。興味がある方は是非おこしください。

ゼロからはじめるPHP入門講座大阪

2010年1月23日（土曜日）

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。Web プログラミングやシステム開発、フロントエンド実装、単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

［詳細・お申し込みはこちら］

翌日にはサイバーガーデンの益子さんによる新ハイレベルCSS実践講座も行われますのでこちらも合わせてチェックしてみてください。

[ASCII.jp]制作現場で役立つjQueryプラグインの使い方

2009-12-24T18:44:57Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第25回制作現場で役立つjQueryプラグインの使い方が公開されています。

ASCII.jpの連載も、いよいよ残すところ2回です。今回と次回で「jQueryプラグイン」の概要や利用方法について解説します。

興味がある方はぜひごらんになってください。

[ASCII.jp]jQuery＋CSSによるカルーセルパネルの作り方 / jQueryとAjaxで作るスムーズページング

2009-12-17T15:50:43Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第23回 jQuery＋CSSによるカルーセルパネルの作り方、第24回 jQueryとAjaxで作るスムーズページングが公開されています。

カルーセルパネルはスライド型の回転ギャラリーで、スムーズページングではページ内でローディング画像を表示してコンテンツを切り替えるページングに付いて解説しています。

興味がある方はぜひご覧になっていただけたらと思います。

[ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう

2009-12-03T04:09:26Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第21回 jQueryでバリデーション付きメールフォームを作ろうが公開されました。

jQueryを利用したフォームバリデーションについて解説しております。

入力項目のチェックはエラー時に、スムーズスクロールでエラー箇所に移動する方法など紹介しております。

興味がある方は是非ごらんになってください。

Web creators (ウェブクリエイターズ) 2010年 1月号

2009-12-01T04:22:40Z

Web creators (ウェブクリエイターズ) 2010年 1月号が発売されました。

今回私はYUIライブラリの使い方について解説しております。

特集はjQueryを利用したWEBが際立つ動き&装飾デザインです。かなりの量のライブラリやTIPSが紹介されてます。

また、CSSレイアウト表現帳とういう冊子がおまけで付いてきます。

興味がある方は是非ご覧になってください。

[ASCII.jp]jQueryで自作するフローティングウィンドウ

2009-12-01T03:13:23Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第21回 jQueryで自作するフローティングウィンドウが公開されました。

jQueryを利用したフローティングウィンドウの作成方法について解説しております。

また、最後にはIEで半透過PNGをフェードイン／アウトする際にが色が付いてしまうバグについて解説しております。

本連載もいよいよ佳境にさしかかっておりますので、興味がある方は是非ごらんになってください。

[ASCII.jp]jQueryによるLightbox風モーダルウィンドウの作り方

2009-11-26T09:06:44Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第20回 jQueryによるLightbox風モーダルウィンドウの作り方が公開されました。

jQueryを利用したLightbox風のモーダルウィンドウの作成方法について解説しています。

また、解説途中にはjQueryを利用したIE6でのposition:fixedの擬似再現方法についても解説しております。

興味がある人はぜひご覧になってください。

[ASCII.jp]jQueryで作る多階層ドロップダウンメニュー

2009-11-24T12:05:01Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第19回 jQueryで作る多階層ドロップダウンメニューを作るが公開されました。

jQueryで、多階層ドロップダウンメニューを作る方法を解説しております。

　多階層ドロップダウンメニューを作ったことがある方はわかると思うのですが、このUIを作成する際にIE6,7の挙動がかなり曲者になってくるんですよね。

　試行錯誤して、かなりスマートな解決方法も書いておりますので、興味がある方はぜひご覧になってください。

12月のセミナー案内

2009-11-19T03:12:40Z

12月にサイバーガーデンbizでセミナーを行います。興味がある方は是非おこしください。

ゼロからはじめるPHP入門講座東京

2009年12月6日（日曜日）

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。Webプログラミングやシステム開発、フロントエンド実装、単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

［詳細・お申し込みはこちら］

SEO最新事情とライティング講座

2009年12月8日（火曜日）

以前とは大きく変わった検索エンジンの動向やSEO戦略、集客施策をきちんと押さえ、実践的なライティングスキル（キーワード選び、コピーライティング、文章表現）を身につけるための1日間（4時間30分）の講座です。Webサイトの戦略立案や制作業務、私とコンサルティングで多数の経験を持つ益子貴寛（サイバーガーデン）が講師を担当。前半をSEOの最新事情と戦略、後半をSEOライティングで構成します。演習を取り入れた実践的な講座です。

［詳細・お申し込みはこちら］

興味がある方は是非おこしください。

[ASCII.jp]IE6対応！jQueryで透過PNGのロールオーバーを作る

2009-11-19T02:55:57Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第18回 IE6対応！jQueryで透過PNGのロールオーバーを作るが公開されました。

ロールオーバーメニューを利用しjQueryで透過pngを取り扱う方法について解説しています。

興味があるかたは是非ごらんになってください。

Web creators (ウェブクリエイターズ) 2009年 12月号

2009-11-01T09:54:22Z

Web creators (ウェブクリエイターズ) 2009年 12月号が発売されました。

今回、私は「スペースを有効活用するJavaScriptライブラリ」と題して、少ないスペースに多くの情報を掲載するための「ツールチップ」や「タブパネル」、「アコーディオンパネル」、「メニューバー」、「ギャラリーシステム」などについて解説しております。

そのほかにも特集は「最新WEB配色トレンド」や「WEBタイポグラフィ」が紹介されています。
また、「イマドキのCMSとの付き合い方」や「知っておくべきケータイWEBサイト制作事情」なども紹介されています。

興味がある方は、ぜひご覧になってください。

Twitter Follow Badgeを付けてみた

2009-10-31T07:43:50Z

このサイトの右端に「Twitter Follow Badge」を付けてみました。「Follow me」スッキリとしたデザインで色も自由に選べられるので、どんなサイトでもだいたいしっくりとくると思います。

このバッチは「Twitter "Follow" Badge for your site/blog」で簡単に作れます。

ラベルは「Follow us」、「Follow me」、「Follow」、「My Twitter」から選べられます。いろんなサイトを見る限り「Follow me」が多かったので、「My Twitter」とどちらにするか数秒悩みましたが私も「Follow me」で。

色はRGBで自由に設定ができ、右に設置するか左に設置するかが選択でき、トップからの位置をピクセルで設定できます。

サイトやblogへの設置は、発行されるJavaScriptのコードを設置するだけなので簡単です。

追記

JavaScriptのコードは</body>の直前に記述しないとIEでエラーが出るようです。

[ASCII.jp] jQueryでロールオーバー！プリロード対応版

2009-10-29T09:31:57Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第17回 jQueryでロールオーバー！プリロード対応版が公開されました。

jQueryを利用したロールオーバーの作成方法やjQueryでの画像のプリロードの方法について解説しています。

興味がある方はぜひごらんになってください。

[ASCII.jp]透過PNG対応！jQueryでオリジナルツールチップ

2009-10-26T17:24:29Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第16回透過PNG対応！jQueryでオリジナルツールチップが公開されました。

HTMLや透過gif、透過pngなどを利用したツールチップの作成方法について解説しています。興味があるかたは是非ごらんになってください。

[ASCII.jp]jQueryでタブパネルを作るチュートリアル

2009-10-21T09:46:06Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第15回 jQueryでタブパネルを作るチュートリアルが公開されました。

jQueryを利用したタブパネルやAjaxを利用した更新システムについて解説しております。興味があるかたは是非ごらんになってください。

[ASCII.jp]jQueryでアコーディオンパネルUIを自作する

2009-10-10T07:19:13Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第14回 jQueryでアコーディオンパネルUIを自作するが公開されました。

縦形アコーディオンパネルや横型のアコーディオンパネルの作成方法について解説しております。

興味がある方はぜひご覧ください。

Ajax中にページ更新する際の注意点

2009-10-08T17:04:52Z

Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。

詳しくは調べていませんが、どうもFirefoxでの挙動のようです。

参考：FirefoxでAjax中にF5押したとき « pocketo.net blog

このサイトのようにAjaxのXMLHttpRequestをabort()で中断すれば、この問題は解決できます。

var xhr = $.ajax( {....})
$( document ).bind( 'beforeunload', function() {
	xhr.abort();
} );

ただ、通信の数が多い場合は、毎回設定するのは少し面倒。

そういう場合は、以下のように設定しておくとjQueryでajaxを使うと自動でabort()を設定してくれます。

$("body").bind("ajaxSend", function(c,xhr){
	$( window ).bind( 'beforeunload', function() {
		xhr.abort();
	})
});

[ASCII.jp]jQueryで作る画像ギャラリーのチュートリアル

2009-10-01T17:54:11Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第13回 jQueryで作る画像ギャラリーのチュートリアルが公開されました。

jQueryを利用した、拡大ギャラリー、スライドギャラリーの作成方法について解説しています。

興味がある方は是非ご覧になってください。

Re:マークアップ・エンジニアのJavaScript入門 - 配列を理解する

2009-10-01T17:29:10Z

ネタ元：マークアップ・エンジニアのJavaScript入門 - 配列を理解する

「JS_practice.zip」の中に，「www.html」というHTMLが入っています。このHTMLの文中，全「p」要素の中の，「www」「WWW」「ウェブ」というテキストだけに，jQueryを使ってcssで背景色を付けてください

jQueryは使って良いようなので、以下のような方法のほうがjQueryっぽいかなと思います。

$(function(){
	$("p").find('*').andSelf().contents().not('[nodeType=1]').each(function(){
		$(this).replaceWith(this.nodeValue.replace(/(w{3}|ウェブ)/ig,"<span class='www'>$1</span>"))
	})
});

サンプル

JS_practice.zipのダウンロード方法がわからなかったのでサンプルのHTMLは適当です。

Web creators (ウェブクリエイターズ) 2009年 11月号

2009-09-29T15:26:39Z

Web creators (ウェブクリエイターズ) 2009年 11月号が発売されました。

今回、私はAjaxを利用したwebサイト構築について解説しております。

そのほかに、特集は「ユーザーを逃さないWebコンテンツデザイン大研究」と題して、会社案内や新着ニュースなどの定番コンテンツのデザイン考察が行われています。

興味がある方は是非ごらんになってください。

to-R

Firefox3.6でメニューバーを消してしまった場合の対処方法

関連エントリー

Web Creators (ウェブクリエイターズ) 2010年 3月号

jQuery基礎文法最速マスター

jQueryの読み込み

jQueryの記述場所

jQueryの実行場所の設定

HTMLの操作

jQueryの実行のタイミング

jQueryでのアニメーション

jQueryでAjax

繰り返し構文(2010/2/6追加)

プラグインの作成(2010/2/6追加)

jQueryの為になるサイト

jQueryについてもっと知りたい！

JavaScriptについてもっと知りたい！

関連エントリー

MTのキャプチャ認証の負荷を軽減する方法

変更前

変更後

関連エントリー

Web制作の現場で使う jQueryデザイン入門

ゼロからはじめるPHP入門講座 [名古屋]

ゼロからはじめるPHP入門講座 名古屋

開業届けの時期について考えてみる

年末に開業届けを出すメリット

関連エントリー

Web Creators (ウェブクリエイターズ) 2010年 2月号

[ASCII.jp]実務で使えるjQueryプラグイン3選

関連エントリー

2009年のto-R人気エントリーTOP20

関連エントリー

1月のセミナー案内[大阪]

ゼロからはじめるPHP入門講座 大阪

[ASCII.jp]制作現場で役立つjQueryプラグインの使い方

関連エントリー

[ASCII.jp]jQuery＋CSSによるカルーセルパネルの作り方 / jQueryとAjaxで作るスムーズページング

関連エントリー

[ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう

関連エントリー

Web creators (ウェブクリエイターズ) 2010年 1月号

[ASCII.jp]jQueryで自作するフローティングウィンドウ

関連エントリー

[ASCII.jp]jQueryによるLightbox風モーダルウィンドウの作り方

関連エントリー

[ASCII.jp]jQueryで作る多階層ドロップダウンメニュー

関連エントリー

12月のセミナー案内

ゼロからはじめるPHP入門講座 東京

SEO最新事情とライティング講座

[ASCII.jp]IE6対応！jQueryで透過PNGのロールオーバーを作る

関連エントリー

Web creators (ウェブクリエイターズ) 2009年 12月号

関連エントリー

Twitter Follow Badgeを付けてみた

追記

関連エントリー

[ASCII.jp] jQueryでロールオーバー！プリロード対応版

関連エントリー

[ASCII.jp]透過PNG対応！jQueryでオリジナルツールチップ

関連エントリー

[ASCII.jp]jQueryでタブパネルを作るチュートリアル

関連エントリー

[ASCII.jp]jQueryでアコーディオンパネルUIを自作する

関連エントリー

Ajax中にページ更新する際の注意点

関連エントリー

[ASCII.jp]jQueryで作る画像ギャラリーのチュートリアル

関連エントリー

Re:マークアップ・エンジニアのJavaScript入門 - 配列を理解する

関連エントリー

Web creators (ウェブクリエイターズ) 2009年 11月号

関連エントリー

ゼロからはじめるPHP入門講座名古屋

ゼロからはじめるPHP入門講座大阪

ゼロからはじめるPHP入門講座東京