タグ

2014年1月20日のブックマーク (4件)

  • 今からでも間に合う!レスポンシブWebデザイン作り方のまとめ

    photo by Scolirk 地方でもマルチデバイス対応を求められることが多くなってきました。 徐々に対応しているところが増えてきたためだと思います。 私も昨年からレスポンシブWEBデザインについて、 対応する必要がありましたので、調べたものをまとめてみました。 もくじ レスポンシブWebデザインとは? ギャラリーサイト レスポンシブWebデザインの作り方 画像の切り替え・最適化 レスポンシブ対応のフレームワーク レスポンシブ対応のライブラリ サイトの高速化 レスポンシブWebデザインとは? 2年程前から流行し始めたレスポンシブWebデザイン。 基的な考え方、メリット・デメリットを理解しておかないとトラブルの元になります。 レスポンシブWebデザインの基 レスポンシブWebデザインの基礎 必読!5分でわかる流行のレスポンシブWebデザインまとめ | 株式会社LIG 5分で分かるレス

    今からでも間に合う!レスポンシブWebデザイン作り方のまとめ
  • Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

    TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション/受注前 1.書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類(ヒアリングシート/企画書/提案書/業務委託書/見積書/契約書)など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ23 2.見積もりの目安と計算方法 例えば項目を作るとき1.項目/2.内容/3.設計(人日)/4.製造(人

    Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
  • そこそこユーザビリティの高いフォームを作った

    そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習&業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです(サーバ側スクリプト

  • 会議やプレゼンなど大勢の前で話す時のテクニックや注意事項をまとめた「speaking.io」

    By Leo Lambertini Appleの創設者で元CEOであるスティーブ・ジョブズは、「伝説のスピーチ」を残したりと、大勢の心をつかむことに秀でていましたが、カンファレンスや会社の会議など、人前で話すことは簡単ではなく、うまく自分のテーマを大勢の前で伝えるのは難しいもの。そんな大勢の前で講演やプレゼンする時の、話すスピード・構成・話題選び・スライドの作り方・使用する機材・ソフト・練習方法からプレゼン後の注意事項など、「話す」テクニックを詰め込みまくったのが「speaking.io」。世界各地のテクニカル・カンファレンスで話した経験を持つGitHubの従業員のZach Holman氏が作成しています。 speaking.io http://speaking.io/ ◆1:トークの構成を練る どんな話題を選ぶかは重要ですが、「内容の焦点を限界まで小さく」絞って、数週間かけてでも、自分と

    会議やプレゼンなど大勢の前で話す時のテクニックや注意事項をまとめた「speaking.io」