HTMLコーディングのスピードアップ（その１）

コーディングのスピードアップを図ろうと、まずは手順をまとめました。

コーディングの手順

  1. レイアウト作成（手描き・イラレ）
    ブロック分け（手描き）
  2. コーディング
    HTMLマークアップ
    id クラス　命名
    スタイル指定
    スタイルマークアップ

 

上記手順に変更は必要なさそうなので、

今度は具体的に何をどうすれば早くなるかを考えました。

時短の具体的な方法

  1. ひな型フォーマットを作る
    レイアウトパターン
    基本のHTML
    CSSレファレンス
    class名一覧

  2. コーディング自体を早くする
    CodePenの利用
    Emmetの利用
    スニペットの定義
    アセットの利用

ひな型を作る作業は、時間がかかりそうです。

急がば回れ。地道に作ります。

ひな型を作ったら掲載していきたいと思います。