「ゼロからjQueryを学びたい人たち」が効率的に理解できるように、 1章から順に難易度が上がるステップアップ形式の解説を行っています。 また、jQuery初心者のデザイナーの視点を加えることで、 プログラミング未経験者の「つまずきやすいポイント」を押さえた内容になっています。 通常、サンプルコードは全て出来上がった状態で配布されますが、 本書ではあえて途中までのみを記載しています。 コードに余白を残すことで、サンプルをただなぞるだけではなく、 読み手の工夫次第で様々な表現を生み出すことができるようにしています。 最終章では、実際の仕事でデザイナーやエンジニアが手がけるWebサイトと同等のクオリティのページを制作します。 単なる技術の理解に終始せず、実際のサイトを制作する上でのポイントを習得することで、 Web制作における実践的な力が身につきます。 シフトブレインの取締役、テクニカルディレ

2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。

ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。 スクロールに応じて視差効果を演出できるパララックス系サイトやペラサイトのような1ページで完結するタイプのコンテンツを持つサイトは割と見かけるので、どれくらいスクロールされているかを解析する方法もあるといいかもですね。という需要に応えたライブラリみたいです。 ※時間なくて動作テストしてないのでその程度の記事という事で今日はご了承下さい。 ユーザーのスクロール状況をパーセンテージでトラッキングするプラグイン。デフォルトでは25％、50％、75％といったポイントで解析できるようになってるみたい。また、任意のDOM要素をターゲットにする事も出来るそうです。 コード<script src="https://ajax.googleapis.c

仕事でjQueryを使ったAPI接続を試す機会があったので、僕のブログで出ているアフィリエイトリンクもJavascriptでがんばれないか試してみた。前はPHPでカテゴリやタグをつかってAPIを叩いていたが、Javascriptならクライアントサイドで動くしなにかとアレかと思いまして。 ソースコード 僕の場合は、ブログに技術ネタを書くことが多いので、関連した書籍の紹介を中心にする必要があるので楽天ブックスの検索になっている。そのへんはやりたいことにあわせて変えてください。 まずはページのどこかでjQueryを読み込む。 https://gist.github.com/daipresents/0971a3ceeeda661e13538304e280afdd.js?file=gistfile1.txt サーバ上にJSファイルを配置。jquery.rakutenWebService.jsという名

「jQuery-URL-Parser」を使うと、URLを分解して簡単に値を取得できますよ。 使い方はこんな感じです。 var url = $.url('http://example.com/folder/index.php?item=value'); url.param('item'); こうするとクエリーのitemの値”value”が取得できるというわけです。 他にもホスト名やディレクトリ,#以降のアンカーの値も取得できますよ。 これはいいかも。 詳細＆ダウンロードは以下からどうぞ。

Latest Version: 1.3 Latest Release Date: December 3, 2011 Original Release Date: March 30, 2011 Compressed: 1.47kb Uncompressed: 4.84kb View GitHub Repository About The Plugin jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It's great to use as a hover effect or a way to direct attention to an element. 2016-11-04 Update This project is no longer being

ページ滞在時間の把握が出来ます。読了ポイントも変更可能。 jQueryとJavaScriptで動きますので、タグ追加で簡単に計測できます。MITライセンスとしますので、商用利用でもお気軽にどうぞ。 読了か否か、という本当の意味での直帰率の把握や、訪問キーワードと読了時間の分析等にお役立て下さい。※Google Analytics では、ページ滞在時間を次頁との時間差により算出するので、直帰の場合、正確なページ滞在時間が分からないのです。 １．まずはデモをご覧下さい 以下のリンクをクリックしてみて下さい。別ウィンドウでサンプルページが表示されます。スクロールさせ読み進めると、読了ポイントでアラートが出ます。このアラートを、Google Analytics のイベントトラッキングに置き換えています。 読了ポイント検知のデモページ jQueryではスクロールを検知できるので、それを利用しています

ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を

2011年04月30日 03:45 引き続きv1.7.2を検証していた際、IE6～IE8でメモリがうまく開放されないケースがあったため、 対策版としてv1.7.3をリリースしました。 ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月30日 00:15 jQuery.socialbuttonのXSS脆弱性につきまして、対応版のv1.7.2をリリースしました。 v1.7.2以前のバージョンでは、urlオプションを指定せずに以下のボタンを呼び出した際、無害化されていない document.URLを参照することが原因で、XSS脆弱性が発生します。 mixi いいね facebook いいね GREE いいね 新はてなブックマーク 旧はてなブックマーク ご迷惑をおかけしますが、最新版へのアップデートをお願いします。 2011年04月29日 02:40 現在、jQuer