タグ

ブックマーク / designblog.ecstudio.jp (3)

  • WebサイトをiPhoneに対応させる -レスポンシブ・ウェブデザイン- - EC studio デザインブログ

    このところのスマートフォンの広がりにより、デザイン部でもWebサイトのスマートフォン対応の必要性をひしひしと感じています。 実際のスマートフォン対応の取り組みとしてはこれからなのですが、その時のために従来のサイトをスマートフォンに対応させる方法、特に今回は閲覧環境に応じてページレイアウトを柔軟に切り替える、レスポンシブ・デザイン レスポンシブ・ウェブデザイン(Responsive Web Design)(ご指摘ありがとうございます。)に関していまさらながら調べてみたので、大枠的なことをふわっとまとめておこうと思います。 レスポンシブ・ウェブデザインって まず「レスポンシブ・ウェブデザインとはなんぞや」と言うところですが、 Webサイトのページレイアウトを閲覧環境(パソコン、iPhoneAndroid など)に応じて動的に変更させる手法で去年あたりからよく耳にするようになりました。 ブラウ

  • iPhone向けサイト構築 基礎文法最速マスター - EC studio デザインブログ

    弊社代表の著書、「iPhoneとツイッターで会社は儲かる」の出版記念と、巷で話題の「基礎文法最速マスター」ブームに便乗して、iPhone(iPod Touch)向けサイト構築における基礎とプラス応用のネタと、参考になるリンク集をまとめました。 2010/11/18追記: iPhone向けサイト制作の書籍を執筆しました! 既存のデスクトップ向けサイトをモデルにした iPhoneに最適化したサンプルサイトの紹介と コードの解説をしています。 iPhone向けサイト制作の入門書に最適です。 「HTML5+CSS3で作る 魅せるiPhoneサイト」 基礎編 対象ブラウザはMobileSafariです レンダリングエンジンはSafariと同じwebkitですが、MobileSafariの方にはiPhone向けの一部独自拡張(CSS)があります。検証の際は、通常のSafariのウィンドウサイズを狭くし

  • 自動化のすすめ(Fireworks CS4 コマンドでより効率化!) - EC studio デザインブログ

    Fireworksをもっと効率的に使いたい! もっと便利につかえる方法はないの?と思ったことありませんか。 そんなときにはコマンドを使ってみるのはいかがでしょうか。 使いこなすと様々な作業を効率化でき、作業コストを削減することができます。 でも、コマンド機能を聞いたことない、知ってるけどあんまり使ったことない という方もいらっしゃると思います。 そこで、今回はFireworksにデフォルトではいっているコマンドと 他サイト様で公開されているコマンドを紹介していきたいと思います。 コマンドってなんだろう? コマンドとはFireworksの作業を便利にしてくれるスクリプトです。 細かい動作をひとつずつ登録して自動処理してくれます。 コマンドを使うと手作業で時間がかかっていた作業が効率化できたり、 Fireworksでおこなった作業を保存して自分以外の人と共有できます。 コマンドってどうやって使

  • 1