ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツール – creamu
サイト上でのユーザーの動きを知りたい。 そんなときにおすすめなのが、『userfly』。ユーザーのマウス・キーボードの動きを記録するユーザビリティーテストツールです。 これはすごい感じですね。いろんなサイトでも話題になってるし。 ユーザーのマウスがどこからどう動いて、どこをクリックして、キーボードで何を入力したかを記録して、動画で見せてくれます。すげぇ。 デモが以下から見られるので、ぜひ試してみてください。一連の操作の後、自分の動きを動画で見ることができます。 Try the demo 料金は、無料プランで10の動画記録、30日間保存。1ヶ月25ドルの有料プランでは、1,000の動画記録、60日間保存となっています。1,000もあればかなりのデータになりそうですね。実際に人を使ったユーザビリティーテストのユーザ数はそんなにいかないと思うので、ひとまず無料プランでもよさそうですね。 ぜひ使っ
グリッド&カラムデザインに優れたサイト特集『Grid and Column Designs』 – creamu
グリッドレイアウトの勉強がしたい。 そんなあなたにおすすめなのが、『Grid and Column Designs』。WebDesignerWallによる、グリッド&カラムデザインに優れたサイト特集だ。 このエントリーでは、以下のカテゴリーにわけてたくさんの優れたデザインが紹介されている。 ・ニュースサイト ・ブログのグリッドデザイン ・ボックスレイアウトにとらわれない画像の使い方 ・アイキャッチの背景画像があるカラムデザイン ・ボックスレイアウト&カラムレイアウト カテゴリーごとにご紹介。 ■ニュースサイト ■ブログのグリッドデザイン ■ボックスレイアウトにとらわれない画像の使い方 ■アイキャッチの背景画像があるカラムデザイン ■ボックスレイアウト&カラムレイアウト その他のリストは以下から。 » Grid and Column Designs グリッド&カラムデザインに優れたサイト特集
素晴らしいjQueryチュートリアル集 – creamu
AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »
デベロッパーなら知っておきたいCSSテクニック – creamu
ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。 いくつかご紹介しますね。 CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScript adding a CSS StyleSheet to your RSS feeds RSSフィードにCSSを適用させる方法 CSS Watermark Effect CSSで作るウォーターマーク（透かしテキスト） Forming Tooltip using CSS3 JavaScriptで作る必要があったツールチップをCSS3で簡単に実装する方法 ソースが載っているので、一度見てみてください。 CSS techniques web developer should use 中目で飲みまくり。ある方と会えたし楽しかったぞ。CREAMUをiGoogleに入れ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
