Build a parallax scrolling website: 10 pro tips
Parallax scrolling is the biggest trend in web design at the moment - but there's a right way and a wrong way to go about it. Josh Chan of Chromatix explains how to get it right. The term 'parallax' refers to the apparent movement of objects when viewed from different positions. The technique was originally used in 2D video games where background images moved slower than foreground images, creatin
Macユーザー必須の神アプリ Alfred の基本的な使い方とか設定方法とか その1（検索&アクション）
Alfred って何が便利なの？インストールしたけど、どこから手をつけて良いのか分かんないんだけど・・・、という人は是非この記事を読んでみてください。 きっと、Alfred が手放せなくなりますよ♪ 超絶便利なランチャーアプリ Alfred の使い方や設定方法です。 Alfred はとにかく多機能で、その機能は別のアプリで良いんじゃないの？という事まで出来たりするので、初めからあれもこれもと手を出すと収集が付かなくなります。 なのでせっかく Alfred をインストールしても、どこから手をつけて良いのかわからない・・・。 ということで、Alfred の基本的な操作方法や設定方法をちょっとでも参考になればと思い記事にしてみます。 インストールの方法は「Mac ユーザー必須の神アプリ Alfred v2 本体と Powerpack をインストールしてみる」をご覧ください。 Alfred の基本
サービスの成果に繋げるためのアクセス解析｜オンライン動画授業・講座のSchoo（スクー）
本授業では、設定された目標に対して、実際にどのようにアクションをして、サイトとビジネスを改善していくのかを紹介いたします。 設定された目標に対して、まず実施するべきは、改善するポイントの洗い出しとそこに対する数値の設定です。「ビジネスロードマップ」という手法を使い、その実現方法を紹介いたします。 目標が設定されたら、後は改善を実施していきます。改善は「改善サイクル」が回らないとうまくいきません。 躓きやすいポイントや、施策の考え方・事例などを紹介していきます。サイトの運営者・開発者・集客担当・コンテンツ製作者など、ウェブサイトにかかわる方であれば、理解をしておいて損は無い内容です。 役割間でのコミュニケーションもよりスムースになりますし、職務に対しての参考にもなりますので、ぜひご聴講ください。 小川 卓 HAPPY ANALYTICS 代表取締役社長 ウェブアナリストとしてリクルート、サイ
WordCamp Tokyo 2012 セッション情報「トラック1」前半
量が多いので集めるのが大変だったように思われますが、元資料はスタッフ間でシェアされているものなので、それを元に穴を埋めた感じです。こういった情報がシェアされるのもスタッフで参加したメリットでもあります。 相変わらず、前置きが長くなってしまうので、そろそろ本題に^^ まずは「トラック1」前半のセッション情報（すみません敬称は略で）。 WordPress のいま マクラケン直子 Video streaming by Ustream マルチデバイス時代の WordPress 表示最適化 大曲仁 2012年9月21日追記 スライドとUstreamが公開されました。 →マルチデバイス時代の WordPress 表示最適化 Video streaming by Ustream WordPress で Web アプリケーションを作る方法 Croppy 編 庄崎大祐 スライドのシェアは行われていませんです
ユーザーエクスペリエンスとは何か？【インタビュー】ホワイトハウスも注目のUXデザイナーJanice Fraser氏（前編） デザイン会社 ビートラックス: ブログ
世界中で講演を行い、ホワイトハウスでもプレゼンテーションを行ったという「UXの第一人者」Janice Fraser氏。 UXに特化する会社を立ち上げた彼女の経験・バックグラウンドや、彼女が語る「Lean UX」などに関しては同記事の後編に譲るとして、まずは彼女が定義する「UXとは何か？」ということや、よく混同されがちな「UIとUXの違い」、更には「国を超えるとUXに違いはあるのか？」「良いUXを測るための指標」について伺った。 ◆目次（前編）◆UXとは？混同されがちなUIとUXUXに国ごとの違いはあるか？良いUXかどうかを測る指標は？◆話者プロフィール◆ ゲストトーカー：Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナー、起業家。UXを重視したウェブサービスのデザインを手がけるAdaptive Path社の共同創業者、初代CEO。 15年に渡る
JavaScriptを使わずにPinterest風レイアウトにする
昨日はJavaScriptを使ってPinterest風レイアウトを実現するスクリプトを紹介しましたが、今日はJavaScript無しでスタイルシートで実現するテクニックを紹介します。 デモページ：幅900pxで表示 実装 HTML HTMLは非常にシンプルで、各パネルをdiv要素で実装し、それらをdiv要素で二重に内包します。 <div id="wrapper"> <div id="columns"> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> <div class="pin"> <img src="image.png" /> <p>テキスト</p> </div> ... ... </div> </div> CSS Pinterest風レイアウトをCSSで実現するには、二つの方法が考えられます。 一つ目はfloa
html5でアプリの壁を超える方法
制限 同時に再生できる音源は1ファイルのみ 再生できるタイミングはユーザイベントのハンドラ内だけ プリロード不可 OS自体のサイレントモードと連動せず BGMを流すだけならこんな方法も $('<div>BGMを再生しますか？</div>').appendTo('body').click(function () { $(this).remove(); (new Audio('bgm.mp3')).play(); }); $('body').on('click', 'a', function (e) { e.preventDefault(); $.get($(this).attr('href')).success(function (html) { $('body').html(''); $('body').append($(html).find('body')); }) });
日本コカ・コーラ、音声認識技術を使ったCM連動スマホアプリ - MdN Design Interactive
日本コカ・コーラ株式会社は、音声認識技術を使ったCM連動型スマートフォンアプリ「コカ・コーラ ゼロ Wild Health Challenge」を公開した。価格は無料で、ダウンロードはiTunes App StoreもしくはGoogle Playから行える。 同アプリを起動した状態で、コカ・コーラ ゼロのCMが流れたらスタートボタンをタップし、画面に近づける。アプリがCMの音声を認識したら、ゲームスタート。クリアするとプレゼント応募券が入手でき、抽選でコカ・コーラ ゼロ1年分（500mlPET 365本）などが当選する。プレゼントキャンペーン期間は第1弾が8月15～30日、第2弾が9月1～30日、第3弾が10月1～31日。コカ・コーラ ゼロのWebサイトにあるWeb CMからもゲームに参加可能だ。
レスポンシブWebの時代だからこそ見直すべき、3つの「ウェブの哲学」 | Rriver
先日、「A Dao of Web Design」という記事を読んでいて衝撃を受けたので、このブログでもご紹介したいと思います。この「A Dao of Web Design」には、ウェブ制作の歴史と未来が記されています。当時は存在すらしなかった「レスポンシブWebデザイン」やウェブの基本理念である「One Web」にも通じる内容です。 この記事が書かれてから12年以上たっていますが、日本のウェブ制作を次のステップに進めるためにも、「ウェブの哲学書」とも言えるこの「A Dao of Web Design」が、いま一度、日本で見直される必要があると感じています。 いったいどんな記事？ 「A Dao of Web Design」は、オーストラリア出身のJohn Allsopp氏が書いた記事で、2000年4月7日にA List Apartに掲載されたものです。John Allsopp氏は、早くからウ
「訪問数」を理解する［第11回］ | Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座
前回から引き続き、主要なディメンションや指標と、それらを見るレポート群について解説する。 前回は、「ページビュー数」と「イベント数」について説明をした。今回は、「訪問数」を取り上げる。 アクセス解析では当たり前に使われていて、いまさら解説の必要がないと思うような基本的な用語も、じつはGoogle アナリティクス特有の仕様だったり、意外と正しく理解できていなかったりする場合もある。知ってるつもりの人も、注意深く読み進めていただければと思う。 訪問数、訪問の定義とは？「訪問数」とは、文字どおり、Webサイトへの「訪問」の回数を意味する。では「訪問」とは、どのような定義でカウントするのだろうか。 概念的に言えば、「訪問」とは、Webサイトにおける連続した利用行動の塊（一連の利用行動）のことを意味する。 たとえば、サイトがお店だとすれば、お客がお店に入ってから出て行ったところまでが1訪問ということ
Google、スマートフォン向けWebサイトの構築方法を公式ブログで解説
Googleはこのほどウェブマスター向けの公式ブログにて、スマートフォン向けWebサイトの構築方法に関する記事をアップした。同社が推奨する構築の手順や、Google検索で良い結果を得る方法などが紹介されている。 記事の中で、同社はスマートフォン向けWebサイトの構築方法としてレスポンシブWebデザインを推奨している。レスポンシブWebデザインとは、CSS3のメディアクエリを使用して見た目を変更するWebページの構築手法。レスポンシブWebデザインを採用することで、PC用のページとモバイル用のページを同じURLにできるため、ユーザーにとってはシェアやリンクが容易になり、Googleのアルゴリズムもコンテンツを適切にインデックスできるようになるという。また、ユーザーエージェントの異なるGooglebotごとにページをクロールする必要がなく、Googleがより効率的にコンテンツを見つけられるとい
大量アクセスによるサーバの負荷テストなどが簡単に実行できるフリーソフト「JBlitz Professional」
以前は有料ソフトであり、ロードテストを実行した結果を数値・グラフ化してまとめて保存でき、サイトへのアクセス順番を固定したりランダムにしたり、アクセスする時間間隔・接続時間・アクセスする人数の設定が可能で、さまざまなテストを自由に設定して実行できるフリーソフトが「JBlitz Professional」です。ダウンロードから機能と操作の説明までは以下から。 Website load test - JBlitz Professional http://www.cartesian.net.nz/jblitz/ ◆ダウンロード 「JBlitz Professional」を使うにはJavaをインストールしておく必要があります。 上記サイトの「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍して、Windowsを使って操作をするので「run-jblitz.bat」
PDFの文字をテキスト化！ オンラインで簡単に使えるOCRサービス | ライフハッカー・ジャパン
必要なのはノート1冊。時間管理&マインドフルネスが同時にできる「インタースティシャル・ジャーナリング」
UIデザインが素晴らしい35のウェブスタートアップ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
最近かつて以上にウェブサービスにとってデザインが重要だ、ということがいわれることが多くなってきた気もします。PinterestやFlipboard等、いわゆる次世代ウェブデザインを代表するようなサービスも大人気ですが、もちろんそれだけはありません。今回から新たに登場する米国の人気デザインブログspyrestudiosから、最近のスタートアップでデザインが素晴らしいサイトを35まとめた記事を紹介します。 — SEO Japan 何年か前までは誰もがWeb2.0の流行について話していた。インターネットではMySpace、Friendster、Facebook、Twitter、そして最近ではFoursquareやPinterestに続く新しいスタートアップが次々に登場している。テクスタートアップの世界では、新しいアイデアにこと切れることはない。 ウェブデザインに関しても同じことがいえる。今回、最
How to Learn iPhone App Development for Non-Programmers
2014年8月17日 スマートフォン 「iPhone/iPadアプリを作るのは難しい」。デザイナーの人は特にそう思い込んでいませんか？確かに新しいプログラミング言語を習得するには時間がかかります。しかし、一度「楽しい！」と思えばこっちのものです。その気持ちだけで難しいものも簡単に乗り越えてしまえるもの。そう、もう無敵です！どんなアプリでも作れるようになります！ここではアプリの開発方法よりも、「どうやって楽しく学習できるか」に焦点を当ててみたいと思います。 ↑私が10年以上利用している会計ソフト！ 準備しよう 必要なもの Mac OS Lion iOSアプリの開発は基本的にMac OSですすめることになります。Apple Storeでポチッちゃいましょう :P XCode 4 iPhone/iPadアプリの開発にはXcodeが必要になります。App Storeで最新のXcodeをダウンロード
イラストでわかる！git入門の入門
こんにちは、アシアルの志田です。 社内でもgitが浸透し、皆バージョン管理といえばgitだよね、という空気になってきました。 ですが、これまでバージョン管理システムを使ったことがない人にオススメしても、 「gitて…まあ…そりゃ…ねえ、いつかやらないといけないけど…」 「ギット？ジット？俺はgiはジと読む派なので、gitは胡散臭いと思う」 「そもそもバージョン管理して何が嬉しいの？なんか難しそうでいやだ」 というような反応ばかりでした。 きっとみんな、gitって難しくて訳のわからんもんだと思っているのでは？と思い、 今回はgit入門の入門、gitってなんだ？というところから、簡単にgitを使う際の流れについてご説明します。 ちょっと不安を覚えるようなイラストがついていますので、頑張って読んでください。 バージョン管理ってなに？ プログラムを書いていて、こんなことありませんか？私はあります…
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2ページ目：Googleアナリティクスとは／衣袋教授のGoogleアナリティクス入門講座 コーナーの記事一覧 | Web担当者Forum
Loading...
なぜか火曜日に限ってアクセスが落ち込みます。どういう原因が考えられますか？ | 誰もが受けたい！アクセス解析5分クリニック
https://design-spice.com/2012/06/13/responsive-web-design-image/