電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」:phpspot開発日誌
jquery vticker (vertical news ticker) JugBit 電光掲示板のようにニュースをクールにアニメーション表示できる「jquery vticker」。 特定のdivに次のようにulでリストを定義しておいて、$(element).vTicker(); とすることで簡単にアニメーションするニュースティッカーが実装できます。 幅、高さは固定できるので、自由にレイアウトできるところもナイスです。 表示時間が終わって消えるリストがグレーにフェードアウトするところも芸が細かくてナイス。 デモを見る デモはCSSでスタイリングされておらず味気ないものですが、CSSで綺麗にデザインしてあげることでかなり映えそうです。 オプションで、次の挙動についてカスタマイズも可能です。 ・スピード変更 ・待ち時間変更 ・アイテム表示数変更 ・アニメーション指定 ・マウスで停止するか指定
アクセス解析は「起きた結果」であって、それだけでは「起きてほしかったこと」の分析はできない - makitani.com
アクセス解析は、あくまでそのWebサイトで起きた「結果」であって、それだけではそこで起きてほしかったことの状況まではわかりません。「結果だけ」を見てもそれはただの「量」でしかないため、「測定しました」という事実の提示と、ほんの一部の部分最適化の提示までしかできません。 「効果を検証する」というのは、「起きてほしいこと、想定していること」と照らし合わせて初めてできます。「こうなってほしかったけれど実際はこうだった」「これぐらいが目標だったけれど結果こうだった」となれば、「目標に達するには、何を、どこを、どう改善すればいいのか、どうすればいいのか」という視点で、Webサイトの中身や施策を見ることができます。それが検証です。 つまり、そもそも事業戦略やビジネスゴールがないことには、アクセス解析の結果だけを見ても何も言えないわけです。 事業戦略やビジネスゴールは、すでに必ずあるはずです。再定義の必
メディアサイトの解析レポート作り方マニュアル [アクセス解析tips] | 衣袋宏美のデータハックス
前回に続いて、アクセス解析から出てくる数字を、定期的にどのようなレポートにして見ていったらよいかをサイトタイプ別に解説していく。 前回はECサイトを取り上げたが、今回はメディア（広告／コンテンツ）サイトのケースだ。まずはどのような指標を見ていくべきかという指標の選択方法についてお話しした上で、前回と同様に、 マネジメント層向けレポート現場向けレポートの2つのパターンで考えてみたい。 ページビュー数を分解してみるメディアサイトとは、ニュースや専門記事などのコンテンツで構成されるサイトのことで、主に広告枠を販売することで売上を立てている。広告によって成り立っているサイトの目的は、言うまでもなく広告売上を増やすこと。広告売上を増やすには、サイトの広告価値を上げる、すなわちできるだけ多くのユーザーに来訪してもらうことが基本となる。 もちろん、すべてのページが広告掲載可能とは限らないし、ページビュー
![メディアサイトの解析レポート作り方マニュアル [アクセス解析tips] | 衣袋宏美のデータハックス](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c7da2e9041cd0eab265a2c698386bec563d2a30/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2009%2Fdatahack%2Fdatahack_icon.gif%3Fitok%3DHzcXGYqr){kind=icon}
iTunesで映画販売、日本でも開始 新Apple TVも発売
日本のiTunes Storeで映画の販売がスタート。ハリウッドメジャーや日本の大手が参加し、1000本以上の映画を販売。Apple TVの新版も週内に発売する。 米Appleは11月11日、日本のiTunes Storeで映画の販売を始めた。ハリウッドメジャーや日本の大手映画会社が参加し、1000本以上の映画を販売。買い切りのほか、視聴が一定期間に限られる「レンタル」にも対応する。 価格は、新作映画のHD版が2500円、SD版が2000円など、レンタルの場合、HD版の新作が500円、旧作が300円から。セットトップボックス「Apple TV」の新版（8800円）も週内に発売する。 20世紀フォックス、パラマウント・ピクチャーズ、ウォルト・ディズニー・スタジオ、ワーナー・ブラザースなどハリウッドメジャーのほか、角川映画、日活、松竹、東映、フジテレビなど、日本の映画会社が参加。 「トイ・スト
Google 検索にスクリーンショット表示機能が登場
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
Twitterで成功するための26のポイント » SEO Japan
久しぶりのソーシャルメディアエクスプローラーから、ツイッターを上手に利用するための26のポイントを。どれも短いですが、意外と的を得ていて参考になる点もありそうです。 — SEO Japan Twitterで成功する人としない人がいるのはなぜだろうと不思議に思ったことはないだろうか？私は、Twitterを試してみるように個人を説得しようとするよりはむしろ、成功に必要不可欠な教訓を教える方が良いのではないかと考えた。 ここに私が人に伝えているいくつかの主要な教訓を紹介する。ちょっとのぞき見して、あなたが自分のコミュニティやビジネス、または組織にその成功を確実にするために教えていることを私にも知らせて欲しい。 活発に – 多くの人はTwitterに見切りをつけるのがあまりにも早すぎる！たとえあなたが完全に理解していない時にも積極的に参加すること、それがTwitterが意味あるものになる唯一の方法
AppleのiAd広告配信、電通が日本で展開へ
Appleと電通は11月10日、AppleのiAdモバイル広告ネットワークを2011年早期に日本で展開するためパートナーシップを締結したと発表した。 電通はiAdの日本における広告販売と広告制作を担当し、AppleはiPhoneとiPod touchのユーザーに向けたiAdの配信業務を行う。 電通の子会社であるサイバー・コミュニケーションズ(cci)は、広告制作進行とメディアプランニングを含む、日本におけるiAdのワンストップサービスを提供。iAdは、iOS4に組み込まれているが、アプリケーションを利用している状態で広告を体験でき、ビデオを見たりゲームをしながら、広告内の商品購入、アプリケーションのダウンロード、iTunesのコンテンツ購入ができる。 iAdネットワークに参加するアプリ開発者は、様々なタイプの広告をアプリケ－ションに取り入れることができ、アプリ開発者は、iAdネットワーク収
シンプル・軽量（2.2KB）・手軽なjQueryコンテンツスライダー・hash slider
よくあるコンテンツスライダーですが、 軽くて使いやすそうでしたのでメモ。 hash sliderは、わずか2キロバイト ほどの軽量スクリプトです。こういう のはいくつ覚えておいても損しない ですね。 軽い、というのは大事ですよね。スライドさせるとURL末尾に#～が付き、ここにリンクすることが出来ます。 シンプルです。マークアップも単純なので使いやすいのでは。 <div id="slider"> <ul> <li> example</li> <li> example2</li> </ul> </div> <div id="left"> goLeft </div> <div id="right"> goRight </div> <ul id="numbers"> <li></li> </ul>デモでは画像を利用しています。 #～にリンク #～にリンクさせることで個々のスライドを指定して表示させ
商用利用無料、完全オリジナルの高品質なPhotoshopのブラシを配付しているサイト -brush lovers
brush lovers [ad#ad-2] brush loversは当サイトで何度も紹介したWeb Designer Depotの姉妹サイトです。ブラシのデザインは全て、Liora Blumによってデザインされたものです。 ブラシは個人でも商用でも、無料で利用可能なものが数多く揃っています。 一部、「Buy」のアイコンがついたものは有料ですが、かなり安価（$3くらい）です。 ブラシはカテゴリ、登録順、人気順、レート順に表示することができ、以下にカテゴリからいくつか紹介します。
[JS]限られた領域内で大きい画像をドラッグでスライドできるスクリプト -SpryMap
大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量（3KB）のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /
[CSS]パンくずの実装はどのようにするのがよいかの考察
パンくずは何要素で実装していますか？ ul要素？ ol要素？ p要素？ パンくずをどのように実装するのがよいかの考察を紹介します。 Exploring Markup for Breadcrumbs [ad#ad-2] 先日紹介したCSS-Tricksの「画像を使用しないでApple風のパンくずを作成するチュートリアル」に寄せられたコメントから考察されたもので、各ポイントを意訳したものです。 パンくずのマークアップの考察のきっかけ -ul要素で同列配置 パンくずのマークアップの考察 -ul要素で親子 パンくずのマークアップの考察 -ol要素で順序づけ パンくずのマークアップの考察 -セパレーターの使用 パンくずのマークアップの考察 -Googleを参考に パンくずのマークアップの考察 -HTML5の使用 パンくずのマークアップの考察 -おわりに パンくずのマークアップの考察のきっかけ -ul
HTML5で作られたフリーWEBテンプレート集「Beautiful HTML5 Templates For Free Download」
TOP > WebDesign > HTML5で作られたフリーWEBテンプレート集「Beautiful HTML5 Templates For Free Download」 HTML5 は、WHATWG および W3C が HTML4 に代わる次世代の HTML として策定を進めている HTML の仕様で、最近では徐々に使われてきていますが、ブラウザの関係上、コーポレートサイトなどではまだ利用しているところはあまりないのが現状です。ただ、間違いなく今後の主流となってくる仕様だと思います、今日紹介するのはそんなHTML5で作られたフリーWEBテンプレートを集めたエントリー「Beautiful HTML5 Templates For Free Download」 Starter Pack デザイン的にはまだまだ、スタンダードなものが多めですが、様々なタイプのHTML5テンプレート集がま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
