LastPass, an award-winning password manager, saves your passwords and gives you secure access from every computer and mobile device.
LastPass, an award-winning password manager, saves your passwords and gives you secure access from every computer and mobile device.
こんにちは、アドワーズ ラボの鷲見です。 今回の記事は、Search Engine Watchで投稿されたLanding Page Optimization Silver Bulletsという記事の紹介です。 この記事を書いた Tim Ash(ティム・アッシュ)氏は、LPO 対策における海外での第一人者で、彼の出版した Landing Page Optimization という本は、LPOの分野で最も高い評価を得ている書籍の1つです。 LPO 対策に関しては、どのサイトでも通用する特効薬みたいなものは存在しませんが、サイトのテストをするうえで常に留意すべき点が学べます。 “より少なく” が “よりたくさん” を作り出す サイトを開いた一瞬で探しているものが見つからないと、サイトから去って行ってしまうユーザーも少なくありません。 少しでも多くのユーザーを取り込みたいと思い、商品・サービスを追
1.5KBで実装できるスライドショー用JavaScript ライブラリ「TinySlider」。 次のような、左右のナビゲーションとページ番号がついたスライドショーの実装スクリプトの紹介です。 jQueryプラグインではありませんが、jQueryバリに簡単に実装できる模様です。 var slideshow=new TINY.slider.slide('slideshow',{ id:'slider', // スライドショー用のdivのID auto:3, // 自動再生の秒数 vertical:false, // 垂直方向に移動するかどうか navid:'pagination', // ナビゲーションのID activeclass:'current', // ナビゲーションLIのアクティブなクラス名 position:0 // 最初のスライド位置 }); カスタマイズも容易ですね。 デモと
対応ブラウザも増えたCSS3のプロパティを使用して実装するタブナビゲーションのチュートリアルをMarcofolio.netから紹介します。 Sweet tabbed navigation using CSS3 demo 使用しているCSS3のプロパティは下記のとおりです。 rgba opacity text-shadow pseudo selectors rounded corners gradients box-shadow 画像やスクリプトを使用して同等のものを実装することは可能ですが、軽量でシンプルなコードで実装でき、変更も簡単にできるのが大きなポイントになります。 タブはリスト要素で、HTMLは下記のようになります。 HTML <textarea name="code" class="html" cols="60" rows="5"> <ul> <li><a href="#" ti
HTMLをはじめ、CSSやJavaScriptなどで実装するフロントエンドの主要な機能が一つのパッケージになった「Easy front-end framework」を紹介します。
Radioactive Buttons demo 上記デモはSafariでご覧ください。ボタンのグラデーションがまぶしいくらいにアニメーションします。 Firefoxなどのアニメーションに対応していないブラウザでは下記のように表示されます。 個人的にはデザインはこれで充分のような気もします。 <textarea name="code" class="css" cols="60" rows="5"> @-webkit-keyframes greenPulse { from { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; } 50% { background-color: #91bd09; -webkit-box-shadow:: 0 0 18px #91bd09; } to { background-color:
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
前の記事 YouTubeを見れる電子レンジ:慶應大学SFC研のプロジェクト Apple社、「評価付け詐欺」で1000以上のアプリを追放処分に 次の記事 『CrunchPad』が変身したタブレット『JooJoo』、実機レポート 2009年12月 9日 Priya Ganapati Photos: Jim Merithew/Wired.com TechCrunchの創設者Michael Arrington氏は、200ドルのタッチスクリーン・タブレット『CrunchPad』を開発していたが、このほど開発を停止した。TechCrunchと提携してデザインと開発を手がけてきた、シンガポールを拠点とするFusion Garage社は、CrunchPadを『JooJoo』という500ドルのデバイスに変身させた。プレオーダーは12月11日から開始される。 ワイアードでは、主にネットサーフィンのために作られ
12月4日~5日にかけて起こった、Yahoo!の日本独自のアルゴリズム更新ですが、 ちょっと困った現象が起きています。 今回Yahoo!でランクが下がったものの中に、 インデックスURLが変わったというものが多く見られました。 その中でも、 これまで http://www.○○○.com のようにドメインがインデックスされていたのに、 http://www.○○○.com/index.html と、ご丁寧に、「index.html」までつけてくれているものが見られます。 そして、大方このように、index.htmlまでついてインデキシングされたものは、 ランクが下がっているようです。 こちらは、ランクが下がっているだけ(まあ大事ですが)なのでまだ良いのですが、 中にはSERPsに表示されているのに、「接続できません」とエラー表示が返るものが見られます。 こちらは、SERPsのURL表示は、
ルーチンワークや、毎日やろうと決めたことを、カレンダーでチェックしていくことに快感を感じる人もいるのではないでしょうか?または、何をやっても、すぐに忘れてしまったり、三日坊主になってしまうという人も。 今回ご紹介するのは、自分が日々やろうと決めたことをカレンダーにチェックすることができ、忘れていてもメールやTwitterへリマインドしてくれる、忘れんぼさんにもとても助かるサービスです。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 三日坊主を防いでくれるルーティンワーク管理ツール「Rootein」は、日々作業が発生するルーティンワークや、自分が毎日やろうと決めたことを登録し、カレンダーへ毎日チェックを入れていくサービス。 三日坊主になってしまったときや、指定した時間にメールやTwitterでリマ
Chromeはスピーディーなブラウザですが、その代償として必要となるのが結構な量のメモリ。 RAMをたくさん積んだパソコンを使っている場合、大した問題ではないのですが、そうでない場合、メモリをちょっとしたわざで解放する方法があるのです。 Download Squadのリー・マシューさんは最近のChromeの開発ビルドにはコマンドラインスイッチ(--purge-memory-button)があることを発見。Chrome起動時に走らせておくとChromeのタスクマネージャにメモリ消去ボタン(Purge memory)が追加されます。 他のブラウザと同様にChrome/Chromiumはブラウジングセッションが長引くにつれて必要となるRAMの量も増えていきます。--purge-memory-buttonスイッチをコマンドラインに追加することにより、メモリを開放することが可能になります。しばらくネ
先日紹介した12月18日(金)発売の書籍「Flash3Dコンテンツ制作のためのPapervision3D入門」には80点のサンプルがありますが、その中からいくつかサンプルをお見せします。もし購入を迷ってる方がいらっしゃいましたら、参考にしていただければと思います。 Line3D – 3D座標に線を描く方法を説明。線やテキストはすべてベクターベース。 バンプマップ – テクスチャの凹凸を表現する方法 動的なマテリアルの差し替え。Flashサイト制作だと必要になってくるTipsとして。いろんなマテリアルのケースについて紹介。 スライドショーの制作を通して、Papervision3Dを実サイトで扱うためのTipsをいくつか紹介。 プレゼンテーションFlash。パワーポイントの発表ではなく、Papervision3Dを使って演出をクールにする方法。(キーボードの右と左キーで操作) パノラマVR表現
10月20日に、公開されたグーグルアナリティクスAPIを使ったExcelライブラリ。 そのライブラリを使ったサンプルExcelファイルが公開されました。 GA4Excel サンプル – 個人事業主のつぶやき 使い慣れたExcelで、グーグルアナリティクスを分析できる という凄いサンプルになっています。 1.ダウンロード 上記リンクをクリックしアクセスしましたら、「サンプル」というリンクを右クリックして 名前を付けて保存。 2.ファイルの有効化 ダウンロードしたGAAPI_sample.xlsを開きますと、メッセージが表示されますので、 「マクロを有効にする」にします。 3.アカウント情報を入力 メールアドレスとパスワードを入力し、ツール>マクロ>マクロ、とし [実行]をクリックします。 4.プロファイルIDをコピー 実行後、Google Analytics のプロファイルID一覧が表示され
復習用。探すのが面倒なので備忘録的 に2009年のまとめをまとめます。時間 がある時に見て自分の必要なものを 確認しようと思います。同じお思いの 方とシェアしようと思ってエントリー。 Web制作関連のみになっています。 かなり時間がかかりそうなので正月辺りにもチェックします。こういうのは一気にやりたい。 100 Best Photoshop Tutorials From 2009 Photoshopチュートリアルベスト100。膨大な量です。 100 Best Photoshop Tutorials From 2009 The Best Free Fonts of 2009 2009年のベストフリーフォント12個。50 Best Free Fonts From 2009も同サイトで発表されました。 The Best Free Fonts of 2009 The Best jQuery Plu
Yahoo! JAPANが国内でのクラウド戦略を初めて明らかにしました。同社が持つサービスやインフラのオープン化を推し進めることが戦略の骨子。IDや課金プラットフォーム、Amazonクラウドに対抗できるHaaSなどを提供したいと、8日に都内で開催されたイベント「SaaS World / Tokyo 2009」の基調講演で、ヤフーのR&D統括本部 大矢俊樹氏が説明しました。 クラウドを利用する顧客サイトへの誘導も ヤフーのクラウドサービスは、ネットビジネスを行う企業に対して提供することを想定しており、利用する企業にとって「売り上げを上げられるか、コストを下げるか、どちらかに貢献するサービス」にしたいと大矢氏は説明します。 「今後さまざまなサービスやネットビジネスが生み出される土壌を整備、支援していくことで、ヤフーにも長期的なメリットにつながると思っている」(大矢氏) 主な顧客としては100名
モバイルサイトの運営とCMSに求められる機能について筆者の過去の経験、現在の自説や17のポイント、未来の予測を提示する ここが大変だよ、モバイルサイト運営 さまざまなタイプのCMSを実践的な視点から紹介している本連載ですが、最終回の今回は、最近注目が高まっているモバイルサイトやSNSアプリを運営するためのCMSについて紹介します。 最初にお断りしておく必要があるのですが、筆者はモバイルサイトのCMSに関しては中立的な立場というわけではありません。筆者の経営するユビキタスエンターテインメントは、モバイルサイト向けCMSの開発・販売をしております。 しかし筆者は、ドワンゴでサラリーマンをしていたころから、モバイルサイトの企画・開発で10年以上の実務経験があり、CMSを生業とするようになったのも、「モバイルサイトの運営」という難題を通じてでした。 そこで今回は、いつもと趣向を変えて、モバイルサイ
gaAddonsはJavaScript製のオープンソース・ソフトウェア。自社または個人のWebサイトの解析にGoogle Analyticsを使っている人は多いだろう。標準のままでもWebサイトを運営するのに十分なデータが収集できるので、より良いサイトを目指すのに便利なツールだ。 埋め込むコード しかしAnalyticsのコードが埋め込めないような場所に対しては解析が難しいのが事実だ。例えばダウンロードサイトで、Zipファイルがどれくらいダウンロードされたかなどという測定は難しい。そこで使ってみたいのがgaAddonsだ。 gaAddonsは主に二つの機能をGoogle Analyticsに追加する。一つは外部流出の際にどのリンクへ行ったかが検知できるようになる。各外部リンクに対してoutboundというイベントが追加される。そして二番目にダウンロードの検出だ。デフォルトでオフィス系ファイ
Home > UI(インターフェース) > ユーザーインターフェースの検証データを公開している「ABtests.com」は、ウェブマスター必見事例の宝庫 Older ウェブの位置づけが上がるにつれ、数値的な検証がどんどん進んでいます。 ただ、その割りにどんな方法で数字が上がった、という具体的な事例がまだまだ世の中に出回っていないのも事実。 そんな中、A/Bテストの特化してインターフェースの検証事例を公開しているサイトがABtests.com」です。 インターフェースの比較検証結果が数値でわかる http://www.abtests.com/ ABtests.comの中身は、はまさに読んでそのまんまの内容。 トップページから事例が豊富に掲載されています。 例えば・・・ このフォーム、左と右でどちらが通過率が良いと思いますか? 答えはこちらのページにて。 なかなかここまで数字で結果を出してくれ
デジカメユーザーに声を大にして伝えたい! 私はデジタル一眼レフカメラを2005年から使っていて、生まれたばかりの子供とユタ州の渓谷への旅行は全部JPEGフォーマットで写真をとりました。たいがいはJPEGで十分なんですが、今ではRAWで撮らなかったことを激しく後悔してます。 詳しくは続きを読むからどうぞ! まずRAW画像はJPEGの約3倍ファイルサイズが大きく、さらに後処理を施さなければなりません。その代わりにさらなる高画質とフレキシビリティがあり、一長一短です。ところがここ昨今画像処理ソフトウェアの性能向上が著しく、RAW画像の長所は際立ってきましたよ。 そこで最近は友人にRAW画像で撮ることをオススメしてます。特に写真が好きで重要なイベント、例えば友人の結婚式の写真を撮る人には。 この後にISO 25600で撮影した比較画像をおいておきます。これだけみてもRAW画像の優位性が示せるかちょ
メディア関係者向けお問い合わせ先 メールでのお問い合わせ: pr-jp@google.com メディア関係者以外からのお問い合わせにはお答えいたしかねます。 その他すべてのお問い合わせにつきましては、ヘルプセンターをご覧ください。
どうも!taichiです! 今年印象に残ったサイトはこの2点です。 【UNIQLO CALENDAR】 http://www.uniqlo.com/calendar/ 時間やスケールの曖昧になった世界観。 その綺麗さと完成度の高さに、ただただ見入ってしまいました。 Flashをインタラクティブな媒体としてではなく、 TV的な使い方をしているのも印象的。 フォトグラファーの本城直季さん を彷彿とさせるジオラマ風写真。 この人が写真集を出してから一気にいろいろなところで見かけるようになった表現ですが、 このコンテンツそのもに本城さんは関わっていないとか? 【Puma Lift】 http://lift.puma.com/ 実写をバリバリ応用しています。 長くて重いローディング終わったときに一気に立体感を得るOPムービー! この落差で見入ってしまいました。 下の画像はトレーラーの画面なのですが、
モバイルの新規事業担当になった渡邉雄介です。最近は社内や外部でプレゼンさせていただく機会が増え、色々と学びました。 自分がプレゼンする立場になったとき、"うまく説明しなければならない" という漠然としたプレッシャーから、プレゼン自体をネガティブに捉えてしまうことはないでしょうか。今回は、プレゼンを通すために欠かせない、最も重要な4点についてお話しします。 その1: スライドに全てを書かないこと プロジェクターから映し出されるスライドに書いてある文章を、そのまま読みながらプレゼンする人がいますが、私はそういうプレゼンを見ると心の中でこう突っ込みを入れてしまいます。「いちいち読んでくれなくても、そう書いてある!」 スライドはあなたの言葉を視覚的にサポートするものであって、カンペではありません。言うべき言葉でスライドの余白を埋めて、"ちゃんと調べた感" を出そうとするよりも、本当に伝えたいメッセ
PICMOは、お絵かき&アニメーション・ソフトウェアです。誰もが簡単に絵を描き、アニメーションが作れるようになること、完成した作品の善し悪しを追求するのではなく、「描くこと」「作ること」という、制作過程そのものを楽しむことを追求しています。 上手に描けない前提のお絵かきソフトです 絵がうまい人でもパソコンで描きにくいのは当たり前。ましてや絵が苦手な人は‥。PICMOは「上手に描けない」ことを前提に作られたお絵かきソフトです。最初に上手に描けなくても、あとから修正できる機能が満載されています。その操作は非常に感覚的で、使っていること自体が楽しくなるはずです。 10分でアニメーションが作れるソフトです アニメーション制作は、手間と時間がかかり、技術を身につけた一部のプロだけのものでした。PICMOは、この複雑なアニメーション制作を特許出願の新技術によって、誰もが楽しめる簡単なものにしてしまいま
■編集元:ニュース速報板より「大阪府HP「電子申請するときは、IE5とネスケ推奨します。IE6や7は使うなよ。XPSP3も禁止」」 1 電卓(愛知県) :2009/12/08(火) 15:17:16.03 ID:25Lrwp4A ?PLT(12000) ポイント特典 大阪府はIE5とネスケを推進 ネットサービス利用できず 大阪府ホーム > 大阪府電子調達(電子入札)システム > パソコンの環境設定 http://www.nyusatsu.pref.osaka.jp/keiyaku/e-nyusatsu/pasocon.html 大阪府の電子入札や電子申請に使う端末には、「Internet Explorer 6 SP3」「Internet Explorer 7 (以下 IE7)」「Internet Explorer 8(以下 IE8)」並びに「Windows XP SP3」「Wi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く