oasis440のブックマーク - はてなブックマーク

センス上がった！タイプ別に分けたWebデザインの参考になるサイトまとめ
作成：2014/06/30 更新：2014/11/01 Webデザイン > サイトのデザインセンス、または操作性などが良いのか悪いのかわからない。オシャレで洗練されたデザインにするため、少しでもセンスを上げるために色々なサイトをチェックしておきたい。今回はただWebデザインギャラリーサイトを紹介するのではなく、ページ別・職種・動き・制作別など「サイト制作時に役立つ」くくりでまとめました。コーポレートサイトやECサイト・自社サービスのデザイン考えるとき、提案前に一度は見ておきたいまとめ。エンジニア速報は Twitter の@commteで配信しています。もくじ配色１．グラデーション＋フラットデザイン２．ダッシュボードの配色例３．高級感を出す配色ページ別４．採用ページ５．404ページ職種別６．和菓子系（不足の美）７．女性向け（エディトリアルデザイン）８．医療系９
oasis440 2014/06/30
デザイン

配色
リンク
すごく役立った！サイト制作でさりげなく使われているCSSテクニックまとめ
作成：2014/04/21 更新：2014/10/24 Web制作 > 前回コーポレートサイト制作が捗るjQuery プラグインをまとめましたが、今回はCSS版ということで、使用頻度が高いものと、これから必要になりそうなものを、忘れないようにメモしておきます。コーポレートサイトやWeb サービスサイトでさりげなく使われているものや、今後増えそうなものなど。エンジニア速報は Twitter の@commteで配信しています。もくじ横並び１．今までの回り込み解除２．横並びや並び順３．均等に並べる／段組みナビゲーションメニュー４．多階層　ドロップダウン５．amazon風　メガドロップダウン６．ドロワーメニューコンテンツメニュー７．モーダルウィンドウ８．アコーディオン９．タブパネルテーブル１０．ストライプテーブル１１．レスポンシブ＋テーブルリスト１２．カウント
oasis440 2014/04/21
web

css
リンク
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。オリエンテーション／受注前１．書類テンプレート一式オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３２．見積もりの目安と計算方法例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
oasis440 2014/01/20
web
リンク
そうとう楽！WEB制作、ビジネスを助ける「テンプレート」まとめ | コムテブログ
作成：2013/02/25 更新：2014/11/01 Webサービス > Webデザイン急に仕事をふられたけどいちから作っている時間はないだけど、素早く「それなり」に見せたい見ているだけでデザインの参考になりそうなテンプレートや、無駄な作業を大幅になくすWebサービスを、用途ごとに分けてまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじ１．企画書 / 請求書 / 履歴書 / 退職願 / プレゼン２．パワーポイント３．エクセル４．フライヤー / ポスター / チラシ / ロゴ５．名刺６．文章 / 手紙７．Web制作 / ホームページ８．Webデザイン９．HTML/CSS 企画書 / 請求書 / 履歴書 / 退職願 / プレゼンフォームに入力するだけで、整形された紙面(PDF)が完成職務経歴書テンプレート一覧 - ルーシ
oasis440 2013/02/25
テンプレート
リンク
1