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以下の横幅。 分布図の縦方向に線ができているのは、画面横一杯にウィ
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Work from Home High Speed Internet Best Mortgage Rates Health Insurance Healthy Weight Loss Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
NINJATOOLS
URLに間違いがないか、再度ご確認ください。 ファイルが削除・またはファイル名が変更されている可能性があります。 ご利用中のユーザー様は、忍者ホームページヘルプをご参照ください。
デザイン変更 - LOVE 2.0*
1カラムのデザインに変更したお！ べ・べつに Mugi2.0 の真似したわけじゃないんだからねっ！
やっぱり１カラム！
やっぱり１カラム。なんたって１カラム。 １カラムが落ち着く理由 大きめの文字の収まりが良い。 余白がゆったり取れる。 画像の幅を気にしなくて良い。 私の記事は長文になることが多いので、小さい文字でちまちま長々と提示すると、自分でも読みづらいな、と思うことがあるのです。そんな訳で、一旦１カラムに慣れてしまうと、アクセスの良さを利点とする２カラムの良さも知りながら、「やっぱり１カラムラブ。」と呟いてしまうのでした。 従来はトップページは２カラムまででしたが、今回はすべてのページが１カラムです。その結果、縦長のサイトになっていますが、ナビゲーションボックスとナビリンクがそれを補ってくれるのではないかと思っています。（でもちょっと迷子になりやすいかも。） ２カラムには２カラムの、３カラムには３カラムの ウェブサイトのレイアウトは、そのサイトの内容や、対象とする訪問者によってしっくりくるものがありま
毎日考ブログ -Web屋のウェブログ- | Web標準に進路を取れ 第5回「テーブルレイアウトは罪なのか」
テーブルレイアウトとはテーブルタグを、左のようにセルを切ってレイアウトするもの。そもそもはテーブルタグは表に使われるものであって、レイアウト目的で使うべきではないという意見はごもっともなものの、きっちり幅指定や余白指定ができてブラウザ依存しにくいことから、企業サイトはもとよりいろいろなサイトに使われておりました。いや、今でも立派に使われています。 対してCSSレイアウトは、上と同じレイアウトをHTML（XHTML）＋CSSで表現するもの。こんな感じです。記述は一例として適当に書いてるんで、アテにしたり突っ込みいれたりしないでくださいね(笑)。 【HTML】 <div id="header"> <h1>毎日考ブログ（ヘッダ部分）</h1> </div> <div id="main"> <div class="menu">メニュー部分</div> <div class="contents">本
GIGAZINE - ファイルサイズわずか3KBのオーバーレイ効果「Litebox」登場
オーバーレイ効果を作り出す「Lightbox」というスクリプトの超軽量版です。 実際の例やダウンロードは以下から。 Litebox- Same great taste, less calories http://www.doknowevil.net/litebox/ 上記ページの画像をクリックするとどういう効果なのかがよく分かります。 Liteboxで使われているのがこの「moo.fx」という軽量なJavaScriptエフェクトライブラリ。 moo.fx - the next small thing http://moofx.mad4milk.net/ また、類似品としてはこんなのもあります。 GIGAZINE - オーバーレイ効果を作り出す軽量スクリプト「iBox」
無料でウェブサイトのテンプレートを配布しているサイトいろいろ - GIGAZINE
オープンソースだったり、フリーだったりといろいろ。ブログのデザインの参考にしたり、見映えのするサイトを作りたいときとかに便利。全部でサイトデザインの総数は3000個以上ありますので、よりどりみどりです。 まずはこれ。数は少ないですが、ブログ用とかウェブサイト用以外に、写真もあります。 Open Source Website Templates and Downloads studio7designs studio 7 designs 次のサイトは現時点で1645もウェブサイトのデザインが置いてあります。 Open Web Design - Home 以下のサイトはテンプレート79個＋35個＋11個。ほかにもロゴとかもあります。 Zymic ¨ Free Templates & Tutorials 最後のサイトは現時点で1688もデザインがあります。 Open Source Web Desi
メッセージ。 - アルファベット前後のスペースとか
以下、某所にコメントしようとして書いた文章。こんなこと伝える必要ないし、おいらの意見は間違ってるなぁ〜と思ったので、投稿するのやめました。でもせっかく書いたので、ここには置くのですｗｗｗ。 あのぉ〜。自分、出版業界には少しだけ詳しいんですけど、「（アルファベットの前後に）半角スペースを入れるのは出版業界では常識」というのはすごく誤解を招く表現の気がしました……。 たとえば将来、もしあなたが出版社に原稿を持ち込むことになった、あるいは寄稿の依頼を受けて原稿を書くことになったとしたら、その原稿ではアルファベットの前後にスペースを入れないほうが編集者に喜ばれると思われます。 アルファベットの前後にスペースがあると、編集者はそれをすべて手作業で取り除かなければならないからです。というのも、アルファベットの前後にスペースを開けて見栄えを良くするという作業は、本来組版（紙上にテキストや図などをレイアウ
記事を新たなリンクの起点にしたい - Mugi2.0.1
■[Web] 記事を新たなリンクの起点にしたい 個人の趣味のブログっていうのは，ほんとうに自分の好きなようにデザインしていってよいと思います。 わざと読みづらくしたり，嫌われるようなデザインにしたり，ユーザビリティを落として，アクセスをコントロールするみたいなことも「あり」でしょう。案外それで幸福にブログをやっていけるかもしれないし…。 でもぼくは，パーマリンクで特定の記事にやってきた人に，他の記事への道筋は示しておきたいと思います。その記事がリンクの末端，行き止まりになってしまうのはもったいないと思うから。網目の交点でありたいし，幾重にも連なるその交点こそが「Webらしさ」を形づくるものだと思うから。新たなリンクへの起点としての役割を持たせたいと思います。 記事が新たなリンクの起点になるように，また，ナビゲーションとして使いやすく，分かりやすいものであるように，ぼくは次のようなことを考え
Fomalhaut of Piscis Australis : [ webdev ] よりよい Web サイトを作るための5ステップ
Joel Spolsky: Joel on Software ソフト開発の方法論はいくつも提唱されているが、それが何で大切なのか、実施しないとなぜダメなのかがいまいちわからない。そして何よりつまらない。この本は、先の疑問に答えてくれるし、読んでいて面白い。いまだに根性論を唱えているBossにぜひとも読んでいただきたい本だ。 (★★★★★) PaulGraham/川合史郎: ハッカーと画家 プログラマの考えや行動は一般の人から見ると、奇妙で理解しがたく映るらしい。彼らはなぜそう考えそう動くのか、なぜ「常識で動く」ことをしないのか。 プログラマも、そうでない方も一度は読んでほしい。 (★★★★★) Tom DeMarco: Slack ゆとりの法則 ゆとりをなく ( 過度に最適化 ) してしまえば、組織は環境適応能力をなくしてしまい、長期的に見ると衰退する。それだけじゃなく、ゆとりをなくしてし
![Fomalhaut of Piscis Australis : [ webdev ] よりよい Web サイトを作るための5ステップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/19d1fc6f454ca2b962084db44a484614756937d6/height=288;version=1;width=512/http%3A%2F%2Ffoma-zakki.cocolog-nifty.com%2F.shared-cocolog%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)
GIGAZINE - 画像を使わず、角にアンチエイリアスをかけて丸くする「curvyCorners」
「curvyCorners」はフリーのJavaScriptで、角が丸いコーナーをDIV要素で簡単に作ることが可能。特徴は画像を使ったのと同じくらい角がなめらかに丸くなる点と、いたって利用が簡単な点。 どれぐらい丸くなるのかという実例とコードのダウンロード、設置方法は以下を参照。 例その1、3ピクセルの白いボーダーを使い、角は半径20ピクセルで丸くなってます 例その2、固定幅と高さで画像を固定し、角は半径20ピクセルで丸くしている例 ダウンロードはこちらから 使い方は以下を参照 http://www.curvycorners.net/ ほとんどのメジャーなブラウザをサポートしているので汎用性も高く、使い勝手もいい感じです。
LOVE IS DESIGN : Webデザインと黄金比の関係
Webデザインや配色に役立つ（かもしれない）テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc ベストセラーのダ・ヴィンチ・コードにも出てくる「黄金比」という言葉を、みなさんも一度は聞いたことがあるかと思います。 先日テレビを見ていたら、「黄金比」について番組で取り上げていたので、興味深く見ていたら、なんとオードリー・ヘップバーンの顔の中にも黄金比がたくさんひそんでいたんだそうです。 ピラミッドやパルテノン神殿などの建築物、ミロのヴィーナス・モナリザの絵でも有名ですが、はるか昔から、最もバランスのとれた美しい比率とされる「黄金比」がなぜ美しいと言われるのでしょうか？ 松ぼっくりやひまわりの種など、自然界にある多くのものに、この法則が当てはまるというのがひとつの説に
窓の杜 - 【NEWS】継ぎ目の見えない壁紙やWebページのボタンなどを素早く作成できる「彩彩畑」
継ぎ目の見えない壁紙やWebページのボタンなどを素早く作成できる画像作成ソフト「彩彩畑」v4.71が、14日に公開された。Windows 98/2000/XPに対応するフリーソフトで、現在作者のホームページからダウンロードできる。 「彩彩畑」は、並べたときに継ぎ目の見えない壁紙や、Webページを飾るバナーやボタン、罫線、256色アイコン、さらに判子風の画像など、小さめの画像を作るのに適した画像作成ソフト。壁紙ならば、32～160ピクセル四方のBMP/JPEG/GIF形式で保存できる。 たとえば壁紙を作る場合、まずメイン画面左上の［素材集］ボタンを押して、“無限素材”画面に切り替えよう。次に、画面下側のタブとボタンで、模様のジャンルを24種類から選ぶ。選べるタブは、木やレンガ模様の［壁面素材］タブ、“Wingdings”などの絵文字フォントを模様に使う［絵フォント］タブ、Windows内のシ
統一された色彩を自動的に作るサイト「EasyRGB」 - GIGAZINE
奇抜で独創的な色の組み合わせではなく、あくまでも統一された色彩を作りたい場合に非常に便利。いわゆる色見本帳を見ながら行う一種の「カラーハーモニクス」をウェブサイト上で簡単に実現できます。 EasyRGB - Color harmonies, complements and themes. http://www.easyrgb.com/harmonies.php 例えばR:255、G:171、B:32と入力して「Start」をクリックすれば、自動的に入力した色と色彩的にあまり違和感のない統一された他の色の組み合わせを表示してくれます。RGBの範囲も指定できるので、あまりにもかけ離れた色は使いたくないという場合でも柔軟に対応が可能。 さらに便利なのがこちらのカラーマッチング。 EasyRGB - Match your RGB and color data with paint, inks, c
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 : akiyan.com
mixiのデザイン変更から学ぶ、ウェブサイトの最小横幅を800px以下にすべき理由 2006-02-09 mixiのレイアウトが大幅に変更された。右側にサイドバーが出現して、全体の横幅が大きく広がったのだ。全体の横幅は900pxほどだ。このため、私の環境ではブラウザの横スクロールバーが現れるようになってしまった。以下がその様子だ。 これはユーザビリティ的にかなりよくない状況だ。横スクロールは可能な限り避けなければならない。なぜなら多くのユーザーは横スクロールすること自体に不慣れだから。 しかし、画面を見てお気づきの方もいると思うが私はWindowsのタスクバーを縦に配置している。このレイアウトはマイノリティな類であろう。このレイアウトのためにブラウザの横幅が縮まっているので「それは例外だ。みんなブラウザの幅は900px以上にしてるよ」という声が聞こえてきそうだ。しかしこれには反論の余地があ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://1st.sunnyday.jp/weblog/archives/2005/post_5.html
http://d.hatena.ne.jp/drumsco/20060709
CSS Nite Vol.7: Web制作現場の対立を解消する！ XHTML CSSガイドライン作り [1]