主要なブラウザをモニターいっぱいに広げた時の表示領域一覧表
640x480, 800x600, 1024x768, 1280x960, 1600x1200の五つのモニターサイズでIE, Fx, Safariなどのブラウザをいっぱいに広げた時に、ブラウザ内の表示領域をまとめた一覧を紹介します。 Web Safe Area 表では各ブラウザの表示可能な領域と、全てのブラウザで表示可能な領域が一覧となっています。 Compare Web Safe Area（全てのデータ） 現在、掲載されているデータは下記の通りです。 モニターサイズ 640x480 800x600 1024x768 1280x960 1600x1200 OS+ブラウザ Windows Vista + IE Windows Vista + Fx Windows XP + IE Windows XP + Fx Mac OS X + Fx Mac OS X + Safari また、サイトでは各
Webページをデザインするときにお世話になったサイト - これ僕.com：行動分析学マニアがおくる行動戦略
いま、次のWebアプリを作ってて、画面デザインから作成しているのだけど、角丸や配色なんかでお世話になったサイトをメモ的にあげておこうと思う。 角丸 角丸ライブラリ - tikeda::Diary 最近角丸を作る機会が多かったので、今後の為に色々整理してたんですが、公開しておきます。使えそうだったらいじって使ってください。 これは最高にありがたい。角丸をさくっと作れるCSSとイメージファイルがセットで提供されています。 404 Not Found こちらもありがたい。色や高さ、幅を指定すると、角丸の画像を作成してくれます。デザインスキルがない（ソフトもない）から、こういうのは本当に助かる。 配色 Design Meltdown § Top 20 Most Popular Blog Colors According to Technorati.com the follow blogs are
ウェブでのサボり癖を叱ってくれるツールのいろいろ | WIRED VISION
ウェブでのサボり癖を叱ってくれるツールのいろいろ 2007年10月10日 ワークスタイル コメント： トラックバック (1) How To Wiki 2007年10月10日 ウェブは、人間の生活における時間泥棒ナンバーワンの座をテレビから奪おうとしている。 そして、テレビとは異なり、ウェブは活動の境界線というものを考慮しない。したがって、ウェブでの「仕事」に費やす時間は、本質的に「遊び」に費やす時間と密接に絡み合っている。 ワイアードの『How To Wiki』セクションの記事「自分の会社のファイアーウォールを突破する(英文記事)」からも分かるように、この問題は人々の大きなストレスの原因になっているし、特に時間給で働く人に影響を及ぼしている(実際、なかなか仕事に取り掛からないでいると収入が減る上に、自由時間も少なくなってしまう)。 雇い主が自分に向ける厳しい監視の目を少しゆるめ、さらにはも
[Bookmarklet]ウェブデザインの確認に最適なブックマークレット -Design | コリス
Allan Jardine | Reflections ブックマークレット「Design」には４つのツールがあり、それぞれ同時に使用することもできます。 Grid リアルタイムに変更できるグリッドを表示します。
登録作業が全くいらないファイル共有サイト「drop.io」 - GIGAZINE
メールアドレスや名前などの登録作業が全くいらないシェアリングサイト「drop.io」。一度にアップできるファイルサイズの上限は100MBですが、メールで送るにはちょっと大きいなと言うときなどに簡単でとても便利。パスワードや有効期限も設定可能です。 詳細と使い方は、以下から。Drop.io: Simple, Private Storage & Sharing まずは、「Add Files」からアップロードするファイルを登録する。 URLの入力を行う。初めから7けたのランダムな英数字が入っていますが、7文字以上の任意のものも登録可能。 パスワードを入力する。パスワード無しでも問題なし。 期限を入力する。1日、1週間、1ヶ月、6ヶ月、1年から選択可能。これは意外と珍しい便利な機能かも。 アップしたコンテンツの表示や追加の方法は、以下の三つより選択可能。「表示のみ」、「表示とテキスト追加」、「表示
ウェブ2.0っぽいストライプ画像が簡単に作れる『Stripe Generator』 | POP*POP
これは素敵。最近はストライプ柄のデザインをよく見るようになりましたよね。そんなストライプ柄を簡単に作ってくれるジェネレータをご紹介。 これを使えば簡単に2.0っぽい（死語？）デザインを作ることができますね。 使い方も簡単です。以下に画像付でご紹介。 ↑ ストライプの太さや色、背景色などを決めていきます。ストライプに影もつけられますね。 ↑ 右の画像をクリックすればプレビューできます。できあがったら「DOWNLOAD」をクリック。 ↑ このような画像ができるので背景に指定すればOKです。 ご自身で作ってみたい方は以下からどうぞ。 » Stripe Generator – diagonal stripes background tiles ■ おまけ こうした2.0っぽいジェネレータはいろいろありますよね。せっかくなのでまとめておきます。よろしければどうぞ。 Web20Generator: X
無料でアンケートを作成できる『THE FORM ASSEMBLY』が最強すぎる | i d e a * i d e a
ドットインストール代表のライフハックブログ
破綻しない色の組み合わせが簡単に作成できる「ColorJack: Sphere」 - GIGAZINE
色彩構成を決めるのはなかなか難しいものがありますが、この「ColorJack: Sphere」を使えば、色彩の理屈にぴったり合った感覚のみに頼らない正確な色彩構成が可能です。 詳細は以下の通り。 ColorJack: Sphere 例えばこの「Neutral」なら連続した色を簡単に選ぶことができます 「Analogous」ならもうちょっと間隔を開けて選択するので色彩に幅ができます 「Clash」は補色の関係を考えるのに使える 「Six-Tone」あたりは割と使いやすい 「Websafe」にするといわゆるセーフカラーのみで選択可能になります 元々の色の組み合わせ自体をスペクトラム風以外にもいろいろと変更可能で、カスタム設定すればこんなことも可能です
画像で使われているフォントを調べる方法 | POP*POP
今回の「諦めている不便利」はこちらの投稿をご紹介（企画の詳細はこちら）。 ロゴを作る時に、クライアントから希望のフォントが使われている印刷物やビットマップ画像を示されて「このフォントで」と言われることがあります。その字形からフォント名(もしくは形が近いフォント)を検索する手はないものでしょうか？（ルミエールさんありがとうございます！） 個人的にも「このフォントいいな。何というフォントだろう？」と思いながら、わからなかった経験があります。 この解決方法を調べてみました。 「WhatTheFont」というサイトを使ってみるのはいかがでしょうか。画像で使われているフォントを調べてくれるサイトです。残念ながら日本語フォントには対応していませんが便利ですよ。 » WhatTheFont 使い方を簡単にご紹介します。 ↑ 調べたいフォントが描かれている画像をアップロードします。URLを指定しても取り込
あなたの中で 「えっ！マジで知らないの？このソフト・・無料だよ？」 「こんなにメチャメチャ役立つウェブサービスって世の中にあったんだねぇ」 というように下記のよう.. - 人力検索�
あなたの中で 「えっ！マジで知らないの？このソフト・・無料だよ？」 「こんなにメチャメチャ役立つウェブサービスって世の中にあったんだねぇ」 というように下記のように無料で役立つ『フリーソフト』や『ウェブサービス』を 提供しているあなただけのとっておきのサイトを教えてください！！ 今回は出来れば「Ｗｅｂ２．０」を象徴するＷｅｂサイトがたくさん出ることを願ってます。 ”Ｗｅｂ２．０とは？（http://arena.nikkeibp.co.jp/col/20051108/114164/）” 「私も使いたい！！」と思わせるような最高に役立つ情報をガシガシ投稿してください！！ 例 http://www.flickr.com/（オープンな写真共有サービス） http://symy.jp/?pFb （共同編集の百科事典ーウィキペディア） http://www.napster.com/ （ＭＰ３の分散型共
会員登録なしでコメント付ウェブページを転送できる『Fleck』 | 100SHIKI.COM
会員登録なしでコメント付ウェブページを転送できる『Fleck』 January 1st, 2007 Posted in 便利ツール（ウェブ） Write comment ウェブをコミュニケーションの媒介とすることが多くなってきた。 「このサイトのここがすごいよ」「ここの部分読んでおいて」などなどだ。 そういうときに便利そうなのがFleckだ。リリースされてだいぶ時間もたってきたので安定してきたようだ。さきほど試したら思いのほかいい感じなのでとりあげてみる（以前とりあげようとして不安定だったらとりあげなかったのだ）。 このサイトではあるページに対して自由にポストイット風にメモを貼り付けていくことができる。 そしてそのようにメモをつけたページにはユニークなURLが振られる。これを同僚や友人にそのまま転送すればOKである。 無論こうしたアイディアは昔からあったが、会員登録なしにURLをもらえるの
ウェブだけでここまでできる！Photoshopもびっくりの『Fauxto』 | p o p * p o p
これはすごい・・・Photoshopも顔負けの画像加工ソフトです。『Fauxto』はFLASHで作られたウェブ上のサービスです。 » Fauxto… like photo. それにしても高機能・・・ウェブOSがまた一歩近づきましたね。以下に詳しくご説明。 ↑ 一般的な画像加工ソフトに付いている基本的な機能は全てついています。 ↑ フィルターも5種類用意されています。エンボス加工してみました。 ↑ 画像は新規作成以外にも、ローカルPCからアップしたり、URLで指定できたりします。 ↑ タブで切り替えも可能。 ただ一点問題が。「やり直し」がききません。一筆入魂で描く覚悟がいりますね（消しゴムはありますが）。 しかし、それを抜きにしてもすばらしいソフトですね。ちなみにPhotoshopではなくて、Illustratorに近いものだと「Willustrator」がありますね。 » Willustr
comatta.jp - みんなの「困った」を共有しよう
このウェブスペースへは、まだホームページがアップロードされていません。 早速、エックスサーバー上へファイルをアップロードしてみましょう。 アップロードの方法などは、サポートマニュアルをご参照ください。
オープンソースのメディアプレイヤー｢Democracy｣
オープンソースのメディアプレイヤー、良さそうです。 ｢Democracy｣の0.9.2が先日リリースされていました。Quicktime、WMV、MPEG、AV、XVIDなどなど、数多くのフォーマットに対応しているほか、BitTorrentにも自動で連携してくれます。前バージョンよりもパフォーマンス周りが大幅に改善され、特にWindowsバージョンではメモリ使用量が50%～75%も削減されたとのこと。 もちろん無料。で、Windows、Mac、Linuxに対応しています。Ubuntuにも対応してくれたら、もっとデモクラティックなのになー。 Product Page, Free Download [Democracy, via boingboing]
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Stripe Generator - ajax diagonal stripes background designer
hereticanthem co.,ltd. » なにかと使えるWebジェネレータのまとめ その１
TechCrunch Japanese アーカイブ » オンライン写真編集ツールを比較する
ルー語変換 | Elementary, ...
学生の習慣 (Note Centric.com) | 100SHIKI
