最近の動きのあるサイトはFlashではなくjQueryがメインになってきました。
私のjQueryの勉強サイトを少しあげてみました。
jQueryとは??
jQueryってのはJavaScriptのライブラリーのひとつなわけですが、私、お恥ずかしながらJavaScriptほとんど書けません(・・。)ゞ
エラー判定やmouseoverなど、たまに使う程度で、もりもりソース書くなんてのは程遠いスキルです。
でも、jQuery使ってるサイトってなんかかっちょいいですよね!
いまどき感がぷんぷんしてこじゃれた感じがします!
で、JavaScriptよくわからない私でもjQueryはかなりとっつきやすいです。
それは、すごく短いシンプルなコードで済む上に、なんとなく記述法がcssに似てるからだと思います。
最近、身近に感じるのが、あまりFlashの需要がありません。
iphoneの普及とSEO的な観点など理由は多々かと思いますが、jQueryの普及も大きいと思います。
大手のブランドサイトなどではフルFlash、かっこよくてフラッシャーさんを尊敬のまなざしで見てしまいますが、私程度のFlash技術ならば、TOPページのメインビジュアルにFlashを使うよりもjQueryで軽くて動きのあるサイトに仕上がるのでFlashよりも有効かと思われます。
手間もFlashより楽に設置できるので自然とコスト面でもクライアントにとっては◎だと思います。
今、Webデザイナーを目指している方は、jQueryの知識を深めると、デザインの幅が広がるのと同時に、今後必須スキルになっていくんじゃないかなぁと思ってます。
ノンプログラマーのためのjQuery入門
今日これを見て、紹介したくてこの記事書いたのですが、感動するほどすごくわかりやすいんです(^▽^)
わかりやすすぎてこれ作ってくださった方に土下座したい気分です。できればこれをテキストにしてペロっとコピれる状態にしたいですが、気が遠くなったであきらめます。
こちらのスライド154より「プラグインの作成」に入りますが、jQueryの素晴らしいところは、素晴らしいプラグインがたくさん転がっているところです。
世界中の素敵なおにいさんやおねえさんが素敵なエフェクトのプラグインを作ってくださっていて、私なんかでも簡単に設置、エフェクトをかけることができます。
いつかは、しゃれたプラグインを作って配布できるような立派な人になりたいですが今のとこ、おにいさんおねえさんに拝みつつ使わせてもらっています。
で、どんなときjQueryを使うの??
素敵なプラグインがたくさんあるjQuery。
私はコーディングからデザインまで一連して一人でやってるのですが、デザインの段階から「ここにこの動きをつける!」とか決めます。
(コーダーとデザイナー分かれてやる場合は誰発信でエフェクト決めるのかな?(-ω-))
スライドショーやポップアップ、スクロールなどいろんな動きのプラグインを日々たくさん情報収集しています。
「おー!これはいつか使えるかも!」と思ったものは必ずメモ。
デザイン制作時に、インスピレーション刺激するサイトを見たり、好きな画像をキャプチャとっておくように、jQueryもこんな動きができるんだ~ってのを目で見て感じていつでも参考にできるようにしておいて、自分の中のライブラリをためておくこと。
そうすると、デザイン制作しているときに、「ここはあのエフェクトかけてみよう!」「このデザインはあのスライドショーが最適!」とか自分の中の引き出しからピックアップすることができます。
jQueryで「画像を自動で切り替える」をやってみる!
こちらのサイトご覧ください。
ShanaBrian website | jQuery Cycle Pluginの使い方
おーなんて親切なサイト!
すっごくわかりやすいです!
効果が一覧で確認できるし、どこをいじったらどうなるのか、すごくわかりやすくかかれてますので、私でも楽に使わせてもらうことができました(゚ω゚)
初心者向けの優しいサイトだと思うので、初めてjQueryを勉強、触ってみる際にはすごく楽しくいろいろ試せると思います!
就活用にサイト作ってる方なんかも、こうやってサムネイルにエフェクトかけてスライドショーなんか入れておくと、未経験の方でも『お~~~っ』と思われるんじゃないでしょうか!
スクールの卒業制作でよくあるお花屋さんサイトとか、商品のお花の写真スライドさせるだけで素敵ですよ!
あとひとつ、私でもわかったjQuery参考サイト紹介させてください
php & javascript room こちらのサイトはjQuery読み込み方法、プラグインの作り方、プラグインまですごくわかりやすくまとまってます。
プラグインについてはコードもサンプルも対応ブラウザや注意点まで、細かく説明あり。勉強用に最適でした。
jQuery、あついです!
もっともっと勉強しないとなーーー。
こんにちは。
わざわざコンメントを頂き感謝です。
せっかくなのでリンクを貼らせて頂きます。
また遊びにきますね。
>わらですさん
どうもありがとうございます。
フラフラといろんな方のブログを見るのが大好きなんですf^^;
ディーゼルさんのサイトきれいですね☆
しゅっとしててシンプルで清潔感があって素敵です。