2010年3月9日のブックマーク (15件)

  • モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは

    2009年1月から連載してきた「モバイルサイト構築のユーザビリティいろは」も今回で最終回です。そこで今回は、今までの連載内容をおさらいしながら、モバイルサイト構築時におさえておきたいモバイルユーザビリティの総まとめをします。 前半では今までのおさらいをし、最後に自分でモバイルサイトのユーザビリティを改善するためのポイントを紹介します。 モバイルサイト構築時の基チェックポイント公式サイトに関するポイントモバイルメールマガジンに関するポイントモバイルECサイト構築時のポイントモバイルFlashサイトの制作ポイント自分でできる! モバイルユーザビリティ改善の3ステップモバイルユーザビリティ改善のケーススタディ1. モバイルサイト構築時の基チェックポイント1-1. モバイル端末ならではの制約や特性を理解するモバイルサイトには、画面サイズや1ページで表示できるページ容量制限、キャリアごとの違いな

    モバイルユーザビリティ改善のチェックポイント保存版 - 全10回総まとめ(最終回) | モバイルサイト構築のユーザビリティいろは
  • URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久

    URL(Uniform Resource Locator)とURI(Uniform Resource Identifier)の構造の違いはご存知ですか? Webページのアドレスを指す場合はどちらを使うべきなのでしょう。URLを分解して「https:(スキーム)」「#(フラグメント)」「?(クエリ)」「パス(path)」などの名称・意味についても解説します。 今日は、ノウハウというよりは、豆知識を。「URL」という呼び方と「URI」という呼び方がありますが、どう違うのか、あなたはご存じですか? Webページのアドレスを指す場合は、どちらを使うべきなのでしょうか。 URLとURIは何が違うのか結論から言うと、URIとURLは同じものではありません。「URI」のほうが広い概念で、「URL」はURIの部分集合です。同様の仕組みに「URN」というものがあります。 その3つを別のものにたとえてわかりや

    URLとURIの違いとは? パーツの構造・名称・意味も大解説! | 初代編集長ブログ―安田英久
  • アップロードと同時に画像を加工するPHPライブラリ

    PresentationSamplesLicenseDownload it!DownloadTranslationsSourceDocs and supportDocumentationFAQForumNewsHelp out!Commercial licensesDonate!Testimonials class.upload.php is a powerful and mature PHP class to manage uploaded files, and manipulate images in many ways. The script is available under a GPL license. more info about the class

  • Evernoteへ全ての情報を集約しよう! - めざせ!へなちょこ脱出

    私にとってEvernoteは普段の生活に無くてはならないものになりました。 Evernoteとは? Evernoteとはクラウド型のメモ管理サービスです。 アカウントを登録すると、無料で月に40MBまでメモを作ることができます。 メモはサーバに保管され、PCWindows/Mac)のクライアントソフト、Web、iPhoneなどのモバイル機器から、 参照、編集することができます。 私も昨年の夏から使い始め、今ではメモ数が1000を超えました。 (参考) https://www.evernote.com/about/intl/jp/ http://www.nikkeibp.co.jp/article/column/20090525/155174/ Evernoteも2冊発売され(一冊は電子書籍のみ)、 これからますます活用方法が出てくるでしょう。 (参考) HugeDomains.com

    Evernoteへ全ての情報を集約しよう! - めざせ!へなちょこ脱出
  • 無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy

    結構便利そうだったのでご紹介。オンライン でWebサイトの簡単な設計図、いわゆる モックアップをドラッグ&ドロップ、直感で作成 出来て、PDFやJPGで保存出来るフリーの Webサービス、lumzyのご紹介。ユーザー 登録不要というのが良いですね。 日語もある程度使えて(ボタンのテキストなどには使えないです)、PDFで保存しても文字化けせず、しかもユーザー登録も不要なので結構重宝しそうな気がします。 「モックアップはきれいに作りすぎてはいけない、という話」という記事でもありますが、手書きのような感覚でスピーディに作れるので件の記事内容に沿ったモックアップの作成が出来そう。 lumzy ユーザー登録不要と言うのが手軽でいいですね。それでいて結構高機能なので侮れません。以下に簡単に使い方を。 プロジェクトを作る まず、プロジェクト名を決めます。決めなくてもモックアップは作成出来ますが、決めな

    無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
  • 驚くほど伝わらない、サービスのメリット (ユーザビリティ実践メモ)

    ユーザ行動観察調査を実施すると、全力で訴求しているはずのメリットや強みが、驚くほどユーザに伝わらないケースが多く見られます。 伝わらない理由は様々ですが、今回は具体性が足りないために他社サービスとの違いが伝わらない、という例をご紹介します。 一方で、料金などはユーザにとって非常に具体的で他社と比較しやすい情報となります。ユーザ行動観察調査でも「サービス内容は大体同じ」という思いを強めたユーザが、料金だけで比較検討をする行動が多く見られました。 具体性のある情報を提供することが重要 類似サービスが多く存在する中で、自社サービスのメリットをユーザに伝えるためには、情報の具体性が必要です。「講師の質が高いです」という例の場合、下記のような改善が考えられます。 例えば講師の質を訴求したい場合には、質とは何を指しているのか、なぜ質が違うと言えるのかを具体的に書く必要があります。パーセンテージや年数な

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • web制作関連ジェネレーター - ブックマーク - Tips - AZ store

  • http://www.mindhacks.jp/2010/03/post-2135

  • 使っていないCSSを見つけ出す方法 | エンタープライズ | マイコミジャーナル

    Windows Internet Explorer 8 オンザフライでCSSを調整してブラウザの表示に反映させるツールはいくつもある。WebデザイナやWebデベロッパにとって、WebサイトやWebページを制作する段階において欠かせないツールといえる。主要ブラウザにはそれぞれデバッグツールが付属しているか、付属していなくてもFirebugのように実質的にデファクトになっているツールが提供されおり、そうしたツールを使うことが多い。 このようにCSSをチューニングするためのツールは数多く提供されているが、逆にCSSで使われていないセレクタを特定して削除するといった機能を提供するものは少ない。IEBlog : CSS Crunch: new IE Extension for developersにおいてSelectors API Level 1で規程されているdocument.querySelec

  • 直帰率を下げるには? ユーザーが直帰する4つの理由 | ウェブ力学

    自分のサイトの直帰率が気になって、直帰率を下げたいと考えている人は多いのではないでしょうか? そこで直帰率を下げる方法を単刀直入に説明したいところですが、その前にまずユーザーが直帰する理由を知る必要があります。直帰率と一口に言っても直帰する理由はユーザーごとに異なり、対応策もその理由によって異なるからです。極端な話、直帰率が高くても問題が無いケースだってあります。 ここでは、ユーザーが直帰する理由を4つに分類して対応策をまとめてみました。あなたのサイトの直帰率が高い原因はどれに当てはまるかチェックしてみてください。 反射的に「違う!」と判断される そのページを訪れたユーザーが内容をほとんど見ずに、反射的に直帰してしまうことがあります。こういった滞在時間の短い直帰はコンテンツの内容以前の問題であり、早急に改善する必要があります。 原因としては、「デザインが極端に稚拙」、「レイアウトがブラウザ

  • 決め手はお湯の温度にあり?美味しい「コーヒー」の入れ方 - はてなニュース

    毎日飲むものだからこそ、美味しい入れ方を知っておきたい「コーヒー」。今回はペーパードリップでの美味しい入れ方からインスタントコーヒーをより美味しくするひと工夫まで、誰でもできる「美味しいコーヒーの入れ方」をご紹介します。 ■入れ方によって味も変わる? コーヒーは、豆から直接抽出して入れる「レギュラーコーヒー」と、粉を溶かすだけで飲むことができる「インスタントコーヒー」に大別することができますが、レギュラーコーヒーの場合はさらに“入れ方”にも数多くの種類があります。 ▽全日コーヒー協会 | コーヒーレシピ | いれ方のポイント レギュラーコーヒーの入れ方として、代表的なものがこちらです。 ペーパードリップ:ドリッパーに紙製のフィルタをセットし、粉とお湯を注いで抽出する最も一般的な方法。 ネルドリップ:フィルタとして紙ではなく布を使う方法。 ウォータードリップ:専用の機械を使い、水で抽出する

    決め手はお湯の温度にあり?美味しい「コーヒー」の入れ方 - はてなニュース
  • ビジネスシーンで活躍するアプリ大全集。第1号 | AppBank

    ビジネスシーンで活躍するアプリは数限りなく存在します。カレンダーアプリ、ToDoアプリ、RSSリーダー、レコーダー、辞書、Microsoft Officeファイル編集・・・。その数はあまりにも多い。 そこで、AppBankでビジネスアプリを数多くレビューしてきた経験と知識を活かし、『ビジネスシーンで活躍するアプリ大全集』として、ビジネスに使えるiPhoneアプリを定期的に整理していきたいと思います。 ビジネスシーンで活躍するアプリ大全集。第1号:時間帯別活躍アプリ 自宅、出社、会社(デスクワーク、会議、外出)、帰宅、自宅、のそれぞれのシーンで活躍するアプリを紹介していきます。 自宅:今日も会社だ!起床したあなたが外を眺めると、不穏な空模様。今日の天気は何かな(1)?ついでに今日のニュースもチェック(2) 1.今日のお天気を確認:ウェザーニュースタッチ、そら案内 2.新聞を読む:産経新聞 出

  • case:MobileDesign! モバイルサイトのデザイン紹介ブログ

    case:MobileDesign! モバイルサイトのデザイン紹介ブログ 引っ越ししました。 http://case-mobile-design.com/ case:MobileDesign! モバイルサイトのデザイン紹介ブログ > 2010-03-08 >

  • HTML5 基礎知識 - web探検隊

    HTML5を書くための基礎知識をメモHTML5の雛形XHTML5ではなくてHTML5のマークアップについて html> head> title>HTML5 基礎知識title> meta charset="UTF-8"> head> body> body> html> HTML5の新要素 文章構造に関するものsection汎用的なセクション。文章のアウトラインを構成する。articleセクションの一種で、Webページから独立したコンテンツを表す。asideセクションの一種で、外側のセクションに対する補足情報を表す。navセクションの一種で、外側のセクションに対するナビゲーションメニューを表す。footerセクションのフッター。headerセクションのヘッダー。hgroup複数の見出し(h1-h6)をまとめる。 外部コンテンツの埋込みfigureキャプションを伴うような内容のものを文章中に埋