タグ

2012年5月28日のブックマーク (2件)

  • スマフォでもPCでも表示を最適化!カッコいいレスポンシブウェブサイト厳選24個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    近年、webページはスマートフォンやらタブレットからのアクセスが増えてます。 LIGのサイトも20%近くがPC以外から見られてます。(2012/5/25現在) という訳で、制作現場でもスマートフォンにも対応して欲しいという依頼が増えてきてます。 ただ、スマートフォンサイトって意外に作るの大変なんです。 そこで、レスポンシヴウェブサイトの出番です。 レスポンシヴウェブサイトとは デバイスで表示を切り替えるユーザエージェントを利用するのではなく、ブラウザの表示幅で判別して表示を切り替えようという技術です。 デバイス毎にHTMLを用意するのではなく、1つのHTMLファイルをCSS3で制御して表示を切り替えるので、PCサイトとスマートフォンの2サイトを制作するコストとスケジュールを抑えられるのではないかと思います。 それでは紹介していきます。 foodsense http://foodsense.

    スマフォでもPCでも表示を最適化!カッコいいレスポンシブウェブサイト厳選24個 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Webサイト制作の一連の流れをまとめてみました

    Webサイト制作の一連の流れをまとめてみました。クライアント向けにまとめたものを少し手直ししてのせています。新人Web担当者さんや、新人ディレクターさんの参考になるかなと。 なるべく難しい言葉を使わず、理解しやすいよう平易な言葉で書いております。 ※流れや手順は制作会社によって違うのですが、概要はつかめるかなと思います。 目次と流れ 1. サイトのコンセプトを考える 2. 競合他社からクライアントのお店や商品を選んでもらうためのポイント(強み)を整理する 3. そのサイトで一番伝えたい内容を決める 4. お客さんが必要とする3以外の情報や、クライアントの伝えたい情報をまとめる 5. サイト更新は誰がするのかを決める 6. 想定使用デバイス(PCやスマートフォンなど)を決める 7. サイトの周知・宣伝方法を考える 8. ページの設計図をつくる 9. サイト制作にかかわる必要な素材を準備する

    Webサイト制作の一連の流れをまとめてみました