【RWD ーレスポンシブー】右にできた謎の余白を消す方法 | バシャログ。
こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白を消す方法をまとめます。 そもそも余白って？ できあがったサイトをipadやiphoneで表示確認したとき、以下のような余白ができたことはないですか？ 先日、携わった某サイトはiphoneとipadで表示チェックを行ったのですがその際右のスクロールバーの横に白い余白ができてしまいました。ヘッダーも背景画像もそこで切れてしまいます。その時色々試してみて解決した方法をメモしておこうと思います。（サンプルコードは一部内容を変更しています。） サイトの大まかな構成としては、bodyにwidth:100%;。 内側（ipadおよびiphoneで見切れないで表示させたい幅）sectionに固定サイズの1024pxを指定しました。 ipadとiphoneでみてみたら… (※下の図はip
iPhone の Web ブラウザいろいろ その2 | バシャログ。
バシャログ。執筆陣にインフルエンザ旋風が吹き荒れております。 昨日の ishida もインフルエンザになっていましたが、我が kimoto 家は家族が全滅の憂き目に会いました。 いやあ、ほんと皆さん、お気をつけて…。 以前、「iPhone の Web ブラウザいろいろ」という記事を書きました。当時はこんな記事を書いたものの、結局しばらく Safari を使い続けていました。 あれから3年近く経ち、今はどうかと言うと、実は現在 Chrome をメインで利用しています。 Safari からの乗り換えの決め手は「シークレットタブを使える」というのと「スワイプでタブを切り替えられる」という機能でした。 しかし、この2つの機能、今では Safari でも使えます。うーん、Safari に戻るか？ いやどうせなら、最近の他のブラウザ事情はどうなんだろ？ってことで調べてみました。 Chrome 言わずと
今後のiPhoneアプリデザインの参考に！iOS7アップデート前後の違いがわかるギャラリーサイト | バシャログ。
SoftBankからdocomoにMNPしてiPhone5sをゲットするべきか否か迷いまくり中のishidaです。 結局、面倒になってiPhone4のままで当分いいかなぁーとも思ったり。 さてさてiPhoneからの流れということで、Appleの新OS「iOS7」が公開されました。もうアップデートされた方はどのくらいいるのでしょう。 「iOS7」ではインターフェースデザインが一新され、フラットデザインとなっています。自分は慣れるのには、時間がかかりそうな感じが。。。 そんな「iOS7」ビフォーアフターをまとめたサイトを2つご紹介。 iPhoneアプリのビフォーアフター iOS7 Before and After Pics iPhoneアプリのビフォーアフターを集めたギャラリーサイト。 Instapaper は、もともとシンプルなデザインでしたが、もう削ぎ落とすないとこまできてますね。ワイヤー
【iPhone】「ホーム画面に追加」のアイコンから全画面で開く | バシャログ。
今年の頭に始めたダイエットは、割と順調だったものの、最終的な目標達成はならない可能性が高くなってきた kimoto です。 1年で -20kg はなかなか厳しかったか... ちょっとした小ネタです。 iPhone の Safari には「ホーム画面に追加」という機能があり、サイトをアプリのようにアイコン化する事ができます。 その際に、meta タグでちょっとした指定ができます。 apple-mobile-web-app-capable この指定では、URL や検索窓のあるバーを消すことができます。 apple-mobile-web-app-status-bar-style この指定では、上部の電池や時計などのバーの色を指定することができます。 指定できるのは以下。 default：デフォルト色 black：黒 black-translucent：半透明 これを指定すると これを、head
Web 製作者必携？iPhone からソースが確認できる「ScriptBrowser」 | バシャログ。
ペルー代表との試合を見ましたが、今のところ 3-4-3 はイマイチ機能してないですね。だんだんモノになっていくのか？ kimoto です。 この前、iPhone の Web ブラウザいろいろということでまとめの記事を書きましたが、今回もブラウザのご紹介をしようと思います。 html や js、css などを見ることのできる「ScriptBrowser」です。 まず普通にサイトを表示させたあと、「Source」をタップ。するとハイライトされた html のソースコードが表示されます。 「折り返されてないのが見づらいよ！」というあなたは右下のアイコンをタップすればちゃんと右端で折り返してくれます。 「いかんせん横が狭すぎだろ…」というあなたも、横画面にすればその悩みが解決します。さらにピンチアウト、ピンチインで拡大縮小もできます。 「html しか確認できないの？」js や css もちゃんと
iPhone の Web ブラウザいろいろ | バシャログ。
なんだか急に暑くなってきましたね！ノータイでいいよって言われたのでさっそくネクタイを外した kimoto です。 さて、iPhone ユーザのみなさま。Web ブラウザは何を使ってますか？ 個人的には Safari にそれほど不満が無いため他のブラウザを使ってみようという気にあまりならなかったのですが、ちょっと思い立って調べてみました。 そしてこれがまた結構たくさん出てるんですね。 その中でも良さげな物をご紹介しようと思います。 Sleipnir mobile 元々 PC 用のブラウザとして愛用してる人もたくさんいると思われる「Sleipnir（スレイプニル）」。 iPhone 版も独自の操作感で慣れれば使いやすそうです。 タブは常に下に表示されています。ここが嫌な人はいるかもしれません。 ただ、そのタブもいらなくなったら下にスワイプしてすぐに閉じることができます。 また、タブはグループ分
iPhone・スマートフォンのポータルサイトまとめ | バシャログ。
だんだんと暖かくなってきました。マフラーをするか毎朝なやむ kimoto です。 Xperia arc も発売され、iPhone 5 の噂もチラホラと聞こえてくる昨今、ますますスマートフォン界隈がにぎやかになってきています。最近 iPhone ・スマートフォン用サイトを扱ってるポータルサイトを調べる機会があったので、ここにまとめてみようと思います。 どのサイトもスマートフォンで見ることをお勧めします。 ミートアイ とてもしっかり作られてるサイトです。 アプリも扱っており、サイトもアプリも丁寧に紹介されています。 iWorld シンプルで見易いサイトです。 カテゴリ別に分かれているので目的のサイトも探しやすいです。 Smart Japan 日本のサイトを世界に発信する、というコンセプトだそうです。 なるほど、和のテイストで味のあるデザインです。 iポー シンプルでアプリっぽいデザインのサイト
【Fireworks】iPhone 画面パーツ集 | バシャログ。
iPhone 4 が発表されて、いつになったらそのスマートじゃないフォンやめるんだよ、ということを聞かれます toyama です。 スマートになりたいですね！身も携帯も！ というわけで、巷でもシーブレインでも iPhone 関連の制作が増えそうな気配です。 画面のサンプルを作って見せてくれ、なんてことを急に言われる可能性もありそうです。 サイトデザイン用の準備はあっても iPhone 用の画面デザインの準備は整ってない！ そんな私にぴったりのパーツを配布してくれているサイトをご紹介します。 Blog*spark Blog*spark Fireworks toolkit for creating iPhone UI mockups iPhone 3GS のあらゆるパーツがベクトルデータでみっちり集められています。 素材としても大変きれいで、作り方など見ても大変勉強になりますね。 一部 Pho
ネットでラジオが聴ける radiko.jp の公式 iPhone アプリ | バシャログ。
何日か前から風邪をひいてしまい、いつまでたっても咳が止まらない kimoto です。 どうしても咳がでてしまうので、電車で隣に座った人に嫌な顔をされる毎日です。 さて、10 日程前の事なので知っている方も多いと思いますが、ネットでラジオが聴ける radiko.jp の、公式 iPhone アプリが、とうとう発表されました。 それまでも非公式のアプリはありましたが、やはり公式となると使い勝手が良いです。 ということで、そのアプリを軽くご紹介します。 まずこのアプリ、iPhone 専用アプリです。iPod touch では利用ができません。 GPS で場所を特定する必要があるからという事です。 立ち上げるとまずは場所を確認してきます。 発表当初はここで結構時間がかかったのですが、最近アプリのアップデートがあり、かなり早くなりました。 無事立ちあがると放送局を選択する画面になります。 現在位置に
祝 iPad リリース！（あまり関係ないけど）オススメ iPhone ゲームアプリ集 | バシャログ。
iPad が発表され、ネットではその話題で持ちきりですね。 期待や不安、色々な意見がたくさん見受けられ、楽しいです。 さて、個人的な話題でナンですが、年末に iPhone を買いまして、無料のアプリをいろいろ落として楽しんでいます。 そこで今回は、iPad でも使える！という事で、iPhone アプリを紹介してみようと思います。（ちょっと苦しいか…） 便利ツールなどは色々な人が紹介しているので、今回僕は、個人的にプレイしてみて面白かったゲームアプリに絞って紹介してみます。 ほとんどが無料のアプリですので、お気軽に試してみてください。 Paper Toss 最初にはまったゲームがこちら。Paper Toss です。 ゴミをゴミ箱に投げ入れるというただそれだけのゲームですが、単純なだけにはまります。 App Store でチェック（iTunes が起動します） Flood-It! 全てのマスを
iPhoneエミュレーター AIR iPhone | バシャログ。
SoftBankからiPhone 3Gが発売されて、ちょうど一ヶ月。 iPhoneでの閲覧に最適化されたサイトも増えてきています。 自分もiPhoneに対応したサイトのコーディングをしたいと思う今日この頃。 でもiPhoneを持ってない…。 そんなSoftBankユーザでもなくiPhoneを所持していない人におすすめなのが iPhoneエミュレーター AIR iPhone ※8/11 現在サーバダウンのため閲覧できません。 AIR iPhone は、Adobe AIRの上で動く iPhone エミュレータです。 これを使えば、実機を持っていなくてもサイトの確認ができます。 試しにバシャログ。を表示してみました。 縦表示の場合 横表示の場合 エミュレータの上部にある矢印をクリックすることで、表示を縦横に切り替えられます。 指先タッチでの操作はできませんが確認用としてブラウザにインストールして
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
