こんにちは。エンジニアのつっちーです。 以前に、「メディアクエリの書き方に注意しないと、ウインドウ幅と表示倍率によっては、スタイルの適用されない状態が発生してしまう」という内容の記事を書きました。 今回はその続編です。前回の記事では、対策として以下の2点を挙げ、基本的には1の方法を利用すべきであるとまとめました。 メディアクエリの設定をmin-widthかmax-widthに統一する（推奨） メディアクエリの設定に小数を利用する（非推奨） でも、たまにこの方法では不便なケースにも遭遇します。そんなときに便利なnotというキーワードがあったことを、最近になって知りましたので、もう一つの解決策として取り上げてみます。 こんなとき、min-widthかmax-widthに統一するのは大変…… 上に書いたとおり、メディアクエリはmin-widthかmax-widthに統一したいものです。ブレイクポ
以下のようにウィンドウサイズによって画像サイズを変更したい時があります。 ・画面サイズ（横幅）が800px 以下の場合は 800px固定 ・画面サイズ（横幅）が800px 以上の場合は 100%（横いっぱい） jQueryを使って以下のようにします。 <img id="hogehoge" src="./test.jpg" width="800" /> <script> function liquid_image(){ var wh = jQuery(window).height(); var ww = jQuery(window).width(); if (ww > 800){ jQuery('#hogehoge').css("width", "100%"); } else{ jQuery('#hogehoge').css("width", "800px"); } } jQuery(doc
こんにちは（・∀・） Lightbox系のプラグインが使われるようになってきてJavascriptを使って新しくウィンドウを開くという動作はあまり使われなくなってきましたが、最近使う機会があり少し修正したので再掲します。 Javascriptを使用したサンプルをご紹介します。 今回は新しいウィンドウを開くサンプルです。 Javascriptを使えば新しくウィンドウを開く際の細かな指定ができます。ウィンドウの位置、サイズ、ツールバー・メニューバー等の表示非表示、サイズ変更の可不可等々。デザインに合わせて設定する事ができます。 対応ブラウザ IE Firefox Opera Chrome Safari ウィンドウの位置 Topから50px、Leftから50pxの位置に表示。 left=50 top=50 ウィンドウのサイズ width=550 height=550 ツールバーやメニュー
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
2Dテクスチャ～テクスチャの品質調整
Unity開発時に2Dテクスチャを扱うメモ。 ■テクスチャの品質調整 Assetsウィンドウで何かテクスチャを選択すると Inspectorウィンドウにそのテクスチャの詳細設定が表示される。 テクスチャ品質の変更は各プラットフォーム毎に行うようになっている。 （まとめて全部の指定を変更はできない様子）。 上の図はAssetsからテクスチャを選択した状態のInspectorウィンドウ。 Androidのマークが押されているので、Android向けビルド時のテクスチャ品質の設定欄が表示されている。 「Override for Android」にチェックを入れると設定が変更できるようになる。 設定を変えて「Apply」を押すとPreview欄にサイズ、形式、容量などが簡易表示されるので調整の目安になる。 Max Size： テクスチャサイズの指定。 原画を指定サイズにリサイズして適用する。 原画
発売時期は確定していないが、今年中に登場すると噂されているWindows 10。Windows 8.1の後継OSとして、いろいろな機能のブラッシュアップが行われている。 この連載ではプレビュー版の「Windows 10 Technical Preview」を利用し、Windows 10の新機能の紹介、解説する。 「スナップ」は、ウィンドウを画面端まで移動させると、左右であればデスクトップの半分のサイズに自動的にリサイズされる機能で、限られたスペースを効率的に活用できるので重宝されている。Windows 7で採用され、8でも搭載されていたが、基本的に左右の分割だけだった。8.1では3分割以上にも対応したが、10では上下の分割にも対応した。 ウィンドウを斜め上や斜め下に動かすと、デスクトップの4分の1のサイズにリサイズされるのだ。4つのウィンドウを細かい調整なしにデスクトップにぴったりと表示で
Ubuntuで端末(ターミナル)を開くと、毎回小さなウィンドウサイズで開くので、広い端末画面サイズが好みな私のプチ不満の一つでした。 調べてみると、gnome-terminal --geometry=150x40とすることで、指定したサイズにて端末を起動できることがわかりました。 ランチャのプロパティに上記のようなコマンドを設定することで、ランチャ経由の起動はOKとなったのですが、私はキーボードショートカットから端末を起動することも多いので、とりあえず腕力勝負で下記のようにしてしまいました・・ #もっとスマートな方法はないものでしょうか 1. /usr/bin/gnome-terminal を、 /usr/bin/gnome-terminal-original と名前変更cd /usr/bin sudo mv gnome-terminal gnome-terminal-original2.
PDFのサイズを変更する方法
PDFのサイズを変更する方法を紹介します。 このエントリーでは、以下の「てすと」とだけ書かれたA4サイズのファイルをB4サイズに変更してみます。 プリンタの設定でB4に拡大すれば問題ない場合もありますが、たとえば近頃流行のネットプリントなどではファイルサイズと異なる設定ができないケースもあるかもしれないので、そういう場合に役立つかもしれません。 このテクニックにはAdobe AcrobatまたはPrimo PDFが必要です。 １．ファイルサイズを確認する サイズを変更する前にファイルのサイズを確認するには、Adpbe ReaderなどでPDFファイルを開き、「ファイル」→「プロパティ」を選択。 開いた「文書のプロパティ」画面の「概要」タブに「ページサイズ」が表示されます。 （クリックで拡大） 210 x 297mmでA4サイズであることが分かります。 ２．Windows10 + Acrob
MySQL 各テーブル毎に容量を確認する
MySQLを使用する際、DBのサイズが肥大化しサーバのHDDが逼迫することがあります。そういったときは「どのテーブルのサイズが大きいのか」を次のSQLを使い確認します。 SELECT table_name , engine , table_rows AS tbl_rows , avg_row_length AS rlen , floor((data_length + index_length) / 1024) AS allkb , floor((data_length) / 1024) AS dkb , floor((index_length) / 1024) AS ikb FROM information_schema.tables ORDER BY (data_length + index_length) DESC; 上記のSQLを実行すると次のような結果が表示されます。（サンプルとし
タッチ・パネルのような直接触る入力手法の場合，自然な操作のためには，画面の情報やGUIに対してヒューマン・スケール（手や指などのサイズ）の影響が大きくなる。iPhoneでは指先でも操作が難しい場合があったが，その点サイズが大きいiPadのほうが，より楽に操作できる。 iPadのサイズは，指というより「手」のスケールに近いので，操作中に意図せず他の指や手の腹が触れるといったことに，今までよりも注意を払う必要がある。残念ながら，こうした意図しない入力への処理については，iPad向けの対策がまだ不十分である。 メモ・アプリやiBooksなど，Apple社が自ら開発したアプリは，細部まで作りこんでおり，非常にリアルである（図1）。映像表現をリアルにする事で，人が無意識に現実世界と同じ動作や作法で触らせようとしているようだ。ただし，課題もある。例えば，Apple社のメモ・アプリはシステム手帳に限りな
Honeycomb でかいよね！ そのまま起動すると大変！ Honeycomb に入っている Skin は WXGA (1280x800) だけです。 このまま起動すると 1280x800 なので、私のノパソの画面には 入りません。 Android SDK and AVD Manager の Virtual devices で ”Start...”をクリックすると、Launch Options の ダイアログになります。 ここで、Scale display to real size にチェックを入れて 各値を設定することで、エミュレータの起動サイズを 変更することができます。 設定値には ・ Screen Size (in) : インチ ・ Monitor dpi ・ Scale があり、 Scale = Screen Size * Monitor dpi * なにか ( 〜 0.0001
本の判型
江戸時代当時、将軍家と徳川御三家では美濃で作られた紙、美濃判（縦九寸、横一尺三寸）を権力の象徴として使用していました。大名はそれよりも一回り小さいサイズの紙を使い、一般の者たちはそれよりもさらに小さいサイズを使っていたようです。 時代も明治に移り、士農工商という身分制度が廃止されると、多くの人たちが競ってこの大きなサイズの紙、美濃判を使うようになり、美濃判が和紙の標準サイズとして定着していきました。 またそのころ、イギリスから輸入されたクラウン判（787×1092mm）の変形が美濃判の八倍のサイズ（788×1091mm）であったことから、大八つ判という紙として販売されました。この大八つ判を三十二面に裁断すると四寸×六寸の大きさになるため、大八つ判という呼ばれ方よりも四六判という呼ばれかたが定着していきました。 ●菊判 明治の半ば、日本橋の川上商店という会社がアメリカの標準判を一回り（１イン
タイヤ外径サイズ計算 - Cars Japan
タイヤサイズの入力によりタイヤの外径サイズ、タイヤ幅、 扁平率、リム径(ホイール径)を算出し、あわせて、算出された外径サイズ、タイヤ幅を基に、 外径と幅の近いサイズを互換適合タイヤサイズの参考値として一覧表示します。 タイヤ外径サイズやタイヤ幅の変更はスピードメーターの表示に誤差や フェンダーやホイールハウス内へのタイヤの接触が生じる場合があります。 また、タイヤサイズ別に決められているロードインデックス(ＬＩ値)が 純正標準設定値を下回らないように注意が必要です。
デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール
以前 [Unity]NGUIで画面サイズに合わせる(その2) で書いたスクリプトが、NGUI 2.3.0 の変更との兼ね合いで正しく動かなくなっていたので、今更ですが対応版です。 UIRoot.automatic が obsolete 扱いになり、代わりに scalingStyle というパラメータに変更になったようです。 PixelPerfect : 拡大縮小しない(automatic = true 相当) FixedSize : 画面の高さに合わせる(automatic = false 相当) FixedSizeOnMobile : iOS, Android のときは FixedSize、それ以外では PixedPerfect 横がはみ出ないように画面の幅に合わせる機能は現在でもないようですね。 というわけで、数行しか変わっていませんが 2.3.0 対応版です。 using Unity
スマホにかぎらず、タブレットやポケットルーターなど、身の回りのデジタル製品をカバーできるバッテリーは1台持っていると安心できるアイテムだ。モバイルバッテリー市場は年々高容量・低価格化が進んでおり、ユーザーにとってはうれしい状況だが、自分に合った製品がわからない、なんて人も多いのでは？ そこでASCII.jp編集部ナカムラが、機能性や値段と容量のバランス、携帯性など、様々な観点から、今最も「買い」のモバイルバッテリーを選んでみた。 目が光って残量をお知らせ！ 人気のダンボーバッテリーにミニサイズが登場 「cheero Power Plus DANBOARD version -mini-」 参考価格 3250円 人気漫画「よつばと！」のキャラクター「ダンボー」とコラボしたモバイルバッテリー。既存モデルは今年6月のリリース直後に、あっという間に生産台数の7000台を完売した。そのダンボーバッテリ
ワードプレスのテンプレートタグはとても便利で恋をしそうな程です。しかし、ちょいと困ったことがあります。テンプレートというだけあって決まった動き・表示しかしないことです。 欲しいのは画像のURLだけなんだ！ アイキャッチ画像を表示する方法を以前ご紹介しましたが、「表示」は簡単なんです。 アイキャッチ画像表示のテンプレートタグ【the_post_thumbnail()】でimg のhtmlまで形成して出力してくれるもんだからテンプレートタグを埋め込むだけで終わりなんですよね。 でも、欲しいのはURLなんです！ URLだけ取得するテンプレートタグ テンプレートタグでアイキャッチのURLだけを取得する事は可能！ ついでに、PHPの関数を駆使して分かりやすくまとめる！ アイキャッチ画像の要素とその要素分割するPHP関数を使っちゃいます(｀･ω･´)ゞ テンプレートタグは「wp_get_attachm
2006-05-29
はてなアンテナデータベース障害の復旧 5/26より発生しておりました、データベース障害につきまして、本日復旧いたしました。巡回されていなかったページにつきましては、順次正常に更新がチェックされるかと思います。長時間に渡り正常にご利用いただけない状態となっており、ご迷惑をおかけし大変申し訳ございませんでした。 はてなアイデア、はてなグラフデータベースメンテナンス 5/30 10:30 より、およそ1時間の予定ではてなアイデアとはてなグラフのデータベースメンテナンスを行います。この影響で、上記の時間帯はサービスをご利用いただけない状態となります。ご利用の皆さまにはご迷惑をおかけし申し訳ございません。 追記 5/30 メンテナンス終了いたしました。メンテナンスにご協力いただきありがとうございました。 http 記法の拡張について2 URLなどのリンクを簡単に記述する、http記法に「:movie
#import <UIKit/UIKit.h> @interface AutoSizingLabel : UILabel {} - (id) initWithText:(NSString *)text andFont:(UIFont *)font; @end @implementation AutoSizingLabel - (id) initWithText:(NSString *)text andFont:(UIFont *)font { CGSize size = [text sizeWithFont:font constrainedToSize:CGSizeMake([[UIScreen mainScreen] bounds].size.width, 10000) lineBreakMode:UILineBreakModeTailTruncation]; self = [super
フリーランスでwebの仕事をしながらwebサービスとかを作ったり作らなかったり、成長と挫折の記録・・・かもしれないインストール編はこちら さて、前回ImageMagickのPECL拡張モジュールimagick.soをインストールしたので、これを使ってPHPによる画像変換プログラムを構築してみる。 画像変換といっても色々あるので、どんな機能が欲しいかあげてみる。 サイズ（大きさ）の変更 サイズ（容量）の変更 形式の変更 URLから画像を抽出して変換⇒出力 機能は腐るほどあるみたいだけど、とりあえずこのあたりができればいいや。 んじゃ、こんな感じのURLを想定して考えてみる。 xxx.php?url=[取得する画像URL]&w=[width]&h=[height]&type=[形式(jpg,png,gifのどれか)]&q=[画像の圧縮率] 書いたコードはこんな感じ $url=$_GET['ur
CSSのtext-overflowでellipsisを指定すると はみ出したテキストを、javascriptや、jsp、phpなどを使わなくても省略表示できます。 意外とIEでも6から対応しているので、仕事でも心置きなく使えます。 2014/05/10 制作日誌更新！ある日のランチ風景をレポート！ 2014/05/08 movieに予告編ｘｘ版を追加しました 2014/05/05 制作日誌更新！主演のｘｘｘｘさんを直撃！ text-overflowを有効にする4つの条件 text-overflowは、表示領域からテキストがはみ出した場合 末尾に省略記号の「…」を表示するかどうか指定するCSSプロパティです。 そのため、text-overflowが表示領域とはみ出しを認識できるよう 幅指定で「表示領域」をつくって 改行禁止やはみ出し禁止で「はみ出す」概念を準備しないと効果がありません。 幅指
PHPで、画像ファイルの縦横のサイズを取得するスクリプト スクリプト 1 #!/usr/local/bin/php -q 2 <?php 3 4 $url = "http://k.yimg.jp/images/top/sp/logo.gif"; 5 6 list($width,$height) = getimagesize($url); 7 8 var_dump($width); 9 var_dump($height); 10 11 ?> 実行結果 $ ./imagesize.php int(221) 横(ピクセル) int(59) 縦(ピクセル)
中吊りポスター | | 株式会社エキスプレス広告社
中吊りポスターは２日(３日)単位で変化しますので、タイムリーに告知することが可能です。 そのため、主に出版・流通をはじめ、「新発売、新登場の告知」広告に最適です。 また、イベントの告知など、開催日の決まっている場合に直前告知を目的路線で行うことにより、 広告効果を上げることが可能です。 サイズはシングル(Ｂ３)横が基本ですが、2枚分の大きさのワイドで展開する事により、 よりインパクトのある訴求も可能です。 また、キャンペーン展開時には駅ポスター等とのメディアミックスにより、さらに高い効果が期待できる媒体です。 中吊りポスターサイズについて ポスターは通常、Ｂ３サイズを横置きで使用します｡ ピンク色の部分はクリップにてはさまれる部分で見えなくなりますので 重要な事項(ご連絡先やお名前等)は別の個所にお入れください。 ワイドサイズはＢ３の用紙を2枚横につなげたサイズとなります｡ 電車内掲出位置
サービス終了のお知らせ
サービス終了のお知らせ いつもYahoo! JAPANのサービスをご利用いただき誠にありがとうございます。 お客様がアクセスされたサービスは本日までにサービスを終了いたしました。 今後ともYahoo! JAPANのサービスをご愛顧くださいますよう、よろしくお願いいたします。
if (matchMedia('(max-width: 798px)').matches) { // ウィンドウサイズが798px以下のとき } else { // それ以外 } .matchMedia() を使うことでCSSのメディアクエリのように条件分岐することができます。しかし、この記述だと ページが読み込まれた時 にしか実行されません。CSSのメディアクエリはウィンドウサイズを変更したらスタイルが適用されますよね。 var mediaQuery = matchMedia('(max-width: 798px)'); // ページが読み込まれた時に実行 handle(mediaQuery); // ウィンドウサイズが変更されても実行されるように mediaQuery.addListener(handle); function handle(mq) { if (mq.matches)
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」の紹介です。 変更前 変更後 １．はじめに テーブルの列幅は通常であれば固定されていますが、このプラグインを利用することで可変にすることができます。 特定の列を折り返しなしで見たいときなど便利そうです。 また変更内容をlocalStorageに保存して、リロードしても元に戻らないようにさせることも可能です。 ２．プラグインのダウンロード jQuery Resizable Columnsプラグインのページにアクセスし、「Download ZIP」をクリックしてアーカイブをダウンロードします。 ダウンロードしたアーカイブを展開し、中にあるdist配下の、 jquery.resizableColumns.js jquery.resizableColumns.min.js のいずれかを利用します。 ３
海外FX業者を利用する上で、ボーナスは絶対に欠かせません。口座を新規開設するだけでもらえる「口座開設ボーナス」、入金時にもらえる「入金ボーナス」、その他にもキャッシュバックなど、様々なボーナスがもらえます。 受け取ったボーナスはそのまま取引に使え、利益が出た時は出金することも可能です。お得はあっても損はないボーナスなので、海外FX業者を選ぶ際には必ず比較しておきたいところです。 そこでこの記事では、海外FXボーナス(口座開設ボーナス・入金ボーナスキャンペーン)を徹底的に研究した上で、おすすめ比較ランキングにまとめてみました。日本人に人気のFX業者だけでなく、マイナーの海外FX業者や注意点なども詳しく解説していきます。 「海外FXボーナスが豪華な業者をすぐに知りたい」という方向けに、海外FXボーナス選びに役立つカオスマップを作成したのでこちらも併せて参考にしてください。 「どのFX業者で口座
FiresizeはWeb上の画像を任意のサイズにリサイズしてくれるWebサービスです。例えば http://example.com/foobar.jpg といった画像があった場合、 http://firesize.com/400×300/g_center/http://example.com/foobar.jpg のようにサイズを指定すればそのサイズに変換して返してくれます。特に特定のライブラリやCSSを読む込む必要はなく、Firesizeにサイズとリサイズする画像のパスを指定すればそのサイズに変換しCDNにホストされるので、そのパスを使ってね、という類のもののようです。こういった仕様なので用途は限られますが、覚えておいても損は無いかもですね。 Firesize
※ご注意 サイズは、ブランドやデザインによって大きく異なる場合があります。 サイズガイドは、あくまでも目安としてご利用ください。 サイズガイドの内容と、商品ページで提示されている情報が異なる場合があります。 不明な点がある場合は該当の商品詳細ページより、「出品者へ質問する」からお問い合わせください。
アイコン画像お願いするときに困ったのでまとめました。間違ってたら指摘してくださると助かります。あとSymbianやBlackberryのサイズわかる方いらっしゃいましたら補足お願いします。 縦横 プラットフォーム 用途 512 iPhone AppStore掲載用(iTunesとかで表示される) 200 WP7 PC用アイコン(Zune Softwareとかで表示される) 173 WP7 ホームスクリーンタイル・Marketplace 大きいアイコン 114 iPhone アプリケーションアイコン(Retina Display用) 99 WP7 Marketplace 小さいアイコン 90 WM6.5 スタートメニュー(192dpi) 64 WM/WM6.5 大きいアイコン(高解像度)、Marketplace Webサイト 62 WP7 ホームスクリーンメニュー 60 WM6.5 Mark
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
「お気に入りの写真だけどサイズが合わない」 「写真の一部のみが切り取られている」 「写真をバナー用に引き伸ばしたい」 写真加工をしていると、一度はこのような経験があるのではないでしょうか。 これらの問題を解決する方法として従来は、フォトショップのAI生成を導入した「ジェネレーティブ塗りつぶし」機能や、なぞるだけで不要なものを消す「削除ツール」など、専用のデザインアプリを利用する必要がありました。 しかし、今回ご紹介する無料のオンラインツール Uncropping を利用すれば、フォトショップが利用できない環境でも、高度な写真加工を実現でき、作業も数クリックというお手軽さ。 画像には写っていない、向こう側の世界を表現できるツールを駆使して、デザイン制作がグッと加速させてみましょう。 写真をどんなサイズ・形式に拡張できるUncropとは？ Uncropは、画像をアップロードするだけで、お好みの
Any Two Pages on the Web Are Connected By 19 Clicks or Less
Any Two Pages on the Web Are Connected By 19 Clicks or Less There are more than 14 billion pages on the web, but they are linked by hyperconnected nodes, like Hollywood actors connected through Kevin Bacon The Opte Project creates visualizations of the 14 billion pages that make up the network of the web. Image via Opte Project Note: After publishing this article, it came to our attention that Bar
svgで画像を読み込む際，画像のリサイズ方法を指定するためにpreserveAspectRatio属性が定められています． これはラスタ画像を読み込む分には単純なのですが，いざ外部のsvg画像を読み込むとなると非常にややこしいことになります．ですので，それらを整理するための検証コードを記述して見ました． preserveAspectRatio属性とは svgから外部の画像を読み込む場合，image要素を用います．この時image要素が定める描画領域のサイズと読み込む画像のサイズとの間に差があった場合，何らかの方法で画像の引き伸ばし処理が必要となります．この引き伸ばし方法を指定するものがpreserveAspectRatio属性です． 引き伸ばし方には概ね3つの方法があり，これらと画像を拡大するための基準を表す値「xMinYMin〜xMaxYMax」とを組み合わせることで引き伸ばし処理を定義
デジタルカメラの購入遍歴の最初はオリンパスのコンデジ（コンパクトデジタルカメラ）だったような気がする。 10年ほど前だっただろうか。画素数も100万画素くらいだったような気がする。 コンデジは、Canon IXYやNikon COOLPIX、最近ではRICOH GR DIGITAL II。 眼デジ（一眼レフデジタルカメラ）は、Canon 1D Mark II、Canon 1Ds、Olympus E-420、そして今回Nikon D700を購入しました。 銀塩カメラからデジタルカメラに移行した時は、フィルムの現像代が掛からないので1枚1枚への撮影を気軽にできることのデメリットとして失敗写真から学ばなくなった自分に気がつき、デジタルカメラから銀塩へと後戻りしていた時期も長く続いていました。今でも、Polaroid 690はRolleiflex3.5Fを持ち出すこともあります。 眼デジを購入する
【横須賀中央駅】米軍基地隣「本場アメリカサイズ」の巨大で美味しいハンバーガー専門店『ハニービー』【ランチ・ディナー】 - デザインしない暮らし。
無性にハンバーガーって食べたくなるときありますよね！ 今日はいつもより豪華にがっつりハンバーガーを食べたい時におすすめの、 本格的なハンバーガーのお店です！ 横須賀の米軍基地近くのハンバーガー屋さん 1968年から続く、老舗ハンバーガー店 おすすめのハンバーガーを注文 注文したハンバーガーが想像を超えてきた、、 ジューシー肉厚パティとふわっとバンズが超美味しい！ だいぶアメリカンサイズ まとめ 横須賀の米軍基地近くのハンバーガー屋さん 京浜急行本線、横須賀中央駅から少し歩いたところにある『ハニービー』というお店です。 ネオンがおしゃれなこのお店は、アメリカンハンバーガー専門店です。ちょっとお値段は張りますが、とても本格的なハンバーガーが食べれるとのことで行ってみました！ 1968年から続く、老舗ハンバーガー店 なんと営業から50年も経っている、とても歴史のあるお店なんです！米軍横須賀基地の
svgはxml記述で自由にグラフィックを描くことが出来る上，今日ほとんどのwebブラウザで表示・印刷することが可能であるなど，使い勝手が良いのが魅力です． そこで，レポート用紙などの用紙テンプレートをsvgで作ることを考えてみました．一般のテンプレートファイルはオフィスアプリケーションで作られていたりpdfで配布されているため，専用のツールを利用する必要があります．これをsvgで作っておけば環境を選ばずに出力可能となるためより利便性が高まるはずです． しかし実際に試してみるとwebブラウザ毎に出力結果が異なる等，中々思い通りには行かないようです．そこで，今回はsvgをwebブラウザで印刷する際の挙動についてまとめて見ました． svgを印刷用途で用いる svgは一般にディスプレイ上にグラフィックを描画するものとして考えられていますが，かつてのsvg1.2ではsvg printとして印刷用途と
Asus 高解像度 1920×1200 WUXGA 10.1インチ ノートパソコンにもなるタブレット「Transformer Pad Infinity 700 Series」発表 Asus Transformer Pad Infinity 700 Series Asus 人気タブレットシリーズ「Transformer」最上位モデル新発表。10.1サイズディスプレイ、1920×1200 WUXGA 解像度、バッテリー内臓のキーボードドックを装着するとノートパソコンにもなる。Wi-Fi / 3G / LTE の3モデルを用意、モデルにより搭載プロセッサが異なる。 ■ スペック OS: Android 4.0 Ice Cream Sandwich CPU(Wi-Fi): NVDIA Tegra 3 T33 Quad-core 1.6GHz CPU(Wi-Fi+3G): Qualcomm Snap
マイカテゴリー 購入レビュー(151) PC関連(33) 本の電子化(自炊)(12) ScanSnap(14) Acrobat/PDF(10) DC-210N裁断機(10) iPad(18) EOS 60D/Kiss X5(17) DMC-LX3(7) 写真(32) 写真(家電分解レビュー)(11) 写真(川崎風景)(22) PCゲーム・ソフト(4) web関連本レビュー(2) webデザイン参考サイト(13) XHTML+CSS(8) スマートフォンサイト制作(3) javascript/Ajax(8) SEO(5) 携帯サイト制作(3) ネット関連(14) so-netブログカスタマイズ(4) dreamweaver(3) Fireworks(3) FLASH(3) edius(0) 部屋写真が見れるサイト(24) 3DS/DS/Wii(6) 買い物前の調べ物(8) マインドマップ(1
iOS、Mac、Androidのアプリに必要なサイズのアイコンを一度に書きだすアプリAppIconをバージョンアップしました | HAPPY*TRAP
AppIcon AppIconをご愛顧いただきまして、ありがとうございます。 約1年ぶりのバージョンアップとなりましたが、iOS7で新たに必要になったサイズのアイコンも書き出せるようになりました。 バージョン 1.3 の新機能 iOS7アプリ用に6種類のサイズを追加しました。+ Icon-40.png + Icon-40@2x.png + Icon-60.png + Icon-60@2x.png + Icon-76.png + Icon-76@2x.png Androidアプリ用に2種類のサイズを追加しました。+ drawable-xxhdpi/ic_launcher.png + playstore.png バージョン 1.3で書き出せるアイコンの種類は以下になります。 iOSアプリ用のアイコン ファイル名 キャンバスサイズ (ピクセル) Icon.png 57 x 5
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「未満」を表現！メディアクエリの「not」キーワード | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ウィンドウサイズ変更を検知してサイズによって画像サイズを変更する｜プログラムメモ
Javascriptで新しいウィンドウを開く – Webデザインラボ
ディレクトリ以下のディスク容量を調べるduコマンド - Qiita
Windows 10、「スナップ機能」で4分の1分割も可能に
Ubuntuといっしょ [L] 端末の大きさを指定して開く方法
iPadのサイズは「指」というより「手」のスケールに近くなっている
Android Emulator の起動サイズを変える
Outlookで複数の項目をソートするためのちょっとしたコツ | ライフハッカー・ジャパン
[Unity]NGUIで画面サイズに合わせる(NGUI2.3.0対応版)
軽くて大容量、そして安い！ 今「買い」のモバイルバッテリー5選
ワードプレスのアイキャッチのURLを取得したい！画像のURLだけ欲しい！
自動的にサイズが決まるUILabel - UDONCHAN
phpでImageMagickを用いた画像変換サーバを構築(コーディング編) - 適当な日々
CSSのtext-overflowではみ出したテキストを「…」表示
PHP 画像の縦横のサイズ取得 : 脱落エンジニアの奮闘日誌
.matchMedia()でJSでもメディアクエリを使って条件分岐する | SPYWEB
jQueryでテーブル幅を変更できる「jQuery Resizable Columnsプラグイン」
海外FXボーナスおすすめ比較17選！日本人に人気のFX業者一覧を紹介【2024年1月徹底調査】
Web上にある画像を任意のサイズに変換してくれる・「Firesize」
各種アパレルサイズ表｜eBay（イーベイ）公認の海外オークションサイト セカイモン（sekaimon）
スマートフォン用アプリケーションアイコンサイズ早見表 - backyard of 伊勢的新常識
stackstock.net - stackstock リソースおよび情報
数クリックで完成、写真サイズを無限に拡張できるAIツール Uncrop
svgのpreserveAspectRatio属性の動作検証
イメージセンサのサイズでデジカメを選ぶ - jitto note
svgの印刷結果をクロスブラウザ化する
Asus 高解像度 1920×1200 WUXGA 10.1インチ ノートパソコンにもなるタブレット「Transformer Pad Infinity 700 Series」発表
レターパックプラスのサイズ・大きさ・厚さを調べ４つの物を入れてみた：帳：So-netブログ