iPadで、【レスポンシブWebデザイン】!

この、iPadのお仕事をいただいたときの目標が、【レスポンシブデザイン】をがんばる! ってことだったはず!!

ついでなので、iPadだけで作ってみるよ。

素材は、【inkpad】、コーディングは、【Textastic】。

【Textastic】、評判通りのいいソフトですね! Mac版もあったらいいのになぁ。
前の会社ではWindowsだったから、私は【Crescent Eve】を使ってました。 これのMac版があれば最高なのに・・・。

素材作りに関していえば、やっぱりつらいかな。
iPad用アプリだと、細かなリサイズがねぇ。 【Webおよびデバイス用に保存】もないですし。

と、いったところで・・・今、ここまでできました。 まだ、デバイスに合わせた画面表示までですけど。


レスポンシブ・Web・デザイン_01デスクトップでは、こんな感じ。


レスポンシブ・Web・デザイン_02スマフォは持ってないので、
【FireMobileSimulator】でシミュレート。

下が、【iPad Retina】。
中が、【iPhone 5】。
上が、【iPhone 3G】。


レスポンシブ・Web・デザイン_03【iPad2】の縦置き。

画面のキャプチャーの色が、デスクトップとずいぶん違ってますね!
実際にも、iPadのほうが、少し濃いめです。
Win機とMacの中間くらいかな?


レスポンシブ・Web・デザイン_04横置き。

横で拡大表示されても大丈夫なように、元の画像を高解像に、
widthを縮小で指定する方法にしました。


レスポンシブ・Web・デザイン_05なかなか、いい感じかも。

ちゃんとできたら、サイトのリニューアルをします!
たぶん、秋くらいに!!


iPad保護シート長い時間iPadを使うようになって、
映り込みやら、よごれやキズがつかないか気になって・・・。

今まで、携帯にも、デジカメにも、もちろんMacにも、
なににもやってこなかった保護シートをね・・・。



なんだか、すごく、負けた気がします。


絶対気泡が入りませんでした!




関連記事

コメント

非公開コメント

mayahuel

ブログ内検索

カレンダー

03 | 2024/04 | 05
- 1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 - - - -

月別アーカイブ