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

Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ

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

mahiru123 2014/01/20

web制作

リンク

すごい便利になった！javascript入門の基礎知識と小技まとめ

作成：2013/12/24 更新：2014/11/01 Web制作 > サイト構築中にちょっとした動きをのせたいとき、どうすれば良かったのか何度も調べ直さないといけないことがあります。今回はJavaScript で初心者の方でもすぐ活用できるように、使用頻度の高いリファレンスと基本知識をまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじできること１．リファレンススクリプトの書き方／基礎知識２．スクリプトの記述３．文字列／特殊文字４．演算子５．オブジェクト６．プロトタイプ７．イベント８．変数９．if文１０．配列１１．連想配列１２．正規表現１３．デバッグできること１．リファレンス JavaScriptは開発環境の準備がほぼ不要で、コピー＆ペーストだけで、動くものができてしまいます。他の言語だとそう簡単にはいきません。サ

mahiru123 2013/12/24

javascript

リンク

とても効率的になった！HTML5に関する「役立つ」まとめ

作成：2013/12/16 更新：2014/11/01 Web制作 > サイト構築をするときに、フォームまわりの改善や動画やAPIを使わなくてはいけない機会があったので、ついでにHTML５のマークアップをおさらいをしました。今回はサイトを構築する上で覚えておくと役に立つ、使用頻度の高いポイントだけおさえてまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじ HTML5 タグ一覧１．フォーム（input ）関連の便利な新要素２．基本要素一覧動画／音楽再生３．video タグ４．audio タグアプリケーション向けの機能／API ５．位置情報を取得する６．ローカルストレージ７．サーバー双方向通信８．バックグラウンド処理９．ファイル操作サンプル１０．ソースコードつきのサンプルテンプレート１１．テンプレート＋作成ツール HTML5

mahiru123 2013/12/17

HTML5

リンク

知っておくと速い！CSS3に関する「便利」なまとめ

作成：2013/11/25 更新：2014/10/24 Webデザイン > 先週WordPressの自作テーマを作っていたときに、もっとCSSで効率化できないものかと、色々調べてたら結構使ってないものがありました。出来るだけ短縮できるところは短縮したいので、今回はCSSの中でもサイトを作る上で「知っておくと効率的」なものをまとめました。エンジニア速報は Twitter の@commteで配信しています。もくじ知っておきたいプロパティ１．カウント数を出力２．要素の前後に文字や画像３．カーニング４．画像フィルタ５．均等幅にレイアウト６．アニメーション一覧スマホサイト対策７．viewport ８．改行削除９．Webクリップアイコン１０．UIリセット／入力フィールド拡張１１．横並び１２．ボタンサンプル１３．画像を使わない矢印１４．自動改行１５．はみ出しを隠す１

mahiru123 2013/11/25

CSS3

リンク

jquery小技まとめ３２

作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。エンジニア速報は Twitter の@commteで配信しています。もくじスクロール１．ページ内リンク／フッターまわり／トップに戻る２．パララックススライド３．カルーセル４．レスポンシブなスライダー５．ヌルヌルサクサクなスライドメニュー６．サムネイル付きクロスフェードスライドショー補助７．Google Ana