Chrome Developer tools font size - Feeling Transfer Protocol
Google Chrome の Developer toolsでハマったのでメモ。 ある日、 ページの文字を大きくして見ようと思い、 確かショートカットで「Command」+「+」とかあったなーとか思い出して、 実際キーボードでは「Command」+「Shift」+「;」と押してみた。 すると、 おお！閲覧ページが拡大表示されるではないか！ えいっ、えいっ・・・ っと調子にのって大きくしすぎたので、 今度は逆の「Command」+「-」で小さくっと。 えいっ、えいっ・・・ ん？？ 一向に小さくならないってあれ？ Developer toolsの文字がやたら小さくなっとる・・(´・ω・｀)ｼｮﾎﾞｰﾝ ここで自分が「Command」+「-」のつもりで、「Command」+「Shift」+「-」としていたことに気づく 今度こそ、 「Command」+「-」で。 えいっ、えいっ・・・ うん小さく
寸法と解像度のチートシート
その他の寸法 ハガキ … 148 mm × 100 mm (A6 より横が 5 ％程度短い) 名刺 … 91 mm × 55 mm (B8 より横が 1 割程度短い) レター … 279 mm × 216 mm (A4 より縦が 1 割程度短く，横が数％長い) 新聞 … 開いた状態で 813 mm × 546 mm (A1 に近いが少し小さめ) クレジットカード … 85.6 mm × 54.0 mm 磁気カード … 85.0 mm × 57.5 mm テレホンカード … 86.0 mm × 54.0 mm CD … 直径 120 mm (穴は直径 15 mm，印刷可能範囲は直径 46 〜 116 mm の範囲) 証明書の写真の寸法 パスポート … 縦 4.5 cm × 横 3.5 cm 履歴書，TOEIC … 縦 4 cm × 横 3 cm TOEFL，英検 … 縦 3 cm × 横 3
ブクマしておくと何かと便利な、画面のレイアウト幅・画像サイズ表
スマートフォン、タブレット、デスクトップのために... / バナーサイズの国際標準 / タイムラインのサイズはこれで完璧！新Facebo...他...全4件 0-240px : ウェブを利用できる最も古いケータイ241-399px : iPhoneのポートレイト400-540px : iPhoneのランドスケープとAndroidのポートレイト541-767px : Kindle Fireのポートレイト768-959px : iPadなどのタブレットのポートレイト960+px : タブレットのほとんどのランドスケープ、デスクトップ 【レクタングル】 300 x 250250 x 250240 x 400336 x 280180 x 150300 x 100720 x 300【バナー・ボタン】 468 x 60234 x 6088 x 31120 x 90120 x 60120 x 24012
記事に挿入する画像のサイズの種類を増やせるWordPressプラグイン・Additional image sizes
地震の災害の最中ですし、僕も東京住まい でそれなりの被害がありますが、関東以外 の方は普通にお仕事をされてると思います。 地震の情報は多数存在しますし、僕が変に 介入しすぎても混乱を招きかねないので 本日より通常更新に戻ります。が、停電を 含め、地震の弊害次第では更新が止まる かも知れ無いことをご了承下さい。 さて、今日はちょっと便利そうなWordPressのプラグインがあったのでシェア。有りそうでなかったプラグインです。 WordPressは、画像をアップロードし、その画像を投稿に含める際にサイズを選べるんですが、そのサイズがデフォルトでは限られています。このサイズの種類を増やせるプラグインがAdditional image sizesです。 上記のように、デフォルトの4つのサイズ以外に3つ増えています。試してはいませんが、いくらでも増やせそうですよ。 設定 プラグインを有効化すると、「
バナー作成 バナーサイズ
《バナー・ボタンのサイズについて》 バナーやボタンなどは規格で決まったサイズはありますが、目的や使用方法によりサイト管理者が自分で決めれば良いでしょう。 ■自分のサイト内にリンクボタンとして使用する場合はサイトスペースに合ったサイズで作れば良いです。 規格にこだわる必要はまったくありません。 ■他のサイトから自分のサイトへリンクしてもらう場合はある程度規格に沿う必要があります。 単独で使用される場合は相手サイトが許せばどのようなサイズでも構いませんが、相手サイトがリンク集やバナーを並べて表示している場合はサイズが違うと凸凹してしまいますから、表示させる側としては嫌がります。 中には勝手にサイズを変えて表示されてしまいますので気をつけましょう。 相手に聞くのが一番です。 ■ポータルサイトなどへの広告バナーとして使用する場合は相手側の指定サイズに従う事になります。 規格に沿ったサイズから、表示
バナーサイズ一覧
いざバナーを作ろうとする時に悩むのがサイズ。巷でよく見かけるサイズを集めてみました。 いろんなサイズのバナーを作りたい場合は、まず88×31から。これ以外のサイズはあまり使用しません。 一般
バナーサイズの国際標準
バナーのサイズについて 最終修正日 2009.5.22. バナーとは 国際標準バナーサイズ一覧 国際標準サイズ一覧（画像） バナーとは Bannerは英語で旗の雅語です。サイトの旗です。 そして、日本のCG系に多い、200x40のバナーは日本のローカルサイズなのですね。なので海外ではアニメマニア以外はそのサイズのバナーを用意していません。「世界」と「一般」を意識するなら88x31のバナーも用意しましょう。 ところで海外の個人サイトのバナーサイズは恐ろしくバラバラで、たいていは海外は200x40よりは大きいものです。そのせいでしょうか、海外ではアニメ系でもテキストのみのリンク集が多いです。各サイトのバナーを張るとレイアウトがめちゃくちゃになるからでしょう。読み込みも遅そうですしね。 実はバナーには国際標準サイズというものがあります。 バナーというのは、リンクに添える画像と思われていて、実際個
インターネット広告のひみつ - バナー広告 サイズ
2.2 バナー広告 もっとも一般的なインターネット広告の種類。バナー広告がインターネット広告と同義の言葉として使用されることも多い。バナーと省略されることもある。小さめのバナーはバッジやタイルと呼ばれることもある。バナー（banner）が横断幕を意味するように，多くのバナー広告は細長い帯状の画像でできている。バナーの露出方法としては，ひとつの広告枠にひとつの広告を貼り付ける方法と，ひとつの広告枠を複数の広告でローテーションさせる方法がある。出稿期間や出稿量が同じであれば，貼り付け型はローテーション型よりもフリークエンシーが高くなり，ローテーション型は貼り付け型よりもリーチが広くなる。 バナー広告の形と大きさは，AAAAとANAにより組織されたCASIE（Coalition for Advertising Supported Information and Entertainment）および
iframe版ページタブでもFB.Canvas.setAutoResize()できる
2011年02月18日10:44 by facebookers iframe版ページタブでもFB.Canvas.setAutoResize()できる カテゴリTips Facebook アプリの設定ページでiFrameサイズ: Auto-resize指定できるのがキャンバスページのみだったので、iframe化したページタブでは高さ800px固定かと思ったんですが、どうやらできるみたいです。 キャンバスページと同様にjsを読み込んでfb-root指定のdivを用意しときます。 fb-root無いとエラー出ます。 <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script> <div id="fb-root"></div> で、ページのロード後に下記のように初期化してリサイズ設定で
ものさしを置いてウェブサイト内の長さを自由に測定できるサイト「Online Drag-and-drop Ruler」*二十歳街道まっしぐら（FC2ブログ時代）
「Online Drag-and-drop Ruler」はウェブサイトをものさしで測定できるサービスです。 ものさしで測りたいサイトのURLを指定すると、そのサイト上にものさしを置くことができます。 測れる長さは「cm」「in」「px」の三種類。 以下に使ってみた様子を載せておきます。 まず「Online Drag-and-drop Ruler」にアクセスしましょう。 長さを測りたいサイトのURLを入力します。 「Get」をクリックすると、ウェブサイトの読み込みが始まります。 読み込むとこのように、iframeでウェブサイトが表示され、その上にものさしが表示されます。 ものさしは自由に移動させることができます。 ものさしの長さは固定です（だと思います）。 「cm」「in」「px」をクリックすると、それぞれの長さにものさしが変化します。（色も変わります。） 全体のフレームの長さも大きくしたり
prototype.jsを用いたフォントサイズ変更スクリプト:phpspot開発日誌
prototype.jsを用いたフォントサイズ変更スクリプト - Ogawa::Memoranda それだけだとなんなので、prototype.js (Prototype JavaScript Framework: Class-style OO, Ajax, and more)を使ってフォントサイズ変更スクリプトを実現してみました。 prototype.jsを用いたフォントサイズ変更スクリプト。 実装することで次のように、文字のサイズを選べる機能をページに実装できます。 ブラウザの文字サイズを変更するよりも手軽に文字サイズを変更できる機能として、ユーザビリティ向上に役立ちそうですね。 関連エントリ ウィンドウサイズに応じてレイアウトを調整するJavaScriptライブラリ「Dynamiclayout.js」 JavaScriptを使ってページにマウスジェスチャ機能を実装する
clmemo@aka: Picasa Web Albums の写真をブログに貼り付ける時に、サムネイルのサイズを変える
Picasa Web Album には、ブログに写真を貼り付ける為に、HTML コードを吐き出す機能がある。HTML コードは、写真を選択してサイドバーから「ブログ/MySpace に埋め込む」というリンクをクリックすると得られる。 ところが、この HTML スクリプト。横幅 288px のサイズしか用意されていない。そして、288px はあまりにも小さすぎる。そこで、Google Operating System の Tips。 Google Operating System: Embed Photos from Picasa Web Albums 「ブログ/MySpace に埋め込む」から得られる画像ファイルの src は、以下の URL になっている (** は何かしらの文字列)。 http://**.google.com/image/USERNAME/**/**/**/s288/P
フォームの入力ボックスを動的にリサイズできるブックマークレット:phpspot開発日誌
The Man in Blue > Experiments > FormTextResizer FormTextResizer is a bookmarklet that allows you to resize any textarea or text input on any webpage. This way, you won't be confined to a teensy little comment box or e-mail field. Just activate the bookmarklet, then click-drag on the textarea or text field that you want to resize. Simple! フォームの入力ボックスを動的にリサイズできるブックマークレット。 サイトを巡回していると、フォームの入力ボックスが小さく
VMware仮想ディスクの拡張 - Ogawa::Memoranda
Posted by: Hirotaka Ogawa @ November 30, 2006 11:08 AM | VMware で仮想ディスクのサイズを変更したくなったとき :: Drk7jp そんな面倒くさいことをしなくても、VMwareで動作させている環境がKernel 2.6+LVM2で、Logical Volumeがext2かext3でフォーマットしてあるのであれば、何も考えずにオンラインリサイズできます。 もともと8GBだった仮想ディスクに2GB加えて10GBにする場合を例に説明します。まず、拡張前のfdisk, dfの出力がこんな感じです。 # /sbin/fdisk -l Disk /dev/hda: 8589 MB, 8589934592 bytes 255 heads, 63 sectors/track, 1044 cylinders Units = cylinders
VMware で仮想ディスクのサイズを変更したくなったとき :: Drk7jp
VMware 仮想ディスクマネーシャ（VMware Disk Manager）を使用する事で、コマンドラインから、仮想ディスクファイルの作成、管理、変更が可能です。 1) コマンドシンタックス vmware-vdiskmanager.exe -x <拡張後のサイズ> 仮想ディスクファイル.vmdk これで仮想ディスク容量の変更はOKです。これで、仮想環境上からみれる物理ディスクの容量は増えます。 仮想ディスク容量を増やした後どうする？ 上記のコマンドで仮想ディスクを増やしただけでは OS 上から使用可能な容量は増えません。パーティション情報も変更してやる必要があります。商用の Partition Magic とか持っていなくても、GParted Live CD を使えば、パーティション情報を変更することができます。ISOイメージをダウンロードして、VMware の仮想 CD-ROM の「I
リサイズ可能なブロック要素をページに作る為のJavaScriptコンポーネント:phpspot開発日誌
Jack Slocum's Blog Resizable Reloaded - A reusable component for resizing elements This is a basic as you get. To resize the box, position your mouse anywhere near the bottom, right or bottom right edge of the box. This example uses the default "floating" handles. リサイズ可能なブロック要素をページに作る為のJavaScript コンポーネント。 次のように、ブロック要素にリサイズハンドルを付けることができ、画像をその場でリサイズできます。 小さい画像を置いておいて、利用者が自由にリサイズするようなＵＩが実現出来ます。 Yahoo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EmChart