【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だ。
スマートフォンサイトのデザイン集サイトのまとめ｜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アプリをイ
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を本気モードの音楽制作に活用する方法 | ライフハッカー・ジャパン
iTunes App StoreでiPhoneやiPad用の楽器アプリを見つけるのは簡単ですが、これらを実際に使うとなると、なかなか難しかったりするもの。しかし、いくつかのシンプルなハックとタッチ画面での楽器演奏の現実を受け入れることで、これらのアプリを最大限に活用し、実際の楽器のように楽しむ方法があります。 iPhoneを音楽に活用するというと、『Garageband』のような実際の楽器を再現するアプリを思い浮かべる方が多いかと思います。iPadでギターを演奏するフリのアプリなどを想像すると、これがどういうものなのかが分かでしょう。これらのアプリはしばらくは楽しいかもしれませんが、実用性という面ではないに等しいのが現実です。しかし、中にはなかなか良い線をいっているアプリや高性能なエフェクトペダルなども存在します。この記事ではまず最初にこれらのアプリの仕組みを簡単に説明し、それから実際にど
無線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
iScroll 4 – Matteo Spinelli's Cubiq.org
iScroll finally received a complete rewrite. Now it’s smoother than ever and adds some new important features: pinch/zoom, pull down to refresh, snap to elements and more custom events for a higher level of hackability. Download Screencast Live Demo GitHub Forum Project info Last code update: 2012.07.14 – v4.2 Device compatibility: iPhone/Ipod touch >=3.1.1, iPad >=3.2, Android >=1.6, Desktop Webk
resizeMyBrowser
320 x 480 iPhone 3G/3GS 480 x 720 Meizu M8 480 x 800 Google Nexus one 640 x 960 iPhone 4 768 x 1024 iPad 480 x 320 iPhone 3G/3GS 720 x 480 Meizu M8 800 x 480 Google Nexus one 960 x 640 iPhone 4 1024 x 768 iPad 1024 x 600 Most Netbooks 1280 x 800 MacBook Air 08 1366 x 768 Some Laptops 1440 x 900 MacBook Pro 15 inches Maximum Resize to Maximum
Panicから「Prompt」ってSSHクライアントが出た | gaspanik weblog
OS X用のFTPクライアントである「Transmit」やZen-Codingも使える統合Web開発環境である「Coda」などの開発元で有名な「Panic inc」から、iPhoneとiPadで使えるSSHクライアント「Prompt」がリリースされています（有償: ¥600-）。 SSH（Secure Shell）って聞くと、GUIな環境で作業されるWebデザイナーさんの中には「聞いたことあるけど難しそう」なんて方も多いかもしれませんが、これが使えると使えないでは作業時間にも大きく影響したりするという現実もあります。 Windowsなら「PuTTY」や「Poderosa」などをインストール、OS Xなら標準でインストールされている「ターミナル」を使えば、リモートにあるWebサーバなどに接続していろいろな操作をおこなうことができます。今月21日に開催される「CSS Nite Vol.56」も
マネーニュース2ch
まず、iPhoneのSafariでどこでも良いのでページを開いてブックマークしましょう。 そして「How to use Firebug on your iPad and iPhone」に書かれているJavaScriptをコピーします。 javascript:(function(F,i,r,e,b,u,g,L,I,T,E){if(F.getElementById(b))return;E=F[i+'NS']&&F.documentElement.namespaceURI;E=E?F[i+'NS'](E,'script'):F[i]('script');E[r]('id',b);E[r]('src',I+g+T);E[r](b,u);(F[e]('head')[0]||F[e]('body')[0]).appendChild(E);E=new%20Image;E[r]('src',I+L);})
Apple Days | Apple製品の発売周期まとめ
Apple製品のこれまでの発売日を元に、新製品が出るまでの周期をまとめました！
iPhoneやiPadがよく分からない方向けに「iOSの基本」をまとめてみました - もとまか日記Ｚ
先日、突然iPad2やiPhone4のホワイトバージョンが発売され、このＧＷ中にiOSデバイスのユーザが増えたのでは？と勝手に思ってる、ネットの実名「もとまか」です。 さて、スマートフォンの中では比較的使いやすくて分かりやすい、と思われるiPhone、iPadですが、使い始めの頃は戸惑われる方も少なくはないかもしれません。いわゆる携帯電話とは全く違うので、それも無理のない話でしょう。 てことで、iPhoneやiPadの新規ユーザさんでiPhone（もしくはiPad）の使い方がよく分からない！という方向けに、基本的な使い方や設定方法等をまとめてみました。 購入検討されてる方も、ぜひご覧になられると参考になるかも？と思ってます。 実はiPhoneのユーザガイドはiPhoneの中にある iPhoneにはユーザガイドの冊子はありませんが、実はiPhoneの中に「iPhoneユーザガイド」が入ってま
ところでiPadアプリってどうやって作るの？てなったときに読む記事
こんにちわ。4-ROOMSが終了なんてショック過ぎ！やしこです。 最近iPadのデザインに関わる機会がありまして、情報がまだまだ少なかったのでまとめてみました これからiPadのデザインをする方のお役に立てばうれしいです 今回はTwitterクライアントやリーダーで主流な２カラム型のアプリデザインです ePub（電子書籍）の作り方は先月のMDNで特集されていました iPadにしか見られない（WEBにない）仕様 縦横で画面構成が変わる iPadはiPhoneと同じく持ち方によって画面レイアウトが変形します。 縦横２パターンデザインする必要があります 意外とデザインをモニタの中だけで詰めていくと忘れる動きなので はじめにワイヤーに盛り込まれているか確認した方が良いと思います。 PopOver 項目の詳細を見たいときは画面遷移ではなくてPopOverとよばれる吹き出しのようなものがオーバーレイし
jQueryMobileを使ってのスマートフォンサイトの構築メモ at HouseTect, JavaScriptな情報をあなたに
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
iPad、iPhoneで海外旅行や出張の際に事前に用意すべきアプリと周辺機器のまとめ | Last Day. jp
iPad、iPhoneで海外旅行や出張の際に事前に用意すべきアプリと周辺機器のまとめ 最終更新日： 2016/01/26 iPad, iPhone iPad OR MacBook Air?香港とマカオに旅行に行ってきた。当初はMacBook Airを持って行く事を考えていたが、バッテリーのもちもあまり良くないし空港の荷物検査でカバンから出すのも煩わしかったのでiPadとiPhoneがあれば充分だという結論にいたった。 以下iPadとiPhoneを海外旅行（又は海外出張）で使う際に事前に準備しておきたいアプリや周辺機器の事をまとめた。 海外でのインターネット香港とマカオでのネット回線SimロックフリーのiPhoneやiPad、スマホ、またはタブレットを持っていれば、海外でも現地のプリペイドsimカードを購入して安価にインターネットに接続する事ができる。 香港だけの滞在であれば香港国際空港のセ
App Collection スマホのおすすめアプリ紹介
「みんなどんなアプリを使ってるんだろう？」そう考えたこと、誰だって１度や２度はあるはずです。 はるか昔、スマホ創世記の頃は選ぶ余地すらなかったアプリですが、今では考えられないくらいいろいろな分野の様々なアプリが存在します。 まるでファッションのようにアプリにもトレンドがあり、一度流行ると、爆発的な広がりを見せるのがアプリの不思議なところでもあります。 例えば今や誰もが知っていて、利用している人が多いアプリといえば、 『twitter』や『Instagram』。 日常のつぶやきや画像をUPして世の中の人とつながりを持てるツールとして活躍しているアプリもあれば、日常の業務管理を行えるアプリや共働きに重宝される、お互いのスケジュール共有アプリ、 また誰もが１つは入れているであろうゲームアプリや画像加工アプリ、今ではスマホユーザーの大多数が使っているであろう『LINE』のスタンプを簡単に作成できる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper
http://gemediar.com/