タグ

サイト運営に関するtgtのブックマーク (29)

  • zuzara : みんなのブラウザのウィンドウサイズはどのぐらいか調査して分布図をつくってみた

    picks.zuzara.com(site closed)のユーザを対象に、ブラウザのウィンドウサイズをどのぐらいの大きさで見ているのか、調査してみました。調査の動機はGoogleAdsenseを貼っていて800pxにあわせると横スクロールが出てしまうことに気付き、そういえば最近のPCは解像度も高いしどのぐらいの大きさのウィンドウでブラウザを開いているんだろう、と思ったところにあります。 8月3日の24時間集めておよそ6000ユーザ分を集計。picks.zuzara.comのユーザはIEが91%のシェアで、30%がFirefoxの当ブログに比べると一般的なインターネットユーザが見ていると言えます。 で、調査結果。1つの点が1ユーザ、ウィンドウサイズの縦横幅をXY座標に実寸大でマッピングしています。 13%のユーザが800px以下の横幅。 分布図の縦方向に線ができているのは、画面横一杯にウィ

  • 《羅針盤》「「リンクについての考え方」公表に至る背景について」

    "Ask not what the net can do for you-ask what you can do for the net." 「「リンクについての考え方」公表に至る背景について」 戸田 孝(滋賀県立琵琶湖博物館学芸員) 滋賀県立琵琶湖博物館では、2001年2月12日から「リンクについての琵琶湖博物館の考え方」<http://www.lbm.go.jp/lnkplcy.html>をインターネット上で公開している。これは副館長決裁を経た公文書であり、琵琶湖博物館の公式見解であるが、公共機関がこのような明確な見解を表明することは画期的であるとの評価も得ている。 確かに、この文書を目立つ形で公表するという行為は、起草者である筆者としても「少々思いきった試み」であろうと考えている。そして、その背景にはそれなりの動機がある。論では、この動機がどのようなものであったかについて述べながら

  • 2005-07-30 - はてなでも七転び八起き

  • スタイルシートを書く時のガイドライン - 2xup.org

    2006-07-11T19:56:28+09:00 会社ではやっているのだけれど、自分のウェブサイトでもやってみよう。と簡略記述を利用する場合の値の順序やらもまとめとく必要があるのかもしれないけれど、セットフォーマットルールやプロパティの順番だけをサクッとまとめて資料にしてみました。課題は残したもののこれだけでも相当すっきり。詳細やセットフォーマットルールに関しては、ダウンロードできるようにしている資料を参考にしていただくとして、このエントリーではプロパティの順序についてまとめることに。自分自身が実際に作業を進めていくことを考慮し、その考えに基づいて設定したモデル別の順序は以下の通り。 生成 内容, 自動番号付け及びリスト (Generated content, Automatic numbering, and Lists) 利用者インターフェイス (User Interface) ビジュ

  • 検索エンジン対策 METAタグ <meta name="*" content="*,*">

    一昔前はこのMETAタグというのは検索エンジン最適化にとても効果的でした。しかしながらこのMETAタグを利用したスパム行為をするサイトが増えたため、今やこのMETAタグを重要視する検索エンジンはかなり少なくなってしまいました。 それでもMETAタグを記述して検索エンジン最適化に有利になることはあっても、不利になることはないのできちんと記述しておきましょう。 追記:2004年6月からYAHOOはYSTという独自検索エンジンに移行したのですが、このYSTにはMETAタグが有効なようです。再びMETAタグの重要度が増してきた感じですね。 METAタグは <html> <head> <meta name="robots" content="index,follow"> </head> <body> のように<head>と</head>の間に記述します。 METAタグで設定出来ることはロボ

  • <META>-HTMLタグリファレンス

    <META>タグはその文書に関する情報(メタ情報)を指定して、 ブラウザや検索ロボットに知らせるためのタグです。制作者やキーワード等の情報をname属性で定義して、 content属性でその値を指定します。 <META>タグは必ず<HEAD>~</HEAD>間に記述してください。 文字コードの指定 <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <meta http-equiv="Content-Type" content="text/html; charset=iso-2022-jp"> その文書の文字コードが「シフトJIS」の場合は「shift_jis」、

  • Movable Type 3.2 インストール手順解説

    Movable Type 3.3が公開されました。 MT3.3のインストール手順をお探しの方、もうしばらくお待ちください。 それまでは、筆者のブログで「MovableType3.2から3.3へのアップグレード手順」を公開していますので、こちらを参考にしてください。 投稿者: milano | パーマリンク Movable Typeの2.xの時代からずっと変わらなかった、 1. mt.cfg ファイルの修正 2. ファイルのアップ 3. mt-check.cgi の実行 4. mt-install.cgi の実行 5. mt.cgi の実行 という流れが変わっています。 このため、今までMovable Typeのインストール経験がある人も、多少とまどう事と思われます。 そんな人にも、また、インストールが初めてという人にもわかりやすく、図表付きでインストール手順を解説しました。 また、3.2で

  • 企業のWebマスターのための「せめてこれだけは使っておこう」 : DESIGN IT! w/LOVE

    不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 Webマスターの悩み会社からは「いまの時代、Webが重要だ」と言われ、Webマスターに任命されてはみたものの、まわりの人間や上司はぜんぜんWebについてのリテラシーは高くなく、かくいう自分も人のことは言えず、SEOやブログって言葉くらいは知ってるものの、流行のWeb2.0もなんだかよくわからないし、一体、これから何をどうしていけばいいんだろう? きっと、そんな悩みを多く抱えるWebマスターの方って結構多いんじゃないかと思う今日この頃。 とりあえず、自社のWebサイトをどうにかしようと、業者に頼んでみたものの、彼らが使う言葉はいまいち理解しきれなくて、それこそユーザビリティだとかアクセシビリティだとか、グローバルナビゲーションだとか適切なマークアップだとか、ターゲットブラウザ

  • 多くのユーザーは一度に1本しかジュースを買わない ― @IT

    ユーザビリティのヒント(1) 多くのユーザーは 一度に1しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。(編集部) 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ