Home > Google | Google analytics > Googleアナリティクスで、フォームから違うドメインのサイトをトラッキングする方法(非同期) Googleアナリティクスで、フォームから違うドメインのサイトをトラッキングする方法(非同期) 過去に「ga.js」のトラッキングコードにて フォームから違うドメインのサイトをトラッキングする方法をblogにてポストしていましたが 非同期トラッキングコードでの対応が増えてきたので クロス　リンクを設定した際の非同期トラッキングの記載方法を 備忘録までに記載しておきます 非同期トラッキングコードでのクロスリンク設定 以下は、ドメインが異なり複数ドメイン間でのデータの受け渡しとなり セッションがきれてしまうので、データが取得できなくなってしまう一例です ①異なるドメインのすべてのページの非同期トラッキング コードに下記の太字の行を

jQuery Plugins for Styling Checkbox & Radio Buttons フォーム要素をクールにするためのjQueryプラグイン集がまとまっていましたのでご紹介です。 プラグインじゃない関数ベースのものもありますが、便利に使えそうです。 未来のサイトでの多くのフォームデザインはどんな感じになっているんでしょうかね。 関連エントリ 斬新なコメントフォームデザイン集 CSSでフォームデザインをする際のチュートリアル 立体的なCSS3でデザインされた検索フォーム実装チュートリアル デザイン性に優れたクリエイティブなフォームデザインのサンプル集

6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン６つが紹介されていました。 一昔前では不可能では？と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C

Geo Location with HTML5 and Jquery jQueryとHTML5でジオロケーションするデモとサンプルがダウンロード可能になっています。 特にスマートフォン向けの機能として実装する際に参考にできそうです。 いざ実装するという段階になったときにサクっと実装できそうなので覚えておいて損はなさそうですね。 関連エントリ HTML5のデスクトップ通知を簡単に扱えるjqueryプラグイン「desktopify」。 HTML５でブラウザにドラッグ＆ドロップでファイルアップ可能なjQueryプラグイン「jQuery HTML5 Uploader」 HTML5のDesktop Notificationを簡単に実現するjQueryプラグイン「jwNotify」 jQueryとCSS3、HTML5でここまで出来るホバーインタフェース

Plastique Icons Full Set (Updated) Iconify.it, LLC シンプルだけど味のある１００以上のベクターアイコンセット 形式は.ai形式とCSSスプライト形式のものがあります 「Plastique Icons Sprite and CSS (Updated) Iconify.it, LLC」では同アイコンをCSSスプライト化したものも配布されています。 関連エントリ モダンなブラウザアイコンセット９ 475種類の汎用に使えるフリーのアイコンセット iPhone・Androidアプリ等に使えるアイコンセット総まとめ：2010 iPhone4用もあるiOSのアイコンテンプレートPhotoshopファイル

The Best Photoshop Tutorials of May 2011 | CreativeFan 新しめの種類色々なPhotoshopチュートリアル集 種類にまとまりはありませんが、なかなか高品質で為になりそうなPhotoshopチュートリアルがまとまっていました。 どれも使えそうですね。 関連エントリ パノラマ写真から小さな惑星を作るPhotoshopチュートリアル 動画で学べるPhotoshopチュートリアル２０ モダンなコーポレートサイト作成用Photoshopチュートリアル

既存のテーブルにも簡単に組み込める、テーブルに美しいフェードのアニメーションを伴ったページネーション機能を加えるjQueryのプラグインを紹介します。 Table Paginator デモ [ad#ad-2] デモはシンプルに実装されたテーブルの上にある「Click to Pagenate」をクリックすると、長いテーブルがページネーション付きのテーブルに変更されます。 テーブルの下部に配置されたナビゲーションをクリックすると、フェードのアニメーションで指定されたテーブルが表示されます。 美しいグラデショーンを伴ったフェードのアニメーション ※デモで実際のアニメーションをお楽しみください。 Table Paginatorの主な特徴 既存のテーブルにも簡単に実装できます。 美しいインターフェイスを提供します。 インターフェイスはjQuery UIのテーマを継承します。 アニメーションのスピード

商用でも無料で利用できる、最近のウェブデザインの背景にもよく見かけるグリッドベースのテクスチャが簡単に作成できるPhotoshopのパターン素材を紹介します。 120 Free Photoshop Grid Patterns [ad#ad-2] ダウンロードできるPhotoshopのパターンは全部で120種類で、細かいグリッド、荒いグリッド、斜めの金網状のグリッド、クロスステッチのようなグリッドなどさまざまなものが揃っています。

ぱっと見た瞬間「Flashだな」と思ってしまったくらいの、Flashで実装したような複雑なアニメーションやムービーを作成できるスクリプトを紹介します。 使用するのはHTML, CSS, JavaScriptで、こういったものにありがちなHTML5, Canvas, CSS3には頼っていません。jQueryなど他のスクリプトにも依存していません。 ※CSS3のエフェクトなどオプションとして利用が可能です。 Mashiの主な特徴 スタンダードなHTML, CSS, JavaScriptでFlashのようなムービー、アニメーションを作成できます。(X)HTMLコンテンツに設置が簡単にできます。 41KB/13KB(CDN+GZip)と非常に軽量で、オブジェクト指向、モジュール式です。 基本的な利用では、追加のプラグインは必要ありません。 IE6をはじめ、すべての主要なブラウザをサポートしています

フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており

Photoshopのブラシやパターン素材、テクスチャ素材がダウンロードでき、Photoshopのチュートリアルも掲載しているサイトを紹介します。 MF Creative [ad#ad-2] MF Creativeは開設されたばかりで、まだ登録数は少ないですが、センスの良い素材が揃っています。その中から、いくつかご紹介。 今後も、どんどん増えるのが楽しみですね。