レスポンシブwebデザインで制作する時のポイント
先日、CSS Nite in Ginza, Vol.59「DreamweaverによるレスポンシブWebデザインの実装」に出席してきました。 とても勉強になったので復習も兼ねてレスポンシブwebデザインに関して、セミナーで学んだ内容に自分の調べた点を加えてまとめます。 （一部の図はセミナーの資料を元に作成してます。） 始めに：スマートフォンサイト制作の選択肢 スマートフォンサイトを制作するには幾つかの方法があります。 アプリ 独自系 スクラッチ（0からスマートフォンサイト用に構築） jQuely mobileを使用 流用系 現在のデザインをほぼ流用、調整のみ レスポンシブ・デザイン どの方法にもメリットデメリットはあり、どれが最適かは サイトのコンセプトや規模、予算など複合的に考えて選択する必要があります。 今回のエントリーではレスポンシブ・デザインのみにふれます。 レスポンシブwebデザ
iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ
弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone（iPod Touch）向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記： iPhone向けサイト制作の書籍を執筆しました！ 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5＋CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張（CSS）があります。検証の際は、通常のSafariのウィンドウサイズを狭くし
iPhone向けアプリケーション、Webサイトを開発する際に使えるテンプレート·Mockapp template MOONGIFT
Mockapp templateはKeynote、PowerPoint用のフリーウェア。iPhone用ネイティブアプリケーションを開発するという話をちらほら聞くようになってきた。まだまだ日本での販売台数は少ないが先行投資兼世界市場へのアピールを兼ねてチャレンジする企業、個人が多い。企業であればアプリケーションの説明を兼ねてモックアップが必要になることもあるだろう。 iPhoneアプリ作りの企画に その時に使えるのがMockapp templateだ。Mockapp templateはAppleのプレゼンテーションソフトウェアであるKeynoteやWindowsのPowerPoint向けに提供されるテンプレートで、iPhoneのモックアップを作成するのにぴったりな素材になっている。 枠が提供されているので、Mockapp templateを使って作ればモックアップが手早くできる。さらに別なフ
Android,iPhone用ページを作成するにあたっての注意点 - PHP,MySQL,Flex,JSな日々＋イラストとか
Android,iPhone用ページを作成するにあたっての注意点 ちょいとAndroidとiPhone用のページを作っているのですが、解像度もブラウザも一緒だからあまり気にしなくていいのかなぁって思ってたそんなことはなかったのでメモ。 iPhoneでのsafari Androiでのsafari レイアウトが崩れてる！！ 原因は単純でAndroidの場合は右のスクロールバーの横幅分だけ減ってます。６ピクセル。 これから両方に対応したページを作ろうかなぁって思っている方は覚えておいたほうがいい感じ。 せっかくなので表示される解像度を表にしてみました。 機種 横 高さ Android 314 429 iPhone 320 356
WebデザイナのためのiPhoneアプリ40 | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers Sean P Aune氏がSitePointにおいて、40 Essential iPhone Applications For Web Designersのタイトルのもと、Webデザイナ向けのiPhone / iPod Touchアプリケーションを紹介している。Webデザイナの作業はある程度手法が確立されてはいるものの、インスピレーションが重要な職業であることも間違いのないところだ。40 Essential iPhone Applications For Web DesignersではもしPCがない場所でインスピレーションが沸いたときどうすればいいかと切り出し、iPhone / iPod Touchがその時にはメモをとったりカラーパレットになった
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
