サイト解析を使ったユーザビリティを収益に変える為のまとめ*ホームページを作る人のネタ帳
私達WEB屋と言うのは常にユーザビリティにさらされるわけですが、もっと単純に考えていくべき方法と言うのも結構あります。 それはサイト解析ツールによる分析です。 どこに誘導したいのか。 何をしてほしいのか。 そして、アクセス解析1つでどこまでやれるのか。 そこで今回はアクセス解析によるユーザビリティ向上について色々見て回ったので、その結果をまとめておきます。 非常に長くなってしまったので目次を作っておきます。 １．ユーザビリティの原点とは何だろう？ ２．ユーザビリティ８つのガイドライン ３．Ajaxの参入で、より難しくなってきている？ ４．解析と分析でユーザーの流れを作り変える ５．必ず見ておきたいWEBユーザビリティの為の5つのチェックリスト ６．広告に誘導する為の設計とは何なのか ７．わからなくなった。そんなときにはアクセス解析に戻ろう ユーザビリティの原点とはなんだろう？ 多くのWEB
画像に鏡面効果を与えるreflection.js[to-R]
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20～80のクラス名
![画像に鏡面効果を与えるreflection.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CSSでWindowsVista風のナビゲーションバーを作成するサンプル:phpspot開発日誌
CSS - Creating a vista style nav bar in css In today’s tutorial I want to show you what you can do with a minimal effort and a little imagination. What we are going to do is re-create the Vista toolbar in pure CSS with buttons and hover effect in cross-browser compatible CSS and HTML. CSSでWindowsVista風のナビゲーションバーを作成するサンプル。 画像とマークアップが公開されています。 実際に動作しているサンプルはこちら ファイルを一括ダウンロードすることも出来るようです。 Windows Vis
６日間でGoogleにインデックスされる方法 - GoogleMania | グーグルの便利な使い方
６日間でGoogleにインデックスされる方法 管理人 @ 8月 2日 02:13pm ウェブマスター向けサービス, 検索Tips, 検索エンジン サイトを公開したとき、できるだけ、早くGoogleインデックスに登録されて、できるだけ多くの人に訪問してほしいものです。 そのためには、Googleにインデックスされないと、話になりません。 今回紹介するのは、最短６日間でGoogle検索にインデックスされるためのTipsです。 Googleのサイト登録フォームにURLを登録する。 Googleオフィシャルブログの記事へリンクを張る。 同じように、Techcrunchの記事にもリンクを張る スパムではなく、読んで面白いと思ったブログ記事には、コメントを残す。 このブログをBlogger Forumで宣伝する。 ２・３時間かけて、ソーシャルニュースサイトで人気が出るような記事を書く。 自分のサイトに
Javascript＆Ajaxの小技をまとめた便利サイトいろいろ | P O P * P O P
自分用のメモも兼ねてエントリー。JavascriptやらAjaxやらで何かやりたいときに便利そうなリンク集のまとめです。 Javascript Libraries 主要なライブラリーとエフェクト用の拡張機能、その他ツールなどです。まずはこちらからいろいろ試してみるのがよさげですね。 » Javascript Libraries Ajax Rain Ajaxの小技いろいろ集です。ちょっとしたスクリーンショット付きのこうしたリンク集は眺めていて楽しいですね。 » 485 + Ajax/Javascript/Dhtml examples and demos to download Mini Ajax こちらもAjax Rainと同様です。こちらも綺麗なサイトで眺めていて楽しいですよ。 » MiniAjax.com / A showroom of nice looking simple downl
無料で使えるFlashテンプレートがいろいろ「FlashVillage」:phpspot開発日誌
FlashVillage.com - FREE Flash Templates All FlashVillage templates are 100% FREE. You simply need to register as a FREE member and you can start downloading. 無料で使えるFlashテンプレートがいろいろ「FlashVillage」。 オープンソースのFlaファイルをダウンロードすることが可能です。 どれも結構高度な物なので、Flash開発の参考や、そのものをテンプレートに何かを作ったり出来そうです。 配布されているものを以下に紹介。 グリグリ動く、テレビ風インタフェース クールなフォトギャラリー ＯＳ風インタフェースのサイト ページ内容がパズル風に切り替わる超クールインタフェース 虫眼鏡風インタフェース 樹木が徐々に育っていく風アニメ
標準準拠・後方互換モード各々の CSS 解釈の違いをまとめたドキュメントを共有
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
ウノウラボ Unoh Labs: PHP標準の機能（だけ）でウェブサイトのサムネイルを作る
ではまず試しにInternet Explorerのウィンドウをキャプチャーして、そのサムネイル（ここでは160×120ピクセル）を表示してみましょう。PHPからIEを操作するにはCOMを使用します。 <?php $url = 'お好みのURLをどーぞ'; if (!extension_loaded('gd')) { exit('GD library is not loaded.'); } elseif (!function_exists('imagegrabwindow')) { exit('Function imageGrabWindow is not exist.'); } try { $ie = new COM('InternetExplorer.Application'); $handle = $ie->HWND; $ie->Width = 800; $ie->Height = 6
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
10000個のフォントが無料でダウンロードできる「ShowFont.net」 - GIGAZINE
サイトの説明によると、1万種類のフォントがダウンロードできるそうです。ほとんどのフォントはネット上からかき集めてきたモノとのこと。フォントのタイトルごとにページがまとめられており、それぞれどんなフォントなのかというサンプル画像も一緒に表示されます。 ダウンロードは以下から。 Download free fonts | ShowFont.net | Download 10,000 Free Fonts http://www.showfont.net/ まずはリストからダウンロードしたいフォントを選んでクリックします それから表示されているコードを入力して、「Download Font!」ボタンをクリックすれば、ダウンロードが始まります
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
あなたのWordｐｒｅｓｓ（ワードプレス）をより安全に作るための6つの方法*ホームページを作る人のネタ帳
Ajax/Javascript/Dhtml examples and demos to download
JavaScript無しのドロップダウンメニューを実行する純粋なCSS*ホームページを作る人のネタ帳
How to create VISTA style toolbar with CSS
http://www.designwalker.com/2007/08/firefox_addons.html
Connection Problem
wordpressについて30個のブックマークまとめ*ホームページを作る人のネタ帳
CSSデザインで綺麗なボタンを作成する （How to make sexy buttons with CSS） - youmos
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
jsScrolling