【RWD ーレスポンシブー】右にできた謎の余白を消す方法 | バシャログ。
こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白を消す方法をまとめます。 そもそも余白って？ できあがったサイトをipadやiphoneで表示確認したとき、以下のような余白ができたことはないですか？ 先日、携わった某サイトはiphoneとipadで表示チェックを行ったのですがその際右のスクロールバーの横に白い余白ができてしまいました。ヘッダーも背景画像もそこで切れてしまいます。その時色々試してみて解決した方法をメモしておこうと思います。（サンプルコードは一部内容を変更しています。） サイトの大まかな構成としては、bodyにwidth:100%;。 内側（ipadおよびiphoneで見切れないで表示させたい幅）sectionに固定サイズの1024pxを指定しました。 ipadとiphoneでみてみたら… (※下の図はip
旧iPhoneを売る前に！ iOS端末を完全に初期化するテク (1/2)
iPhoneやiPadといった端末は、1年ごとに新機種が登場する。iOSデバイスの特徴として、多少古い端末であってもOSのアップデートが利用できる。たとえば、2015年4月時点で最新となるiOS 8.3は、2012年に発売されたiPhone 4sでも利用できるようになっている。それだけに今でも中古市場は、同世代のAndroid端末に比べ、驚くほど高値で取引されているという現状がある。端末を手放す際、必要なのが端末の初期化。スマートフォンは個人の情報がたくさん含まれるので、きれいさっぱり削除しておきたい。 iOS端末を初期化するにあたり、必要なのが「iPhoneを探す」機能をオフにしておくこと。この作業を実施しないと、初期化後にIDとパスワードがなければ端末を利用できない。端末の初期化前にiCloudからこの機能をオフにしておけばOKだ。
iPadをMacのサブディスプレイにする「Duet Display」、Windowsにも近く対応
米Appleの元エンジニア、ラフール・デワン氏は12月18日（現地時間）、MacにiPadをlightningあるいは30ピンケーブルで接続し、サブディスプレイとして利用できるようにする有料アプリ「Duet Display」をリリースした。 iOSアプリはApp Storeからダウンロードできる。日本での販売価格は1500円。Mac側のアプリは専用ページからダウンロードする（Macのアプリはインストール後再起動する必要がある）。 対応するOSは、Mac側はOS X 10.9以上、iPad側はiOS 6.0以上（iPhoneでも利用できる）。FAQによると、Windowsにも「あなたが思っているよりも早く」対応するという。 また、現在は1度に接続できる端末は1台のみだが、マルチディスプレイ化も検討しているという。 実際に少し使ってみたところ、ディスプレイポートに接続したディスプレイとほぼ同等
タブレットユーザーが読みやすいと感じるフォントサイズは？【リサーチ】
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
スマートフォンサイトのデザイン集サイトのまとめ｜WEB Drawer -WEB制作に関するメモサイト-
最近普及しているスマートフォンですが、その専用のサイトを作っている所も多くなってきました。 WEB制作の会社でもスマートフォンサイトを制作する事が多くなってきたと思います。 スマートフォンは指で操作するのでパソコンとはまた違ったデザインになっています。 そこで、デザインをまとめているサイトをまとめてみました。 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 優れたiPhoneサイトデザイン集 – iPhoneデザインボックス 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト 全iPhoneサイト一覧｜iPhoneサイトデザイン集のiPhoneデザインアーカイブ 公式サイト スマートフォンサイト集めました。 スマートフォンサイト集めました。 iShowcase – 国内のiPhone / iPad最適化対応をしたサイトを
スマホのWeb開発に、Adobe Shadowが神ツールな件 | fladdict
スゴイ。ヤバい。 Adobe Shadowは、Adobeのラボがリリースした、スマホコンテンツの開発支援ツール。 何ができるかというと、PCのブラウザで表示したURLのコンテンツを、iPhoneやiPadで同時に表示してくれる。 PCでサイトをリロードするだけで、iPhoneやiPadでも自動でブラウザがリロードされて、表示を検証できる！！ iPhoneやiPadはURLの入力が面倒だし、PCで作業する度にデバイスを移動するのが大変だった。 Adobe Shadowを使うと、PCでリロードするだけで、全環境で表示の確認がすぐできる。これは作業がはかどる。 使い方 Mac / PC に Adobe Shadowをインストール ブラウザ（Chrome)にAdobe Shadowの拡張をインストール iPhone, iPad, android, kindleに Adobe Shadowアプリをイ
Mac と新しい iPad で最強のデスクトップ環境を作る - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 iPad をお持ちの皆さん、活用してますか？おおいに活用している方がいる一方で、買ったはいいけどあまり使わないという方も多いのではないでしょうか。私は後者の代表例で、 iPad2 はあるものの、ほぼ嫁さん専用 Web ブラウザと化していました。 だって MacBook Air のほうが便利じゃないですか。携帯性やレジューム速度はほぼ同等、さらにキーボードあるし、
【前編】私はiPadを仕事でこう使っている。 | AppBank
通勤中の電車の中や、会社でiPadをかっこよく使いこなして仕事している姿って憧れますよね。実は私（@egaku）は前職でも仕事中、私生活問わずiPadをバリバリに使っていました。 実際にどうiPadを仕事中に使っていたのか、1日の仕事の流れに沿ってご紹介します。職種、勤務スタイルによって不可能な部分もあるかもしれませんが、参考になればと！ それでは、さっそく通勤中からお昼までのiPadを使うポイントと使い方をご紹介していきます。 AM8:30 朝、通勤電車の中でニュースをチェックしよう ガタンゴトン、ガタンゴトン 毎日同じ時間、毎日同じ車両に乗って会社に向かう通勤電車。天候や祝日などによって多少顔ぶれは変わるものの、だいたいいつもと同じ。 乗ってる人間も勝手知ったるもの。自分のポジションをキープし、読書に音楽鑑賞、瞑想にふけっているようだ。 私はiPhoneでメールチェックを終えると、体の
Interface Buttons for iPhone & iPad Applications / Design Tickle
Interface Buttons for iPhone & iPad Applications Featured Image credit to George Gliddon The iOS revolution is in full swing with tons of active developers jumping into the Xcode environment. But programming an application and designing the user interface are two entirely distinct tasks in their own right. Buttons and toolbar icons are important to many of the standard iOS elements. In this galler
[JS]デスクトップはそのまま、新しいiPad, iPhone4には高解像度の画像を配置するスクリプト -jQuery Retina
Retinaディスプレイを採用している新しいiPad, iPhone4用にimg要素で配置した画像を高解像度のものに変更するjQueryのプラグインを紹介します。 jQuery Retina Plugin jQuery Retina -GitHub [ad#ad-2] jQuery Retinaのデモ jQuery Retinaの使い方 jQuery Retinaのデモ jQuery Retinaを使って画像を配置する方法は大きく分けて、3つあります。 imgタグに「data-retina」属性を加える。 画像のファイル名に「-2x」を加える。 コールバック関数を使ってファイル名を指定する。 表示はどの方法を使っても一緒ですが、下記にそれぞれの方法で実装したデモがあります。 デモページ [ad#ad-2] jQuery Retinaの使い方 jQuery Retinaの使い方は簡単です。
ミュージシャン必見！ iPhone、iPadを本気モードの音楽制作に活用する方法 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
Wi-FiアクセスポイントがなくてもWi-Fi版iPadをネットにつなぐには? | iPad | iPad iPhone Wire
アプリ・サービス使用レポート Wi-FiアクセスポイントがなくてもWi-Fi版iPadをネットにつなぐには? 海上忍 2012/03/26 iPadには、Wi-Fi版とWi-Fi+3G版の2種類が存在する。前者を購入した場合、Wi-Fiアクセスポイントがなければインターネットに接続できず、結果としてiCloudや音声入力といった先進の機能を利用できない。通信以外のハードウェアスペックはほぼ共通しているが、携帯キャリアのモバイルデータ通信の有無で使い勝手や機能に大きな差が生じるのは事実だ。 逆にいえば、Wi-Fi版iPadにWi-Fiアクセスポイントは必須といえる。自宅に無線LAN環境を整えるのはもちろんのこと、外出に備え公衆無線LANを契約しておくのも手だ。モバイルルータの導入を検討してもいいだろう。 外出先に自由に使えるパソコンがあれば、そのインターネット環境を利用させてもらうこともでき
無線LAN付きSDカードFlashAirの極めて間違った楽しみ方
Eye-Fiのライバル、FlashAirを入手しました 無線LAN付きSDカード、東芝のFlashAirが発売されたので買ってみました。 FlashAirは、Eye-Fiと似た無線LAN機能付きのSDカードです。 既にEye-Fi Pro X2を持っているんですが、方向性が違うこともあって興味があったのです。 Amazonのレビューが悪いですが、僕は全然そうは思いません。Eye-Fiを買うべき人がFlashAirを買ってしまっただけのように見受けられます。 FlashAirをカメラに入れると、いとも簡単にWebブラウザを使って画像をダウンロードできて便利です。（続きは[Read More]から） FlashAirの使用感 無線LANルータ同様、アクセスポイントモードでの接続となるFlashAir。 無線LANルータに接続するのと同様の手順でFlashAirに接続。Webブラウザで「http
文字打ち最速化アプリ、TextExpanderがiPadにやってきた！ | ZONOSTYLE
今日、いつものようにアプリのアップデートをチェックしてたら、ちょっと気になるアイコンが入っていたのね。うーん、どうせ「Minor bug fix」とかつまらないヤツだろうと思ってクリックしてみると！「iPad」の文字があるじゃない。ちょっとマニアックだけどオレは本当にうれしかったね。 iPadでは「×2」表示のiPhoneアプリはできるだけ使わないようにしている。なんか気分がよくないからね。ただ、こいつ「TextExpander」だけは入れざるを得なかったんですね。だって、あるとめちゃくちゃ便利なんだもの。これでようやくすっきりしたよ。すでに愛用されてる方も多いと思いますが、iPad対応を記念してこのアプリがどのくらい便利なのかを書いてみたいと思います！ なんか一人前にホーム画面なんかできてたりして、iPad版がすごく豪勢に見えるんだけど、本当にこのアプリは地味な存在だったんです。なにがで
私が新iPadに入れたアプリ全部 ｰ Singer Song iPhone
私の場合新しいiPadはまさに新しいiPadとして使うつもりです。 初代iPadは家族用として使うつもりです。 本当はMacBook Airを買うつもりだったんでこれをMBA代わりに使いまわしたいと思います。 そこで今回私がiPadに入れたアプリを全部ご紹介します。 ブログ用 まずはメインの使用用途であるブログ用です。 メインのエディタです。 iPhoneでもこれで書きます。 iCloudに対応しているのでどっちで書いててもすぐに書き続けられます。 DraftPad 1.5.3（無料） カテゴリ: 仕事効率化, ユーティリティ 販売元: Manabu Ueno – Manabu Ueno（サイズ: 3.2 MB） 全てのバージョンの評価: （395件の評価） iPhone/iPadの両方に対応 アップロード用 iPhone用ですが、新iPadなら二倍表示しても十分使えます。 するぷろ fo
[新iPad2/iPhone5 対応版] アプリ作ったら用意する画像サイズの一覧 : 管理人@Yoski
新しい iPad もリリースされて、用意すべき画像サイスがわけわからなくなってきたのでチト整理しときますね。 ※2012/9/13 iPhone5 対応追加 アプリ作ったら用意する画像のサイズ一覧（保存版） - iPhone/iPad アプリアイコン * 57x57 * 114x114 (@2x) * 72x72 (iPad用だけどiPhoneアプリでも用意するべき) * 144x144 (@2x)(iPad用だけどiPhoneアプリでも用意するべき) * 29x29 (検索結果用 - 必須ではない) * 58x58 (@2x)(検索結果用 - 必須ではない * 50x50 (必須ではない。iPad 対応してなければ不要) * 100x100 (@2x)(必須ではない。iPad 対応してなければ不要) * 512x512 (アプリ申請時に必要) (@2x)とついてるものは、ファイル名を x
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
話題になったダンボール製映画館をiPadで製作！ スピーカーもくっつけたらシアター感が倍増したぞ！！ | カミアプ
iPad・iPhoneのSafariで背景が切れてしまう時のCSS
台州钾掖商务服务有限公司
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper