スマホの画面サイズ取得 - Qiita
// 画面幅 screen.width // 画面高 screen.height // 有効画面幅 screen.availWidth // 有効画面高 screen.availHeight // 表示領域幅 window.innerWidth // 表示領域高 window.innerHeight // ウィンドウ幅 window.outerWidth // ウィンドウ高 window.outerHeight // 表示領域幅 $(window).width() // 表示領域高 $(window).height() // 表示領域幅 document.documentElement.clientWidth // 表示領域高 document.documentElement.clientHeight // ドキュメント幅 $(document).width() // ドキュメント高 $(
たった1行！スマホサイトのコーディング時に役立つ小技8（サンプルあり） - Design Color
もくじ 幅をデバイスサイズに合わせる スマホを横にしたときに文字が大きくならないようにする 電話番号に自動的にリンクが付かないようにする リンクを押したら電話をかけられるようにする リンクを押したらGoogleマップアプリを起動させる リンクエリアを広げる paddingやborder分を気にせずwidth/heightの数値を指定する 長い文字列でも途中で改行させる 1.幅をデバイスサイズに合わせる まずはスマホサイトを作るときの基本ですね。サイト幅をデバイスの幅に合わせてあげるには、以下の一行だけで対応出来ます。 <meta name="viewport" content="width=device-width,initial-scale=1.0"> サンプル 2.スマホを横にしたときに文字が大きくならないようにする スマホを横にすると、解像度が変化すると共に文字サイズも大きくなってし
Harmonipan
Alex Durlak CA –– Arto Lindsay US –– Ben Frost AU –– Bitchin Bajas US –– Chicago Underground Duo US –– CMC Festival BR Cyclops MX/FR –– Fatoumata Diawara ML/FR –– Festival Aural MX Jozef van Wissem NL –– Lucky Dragons US –– Michael Vallera US Naná Vasconcelos BR –– OOIOO JP –– Pharoah Sanders US Rob Mazurek US –– Sir Richard Bishop US –– Sun Ra Arkesta
FICC | デジタルエージェンシー
LEADING BRANDS TO DIGITAL WE ARE A DATA-DRIVEN MARKETING AGENCY FICCはデータに基づく論理的なマーケティングを提供するデジタルエージェンシーです。 消費者に価値あるコンテンツと体験を届けるため、戦略立案から施策実行まで一貫して提供しています。
TOKYO STYLE Official Online Store
平素は格別のお引き立てをいただき、厚くお礼申しあげます。 このたび、弊社が運営するブランド「Aylesbury」、「22 OCTOBRE」は、 2019年2月15日(金)をもって終了させていただくこととなりましたのでお知らせします。 つきましては同日までにオンラインストアを含めた全店舗の営業を終了いたします。 お客様には、これまで長きにわたりご愛顧を賜り誠にありがとうございました。 心より感謝申しあげます。 ■ 営業終了後のお問合せにつきましては下記にて承ります。 お客様相談室 電話 03-6836-1880 受付時間 10:00〜12:00・13:00〜17:00（土日祝日を除く。） メールでのお問合わせ ＞＞
旅する丸干し｜鹿児島県薩摩生まれ、世界を旅するおいしい丸干し｜株式会社下園薩男商店
鹿児島県阿久根市で獲れる「ウルメイワシ」を干物（丸干し）にし、世界の味付けにしてオイル漬にした苦みの少なく食べやすい「旅する丸干し」。創業昭和40年から続く、下園薩男商店からの干物（丸干し）の新しい形。
Chromeでユーザーエージェントを切り替えて、PCからスマートフォンサイトを閲覧する方法 - ムラウェブドットネット
Chromeでユーザーエージェントを切り替えて、PCからスマートフォンサイトを閲覧する方法 photo credit: maistora via photopin cc 作成しているスマートフォンサイトのテストや 競合他社のスマートフォンサイトをチェックするのに PCからスマートフォンサイトを閲覧する場合は、 ブラウザのユーザーエージェントを切り替える必要がありました。 ユーザーエージェントを切り替えることが可能なブラウザにSafariがあげられますが、 普段あまり使用しないブラウザの1つでもありました…。 そんな中、Google開発のブラウザであるChromeでも ユーザーエージェントを切り替えることが可能になったので 切り替え方法をご紹介いたします。 ※ユーザーエージェントを切り替えるためには Chromeのバージョンを17以降にする必要があります。 Chromeでのユーザーエージェン
スマートフォンサイト制作にdisplay:tableとdisplay:table-cellが便利！
2012/10/18：画像に一部誤りがありましたので、修正致しました。 こんにちは。 スマートフォンサイト制作案件が増えて楽しいKanaです。 スマートフォンサイトのコーディングは、古いブラウザ (ie6とかie6とかie6とか！)のことを考えるとできなかったCSSの指定ができるので、とても楽しいですね！ スマートフォンサイトの制作はリキッドレイアウト。 ナビゲーションの数が奇数！…均等にするにはwidth指定面倒だな〜画像とテキストを横に並べなきゃ…縦方向の揃え位置を指定できたらいいのに…。と思ったことはありませんか？ そんな時の強い味方がdisplay:tableと、display:table-cellです。 スマートフォンサイトのコーディングを頻繁にされている方は、既にご存知かもしれませんが、これからスマートフォンサイト作るよ！という方には、とても便利だと思います！ display:
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ドコモダケ
Why Interactive | Wi Designs Websites and Apps.
Loading...
[公式]ニコアンド（niko and ...）通販
転職・退職代行マガジン -
Home - Mgallery-JQ
2013年はスマフォサイトを作りたい！参考にしたい人気スマートフォンサイト１９ ｜ iPhoneデザインボックス