タグ

2014年5月28日のブックマーク (5件)

  • ユニバーサルアナリティクス完全移行マニュアル | LISKUL

    photo by Waag Society2014年4月3日、ユニバーサルアナリティクスが正式版としてリリースされ、リマーケティングやユーザー属性、インタレストカテゴリに関するレポートに対応しました。 正式版となって、従来のGoogle アナリティクスで利用できていた全機能が利用可能になり、すべてのプロパティがユニバーサルアナリティクスへアップグレードできるようになりました。 Google の目標は、ユニバーサルアナリティクスへの完全移行です。 現在、ユニバーサルアナリティクスに手動で移行できるようになっていますが、近い内に全プロパティの自動移行が開始されます(すでに一部のアカウントでは、プロパティが自動移行されています)。 ユニバーサルアナリティクスへの移行はもはや避けられない状況です。 従来のアナリティクスとの違いや注意点をしっかりと理解し、移行の準備と対策を進めましょう。 そもそも従

    ユニバーサルアナリティクス完全移行マニュアル | LISKUL
  • UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum

    UXのプロが岡目八目で切り込むのが快感今回、「UXデザインパッケージ」のサービスを体験してみたわけですが、結論から言うと、「さすがUXのプロ」という面と、「まさに岡目八目、外部に頼む価値」という面とがありました。 アドバイスは、現状のWeb担の見せ方をかなり大幅に変えるというものでした。つまり、現状をある意味で否定された形なのですが、それに対して違和感は抱きませんでした。というのも、そうするべきだとして示されている理由が理路整然としていた納得できるものであり、さらに自分でも薄々は感じていた「そうだよね」という部分をえぐられていた内容も多かったからです。 たとえば、アドバイスでは、「移動中などにスマホで友人のフィードで見かけた記事などが気になり、でもそのときは読まずにあとから読む」といった行動にうまく対応できるようにと指摘されています。 これは、言われなくてもわかっているはずのことです(実際

    UXのプロがアドバイス「Web担のサイトはこう変えるべし」――やってみました「UX診断」 | Web担当者Forum
  • CSSフレームワーク「Compass」の基礎

    Compassのメリット CSSスプライトが簡単に作成できる Compassでは、フォルダに配置するだけで、CSSスプライトで記載された一枚画像が簡単に作れます。CSSスプライトを利用すれば、1ページ辺りの画像の読み込みを何度も実行せずにすむため、ページの高速化につながります。 独自のmixinが利用できる グラデーションやベンダープレフィックスを自動で付与してくれる機能があります。 独自の関数が利用できる 画像のサイズを取得したり、三角関数の計算をしたりできる関数があります。 mixinや関数はCompassの公式リファレンスで紹介されています。ここでは記載できないほどのmixinや関数がありますので、一度見てみると面白いかと思います。 上記に加え、第1回目に記載したこちらのSassのメリットももちろん享受できます。 読みやすい 変数や繰り返し処理が使える 成果物の品質を統一できる 高速

    CSSフレームワーク「Compass」の基礎
  • [JS]テキストを次々にモーフィングのアニメーションで表示するスクリプト -Morphext

    複数のテキストを次々にモーフィングのアニメーションで表示するjQueryのプラグインを紹介します。 スクリプトとは関係ないですが、ページのアニメーションもかっこいい! デモ Morphextの使い方 Step 1: 外部ファイル animate.cssと当スタイルシートをhead内に、jquery.jsと当スクリプトを</body>の上あたりに記述します。 <head> ... <link rel="stylesheet" href="http://cdn.jsdelivr.net/animatecss/3.1.0/animate.css"> <link rel="stylesheet" href="morphext.css"> </head> <body> ... <script src="https://code.jquery.com/jquery-2.1.1.js"></script

  • スクロールやクリックした際に、おおっ!と思わせるクリエイティブな7つのエフェクトがかっこいいっ!

    ユーザーがページを表示し、スクロールやボタンをクリックした際に、おおっ!と思わせるクリエイティブなエフェクトを7つ紹介します。 Inspiration for article intro effects 7つのエフェクトをアニメーションgifにしてみました。 ページはフルスクリーンサイズの画像が最初に表示され、そこをスクロールボタンクリックでさまざまなエフェクトがおきます。派手すぎず、センスあるかっこいいエフェクトばかりです! 各エフェクトのソースは上記ページからまとめてダウンロードできます。