タグ

+Tutorialとスマートフォンに関するvitaminsiiのブックマーク (5)

  • 柔軟なワークフロー

    少し前からWeb制作のワークフローの変化をあちらこちらで聞くようになりました。今まで調べてきたことと経験から学んだことを交えて今の考えをまとめてみました。 Web制作フローの再考とDesigning in the browserを書いた頃からワークフローの変化を意識しており、いろんな記事を読んだり自分なりに考えたりしてます。現在のところ僕が思うのはワークフローはひとつに定められない、ということです。 関わるチームや環境、制作するサイトによって最適なワークフローは変わってきます。例えばオーソドックスな静的なサイト制作とJS、CSS3など比較的新しい技術を駆使したサイト制作、レスポンシブWebデザインの場合ではワークフローは変わります。今までのサイト制作はワークフローが一様でも問題となることが少なかったですが、そうではなくなってきています。 複雑な設計のサイトではプロトタイプなどを用いて早期に

    柔軟なワークフロー
    vitaminsii
    vitaminsii 2013/05/08
    Web制作のワークフローをわかりやすくまとめた記事。静的サイトや複雑な構成のサイト、レスポンシブWebデザイン等、制作するもの種類によってワークフローを変えると効率が良い。
  • スマートフォン対応サイトの作り方、教えます (1/3)

    「WebサイトをiPhoneAndroidで見やすく表示したい」「スマートフォンをターゲットにしたWebサイトをデザインしたい」――そんなWeb制作者のための新連載がスタートします。PCサイト制作のノウハウさえあれば、「モバイルサイトは未経験」でも大丈夫。スマートフォン(iPhone/Android)向けサイト制作の基礎知識から実践的なテクニックまで、H2O Space.のたにぐちまことさんが解説します。(編集部) iPhoneの快進撃とiPhone 4の登場、Android端末のXperiaとDesireのヒット、au初の国産Android端末「IS01」の発売――と、スマートフォンの勢いが止まりません。いまや一部マニアやビジネスマンにとどまらず、女性やお年寄りなどの幅広い層にまでスマートフォンの利用は広がり、「1台目の携帯電話」として購入する人も珍しくなくなりました。 PCとの連携、

    スマートフォン対応サイトの作り方、教えます (1/3)
    vitaminsii
    vitaminsii 2013/04/06
    スマートフォン対応サイトを作りたい場合にはまずこの記事から読むといいかも。
  • スマートフォンサイト構築時に押さえるべきポイント | Web担当者Forum

    スマートフォン市場の急伸に伴い、Webサイトのスマートフォン対応のニーズも日増しに増えています。 そこでコラムでは、改めてスマートフォンサイト構築時に押さえるべきポイントをご紹介します。 スマートフォンサイト構築時の確認事項スマートフォンサイトを作ろうと思っても、何を検討し、何に注意して制作すればよいのかが分からないという方向けに、確認事項をまとめました。 <制作前の検討事項>標準対応端末の検討端末の画面解像度が多様化しており、端末によっては表示が崩れたり画質が粗くなる可能性があるため、市場のシェアや全端末内の標準規格を踏まえて、実装時に標準的に対応する端末(標準仕様)を設定します。 PC、スマートフォン端末での振り分け設定PCサイトがある場合は、様々な端末でアクセスしてくるユーザーのストレスや混乱を軽減させるため、PCからアクセスした場合はPCサイトを、スマートフォンからアクセスした場

    スマートフォンサイト構築時に押さえるべきポイント | Web担当者Forum
  • ★はじめに  |  Search  |  Google Developers

    モバイルサイトとモバイルファースト インデックスに関するおすすめの方法 Google のインデックス登録とランキングでは、スマートフォン エージェントでクロールしたモバイル版のサイト コンテンツを優先的に使用します。これをモバイルファースト インデックスと呼びます。 モバイル版のページを用意することは、コンテンツを Google の検索結果に表示させるための要件ではありませんが、非常に強く推奨されています。このページで説明するおすすめの方法は、モバイルサイト全般にあてはまり、当然のことながら、モバイルファースト インデックスにもあてはまります。 ユーザーに最適なエクスペリエンスを提供できるよう、このガイドで紹介されているおすすめの方法を実践してください。 モバイル フレンドリーなサイトを作成する スマートフォンからアクセスした際のユーザー エクスペリエンスが優れたものなるように、モバイル

    ★はじめに  |  Search  |  Google Developers
  • 必読!5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    二度目まして。デザイナーの野田です。 レスポンシブWebデザインについて、僕なりにまとめてみたのでご覧下さい。今回は、制作に関することではなく、最低限知っておかなければならないことの基編になります。 独学でつまずいていませんか? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情報として持っておいて損はないはず。下記におすすめスクールを集めてみました! レスポンシブWebデザインとは 「レスポンシブWebデザイン」とは、PC、タブレット、スマートフォンなど、複数の異なる画面サイズをWebサイト表示の判断基準にし、ページのレイアウト・デザインを柔軟に調整することを指します。 現在はPCやスマートフォンなど、デバイス毎に各HTMLファイル

    必読!5分でわかるレスポンシブWebデザインまとめ | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • 1