jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
TwitterやFacebookのURLには、なぜ#!が含まれるのか (SEOとAjaxのおいしい関係) - kazuhoのメモ置き場
Ajaxを使うためにはページ内リンク (hash fragment=URLの#以降) を使うのが一般的*1 hash fragmentはサーバに送信されないから、JavaScript非対応のブラウザだと動作しない 特にサーチエンジンのクローラ等で問題になる*2 そこで Google は、#! が含まれる URL を hash を含まないものに読み替える仕組みを提唱している。例えば「www.example.com/ajax.html#!key=value」のサーチエンジン用URLは「www.example.com/ajax.html?_escaped_fragment_=key=value」になる。 TwitterやFacebookはこの仕様に従うことで、Ajax な UI と SEO を同時に実現している、というわけ。ということを調べたなう。 参照: Getting Started |
JavaScript イベントをトラッキングするにはどうすればよいですか。 - Analytics ヘルプ
注: このページで解説している内容は、最新バージョンのトラッキングコードが対象となっています。 古いバージョンをご使用の場合は、こちらをご覧ください。 使用しているトラッキング コードのバージョンを確認するには、こちらをご覧ください。 _trackPageview 関数を使用すると、ページのファイル名を Javascript イベントに割り当てることができます。 重要: ページに _trackPageview、_setAllowLinker、または _trackTrans() の呼び出しが含まれている場合、HTML コードでは、これらの呼び出しより上にトラッキング コードを配置する必要があります。 この場合、トラッキング コードは、開始タグ <body> と JavaScript 呼び出しの間の任意の場所に配置してください。 イベントをトラッキングするには、イベント名を引数に指定して _
Google Analyticsで開いているウィンドウサイズ取得
Google Analytics では、画像解像度は取得できますが、 開いているウィンドウサイズが取得出来ない、そんなつぶやきに触発されて、 ちょっと試してみました。 ユーザー定義に、以下のプロパティを書き込めば取得可能です。 トラッキングコードに以下を追加。 <script> ・・・ if(navigator.userAgent.indexOf("MSIE") != -1){ pageTracker._setVar(document.body.clientWidth+"x"+document.body.clientHeight+"px"); } else{pageTracker._setVar(window.outerWidth+"x"+window.outerHeight+"px"); } ・・・ </script> 参考記事 Windowオブジェクト｜JavaScript/DOM｜P
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
