CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
さくらのレンタルサーバ
レンタルサーバなら「さくらのレンタルサーバ」！ 月額換算でわずか131円、缶ジュース1本分のお値段で使える格安プランから、ビジネスにも使える多機能＆大容量プランまで、 用途と予算に合わせてプランを選べます。 さらにマルチドメイン対応でメールアドレスも無制限。無料ウイルススキャンや無料電話サポートもあるので安心して ご利用いただける共用レンタルサーバサービスです。
[jQuery]本格LPOを手軽に実践 – jLPO地域/検索ワード/新規・リピーター等でコンテンツを切り替えるjQueryプラグイン | レポート | 日本電子工藝社
LPO（Landing Page Optimization）とは Webサイトの中でユーザーが最初に開くページ（ランディングページ）を、アクセスしてきた条件により変化させることで、ユーザーを到達させたいページ・アクションへ導く手法のことです。 ページに訪れた際の検索キーワードや、広告を掲載していたページ（参照元URL）などにより振り分けるのが一般的ですが、ユーザーの地域・新規訪問かリピーターか・最終アクセスからの経過時間・アクセスした曜日・時間帯などによりターゲットを絞り込むことも、狙いによっては効果的です。 jLPOでできること 上で挙げたターゲティング表示機能のすべてが、jQueryのプラグインとしてLPOツールが簡単かつ無料で利用できます。高コストだった地域による絞込みも、GoogleAPIの利用で実現しました。（対応する地域の精度はGoogleAPIの機能に依存します。） 適用箇所
社内講習わくわくjQuery編3 - 書くようになったら気をつけたい5つのこと
TIPSというかオマケ プログラマからするとオマケじゃなくて，本編に相当してる気もしますが，以下つらつらと．世間的には色々な入門書とかで散々言われてるような，出がらしレベルの内容です． これまでにほとんど言及していない変数とか宣言とかキナくさい単語が出てきますが，気になったときに調べてみればいいと思います． スタイル操作はCSSに任せて，jQueryは控えめにする jQueryはロジックを含みます．見た目の調整に関わるスタイリングは，なるべくCSSに任せてjQueryスクリプトの中は控えめに，簡潔に保ちます． $(function() { $('div').css('border', '2px solid blue').css('color', 'red').css('opacity', 1); $('div').css('border', '1px dotted silver').css
社内講習わくわくjQuery編2 - リファレンスから使えそうな機能をピックアップする
各領域の主要な機能 ( メソッド ) jQuery - StackTrace Main Page - jQuery JavaScript Library jQuery API Referenceにならって，jQueryの機能を分類し，各領域の主要な機能を紹介します． 詳細な日本語訳はすでに存在するので，自分のやりたいことを大分類から探していくことさえできれば，リファレンスも有効に活用できます． ※CSSはAttributesと何となく近しいので，まとめてしまいました．style attributeということで． セレクタ ( Selector ) Selectors - jQuery API 1.4.4 日本語リファレンス - StackTrace CSS3までのセレクタがJavaScriptでも使えると思ってください．ただし，一部は下記に示すように，jQueryの独自仕様による記法もある
社内講習わくわくjQuery編1 - jQueryを使ってみよう
今回の目標 読める＋書ける＝学べる 2時間ちょっとでいきなり書けるようになる訳はありませんが，書いてみないと覚えられないので，2時間かけて触ってみて独学できるようにします． 最初に，1+1=2の原理を覚える必要はないので，2=1+1でも 2=2＊1 でも 2=1/2＊4 でもいいので，やりたいことをやってみるのが一番です． やること jQueryセレクタをつかってみよう 要素をブン回してみよう スライドショーの動きを追ってみよう 開閉メニューの動きを追ってみよう やらないこと プログラムの基本（習うより慣れる） JavaScriptの構文（書きながら覚える） jQueryPluginの使い方（オプションをいじる以上のことをやろうと思うと難しい） thisなんてしりません $.eachなんてしりません 変数とかIFなんてわかりません jQueryを使えるようにする Downloading j
jQueryで常に所定の場所にサイドカラムを表示させるプラグイン「Contained Sticky Scroll」
twitter facebook hatena google pocket よくサイトの右上に必ずついてくる情報ボックスやメニューがあります。 邪魔という意見もありますが、必要な情報にすぐにリーチ出来るのならあってもいいのではないでしょうか。 これをjQueryプラグインのContained Sticky Scrollで実現しましょう。 sponsors 使用方法 Contained Sticky Scrollからjquery-contained-sticky-scroll.jsをjqueryからjquery.jsをダウンロードします。 <script src="/test/js/jquery-1.4.4.min.js" type="text/javascript"></script> <script src="/test/js/jquery-contained-sticky-scroll
22 Brilliant and Advanced jQuery Effects to WOW Your Visitors
22 Brilliant and Advanced jQuery Effects to WOW Your Visitors The jQuery library provides several techniques for adding animation to a web page. These include simple, standard animations that are frequently used, and the ability to craft sophisticated custom effects. In this article we’ve gathered 24 brilliant and advanced jQuery effects that can really surprise your visitors by their beauty and u
jQuery Animated Pageswitch Plugin
jQuery Pageswitch Plugin This lightweight and easy to use jQuery Pageswitch Plugin allows you to easily add site-animations to your navigation. Example Try this links to test jQuery Pageswitch Plugin: HTML <div id="example"> <a href="index.html">Example #1</a><br /> <a href="http://www.example.com">Example #2</a><br /> </div> JavaScript <script type="text/javascript"> $(document).ready(function()
jQuery 642 プラグイン：skuare.net
jQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavaScriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、画像関連、メニュー関連、フォーム関連、テキスト／リンク関連、その他、日本語未解説のjQueryプラグインを分類して紹介しています。 初心者でもすぐにリッチなサイトを作成可能ですので、ぜひjQueryプラグインをご利用ください Image Menu Form Text/Link Other W/O_JP
jQuery for Designers - Tutorials and screencasts
Welcome to jQuery for Designers Learn how easy it is to apply web interaction using jQuery Search Search for Featured Simple use of Event Delegation Posted on 14th June 2011 — Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. View Tutorial 16 Comments Tutorials – It’
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
わくわくjQuery編
flowslider.com
jquery-pageswitch-plugin - Project Hosting on Google Code
SuperSite
SuperSite.Me - Supersite Your Website!
skuare.net - JavaScript / Movable Type / etc.
Loading...
Loading...
リアルタイムフォームバリデーション jQuery.validation.js :: 5509