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

最高にわかるChromeデベロッパーツールの使い方(チートシート付き)

作成：2016/07/11 更新：2017/04/16 Web制作 > 使い方初めてデベロッパーツールを触る人でも分かるように、簡潔・シンプルに書きました。画像付きのチートシートのようなものですね。今回は初心者の方向けということでChromeデベロッパーツールの入門編。Chromeは最新版です。エンジニア速報は Twitter の@commteで配信しています。設定背景色を黒にするタブの幅を変えるエディタエディタとして使うローカルファイルのコードを整形するコンソールログの閲覧・JavaScriptの入力や練習エレメント編集 CSS内の画像サイズと大きさを知るカラーフォーマットの変更 Breakpoints / クリックされた時のコードを見つけるモバイル回線速度のエミュレート通信環境を選択 Androidデバッグモバイルデバックの実機を増やすネットワーク

div1 2016/07/12

リンク

1ページで完結、Web制作者が助かるチートシート・資料・PDFまとめ

作成：2015/08/10 更新：2017/04/16 Web制作 > 開発環境ページを移動せずにテンプレートや仕様書を確認したい。今回はPCの横に貼ったり印刷したり、ワンクリックで見れるように、1ページで完結している資料をまとめました。Web制作をする上で便利なチートシートや資料・仕様書まとめです。エンジニア速報は Twitter の@commteで配信しています。もくじ WordPress版受託用マニュアル１．ヒアリングシート２．WP版ホームページ制作の流れ３．WordPress管理マニュアル４．WP版品質チェックシート５．Wordpress タグタスクランナー６．gulp ７．Bower JavaScript 代替言語／JST ８．TypeScript ９．CoffeeScript １０．Jade コーディング用１１．Chrome 開発ツール１２．html5

div1 2015/08/11

webデザイン

リンク

Web制作に使える！オシャレなサイトに見せるためのCSSやjQueryプラグインまとめ

作成：2015/03/2 更新：2016/06/29 Web制作 > 今風のサイトの動きやエフェクトを実現するために知っておくと助かるjQueryプラグインをまとめました。トレンドをおさえた最近のものや定番化しているものまで。ちょっとした動きを取り入れてオシャレなサイトを構築したい時に。エンジニア速報は Twitter の@commteで配信しています。もくじインタラクティブ１．クリック時のエフェクト２．フォームクリック時のエフェクト３．テキストに１１種の動きを出すエフェクト４．分離するエフェクトフルスクリーンの見栄えをよくする５．フルスクリーン縦スライド３つ６．全画面+オーバーレイ７．フルスクリーン背景＋ローディング８．写真から背景色を抽出９．background-size 対策ドロワーメニュー１０．ドロワーメニュー３つスクロールエフェクト１１．スクロ

div1 2015/03/03

jQuery

リンク

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

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

div1 2014/01/21

web制作

リンク

jquery小技まとめ３２

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