viewport メタタグと @viewport 規則 - Dev.Opera
viewport メタタグと @viewport 規則 Translated by Masataka Yakura · 31 Mar, 2011Published in: target-densitydpi, mobile, opera mobile, viewport, device-pixel-ratioThis is a translation of An introduction to meta viewport and @viewport, written by Andreas Bovens. はじめに Opera のモバイル製品ではずいぶん昔から viewport メタタグをサポートしています。Opera Mobile 11 になって viewport 実装はより堅牢なものになり、また、異なる画面密度に対応する新しいメカニズムもサポートしました。さらには、私たちが提出した @v
【応用】Androidブラウザでviewportのwidth指定【しました】 « VITALIFY SMARTPHONE ARCHIVE |
最近書かれた「to-R」のこちらの記事、見られた方も多いと思います。 ◆続：Androidブラウザでviewportのwidth指定 スクリプトの量は増えてますが以前書かれていたものよりスマートぽい！ これはと思い早速スマホサイト構築で参考にさせていただきました。 が、どうもうまくいかない… 私が確認したGALAXY（android 2.3）では縦横切り替えても縦の小さい表示のまま。 用意されているサンプルでも同じくだったので、ここから改良を加えることにしました。 ▼元script var portraitWidth,landscapeWidth; $(window).bind("resize", function(){ if(Math.abs(window.orientation) === 0){ if(/Android/.test(window.navigator.userAgen
続：Androidブラウザでviewportのwidth指定
続：Androidブラウザでviewportのwidth指定 １年ほど前にAndroidブラウザでviewportのwidth指定という記事を書いたのですが、１年間いろんな端末や状況に対応しているうちに今は結構違うスクリプトを利用しています。 var portraitWidth,landscapeWidth; $(window).bind("resize", function(){ if(Math.abs(window.orientation) === 0){ if(/Android/.test(window.navigator.userAgent)){ if(!portraitWidth)portraitWidth=$(window).width(); }else{ portraitWidth=$(window).width(); } $("html").css("zoom" , por
さらばmozとoのdevice-pixel-ratio - fragmentary
そういえば、Firefox 16とOpera 12.10からメディアクエリーのresolutionとdppxが使えるのを思い出した。 これらを使うと、Retina displayはじめ高密度なディスプレイに対応するコードがけっこう短くなる。 これまではこんな感じ。 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1) { .foo { background-image: url(image-2x.png); } } } device-pixel-ratioはもともとWebKitの拡張だったもの。それをMozillaとOperaも取り入れたのだけど、ベンダー接頭辞の面倒さに加えてmin-/max-のつき方、値の書き方がばらばら
OAuthの認証にWebViewを使うのはやめよう
AndroidからTwitterへアクセスするためのライブラリとして，Twitter4Jが有名です． これを使ってみようと，「Android Twitter4J」と検索すると 認証にWebViewを使った例がたくさん出てきます． ・・・いや，ちょっとまて． それはちょっとまずいだろう． そういうわけでもうちょっと賢い方法を探してみました． 何がまずいのさ 「Android Twitter4J」と検索すると，上位にこんなページが出てきます． Twitter4jを使ってOAuth認証をアプリ内で行う方法 Twitter4j-2.2.xを使ったOAuth認証のコーディング例 twitter4jでツイートする Android+Twitter4JでOAuthするためのソースコード 上のサイトでは次の様は方法をとっています． アプリ内にWebViewを貼り付け WebViewでTwitterの認証画面
[CSS]2012年最も人気のあったCSSリセットとどれを使えばいいかの指針、と上手に使うポイント
ブラウザのスタイルを初期化するCSSリセットの2012年に人気のあったものと、どのCSSリセットを使えばいいのか判断するポイント、CSSリセットを上手に使うポイントを紹介します。 CSS Reset 下記は各ポイントを意訳したものです。 2012年人気のあったCSSリセット どのCSSリセットを使うべきか判断するポイント CSSリセットを上手に使うポイント 2012年人気のあったCSS Reset まずは、2012年に人気のあったCSSリセット ベスト5！ CSS Reset経由で最もダウンロードされたものです。 Eric Meyer's "Reset CSS" 2.0 コードとドキュメント HTML5 Doctor CSS Reset コードとドキュメント Yahoo! (YUI 3) Reset CSS コードとドキュメント Universal Selector '*' Reset コ
フロントエンド開発者であれば知っておくべきモバイル/デスクトップブラウザのバグやトリック20 | Web | position: absolute;
斉藤さん（@cssradar）が紹介していた20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should knowがおさらい的に参考になったので各項目の表題だけ訳しておきました。ほとんど邦訳するということがないのでおかしい部分などありましたらご指摘頂けると幸いです。 各内容の詳細については訳していません。本文とサンプルのソースを見れば大体わかると思います。 また、Gistにも置いています。 20 Mobile/Desktop Browser bugs and tricks any Senior Frontend Web Developer should know Link outlines / highlights are misaligned on the Kindle Fire リン
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
Amazon.co.jp: 【Amazon.co.jp限定】ロジクール PCスピーカー パソコン用 Z120BW ホワイト ステレオ 2ch コンパクト USB給電式 3.5mm入力対応 PC スピーカー 国内正規品 2年間メーカー保証: エレクトロニクス
【USB給電ステレオスピーカー】このコンパクト スピーカーはUSB経由で電力供給され、セットアップがシンプルなので、どこで使うにも簡単です。 【USB給電】USBポート(電源用)および3.5mm入力(オーディオ用)に接続します。コンパクトなデザインにより、セットアップと持ち運びが簡単です。 【ケーブル管理】スピーカー背面にあるケーブル管理ソリューションにより、コードの長さを調節。 【簡単コントロール】右スピーカー上のノブから、電源と音量を簡単にコントロール。 【安心の2年間保証】国内正規品 2年間メーカー保証です。
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
【音が劇的に変化】iPhoneで再生する音楽を高音質にするアプリ「UBiO」がスゴい / イヤホンの性能も最大限に引き出せる！
» 【音が劇的に変化】iPhoneで再生する音楽を高音質にするアプリ「UBiO」がスゴい / イヤホンの性能も最大限に引き出せる！ 特集 【音が劇的に変化】iPhoneで再生する音楽を高音質にするアプリ「UBiO」がスゴい / イヤホンの性能も最大限に引き出せる！ 2012年11月26日 iPhoneで音楽を聴いているとき、「ちょっと違うんだよなあ」と思うときがある。イコライザ機能は付いているが、選択できるのはあらかじめ用意されたプリセットのみ。もうちょっと音を自分の思うように “いじくりたい” のだ！ そんなときに威力を発揮するのが、音質改善を事業としているオーディオメーカーのサウンドサイエンス株式会社がリリースしている高音質再生アプリ『UBiO for iPhone』である。主な特徴は以下の4つだ。 特徴その1：聞こえない音を引き出す！ ピアノのペダルで調整された「響き」や弦楽器の指と
Webアプリケーションを高速化する50のトリック
MicrosoftのInternet Explorer PMであるJatinder Mann氏は、BUILD 2012でHTML5アプリとサイトを高速化する50のパフォーマンストリックというセッションで、Webアプリケーションを高速化する多くのチップスを提供した。 Mann氏が提供したアドバイスは、以下の6つの原則を中心に構成されていた。 1. ネットワークリクエストに迅速に応答する リダイレクトを避ける。上位1,000のWebサイトのうち63%は、リダイレクトを使用している。これらはリダイレクトをやめることによって10%のパフォーマンスを改善することができる。 メタリフレッシュを避ける。世界のURLのうち14%は、メタリフレッシュを使っている。 可能な限りユーザーの近くにあるCDNを使用してサーバーの応答時間を最小化する。 異なるドメインからのリソースをダウンロードすることによって、同時
Happy Life
☆の付いた話はリメイク済みです。 リメイク前は こちらへ 本編（完結） プロローグ☆ 第１話☆ 第２話 第３話 第４話 第５話 第６話 第７話 第８話 第９話 第１０話 第１１話 第１２話 第１３話 第１４話 第１５話 第１６話 第１７話 第１８話 第１９話 第２０話 第２１話 第２２話 第２３話 第２４話 第２５話 第２６話 第２７話 第２８話 第０話 「Happy Life EVE」 最終話 第０．５話 「"Birth"」（完結） part.1 part.2 part.3 part.4 part.5
近所の女子高生がギター教えてくれと訪ねてきた
まとめサイト あらすじ（※まとめサイトより引用 1人暮らしの男の部屋に、近所の女子高生が母親とたずねて来た！ どうやらその女子高生、ギタリストの男にギターを習いたいらしい。 ひょんなことから女子高生にギターを教える事になった男のヘヴィメタルサンダーなお話。 ＬＥＳＳＯＮ１ 近所の女子高生がギター教えてくれとたずねてきた １ ＬＥＳＳＯＮ２ 初めての・・・！ ２ ３ ４ ５ ＬＥＳＳＯＮ３ 広がる輪 ６ ７ ８ ９ １０ １１ １２ ＬＥＳＳＯＮ４ カナちゃん １３ １４ １５ １６ ＬＥＳＳＯＮ５ 秋の寒空の下で １７ １８ １９ ＬＥＳＳＯＮ６ ギャンっていうより・・・シャアだな・・・ ２０ ２１ ２２ ２３ ＬＥＳＳＯＮ７ 嵐の前の ２４ ２５ ２６ ２７ ２８ ２９ ＬＥＳＳＯＮ８ 台風接近中につきご注意ください ３０ ３１ ３２ ３３ ３４ ＬＡＳＴ ＬＥＳＳＯＮ・９ 嵐
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ