Pivot Design Box

タグ: in_writing

  • 目次プラグイン

    Easy table content を利用している。

    Head Line 2

    Head Line 3

    sample text

    sample text
    sample text

    Head Line 2

    sample text

    sample text
    sample text

  • コンテンツ一覧

    何のコンテンツが必要だったかな?

    よくあるので、名前も悩むし、パーマリンクも悩むので、一覧にてすぐに確認できるようにしておく。

    TEMPLATES NAME (File Name)

    name ot files.

    STATUS

    1. … 手をつけていない
    2. … コンテンツをまとめる
    3. … デザイン中
    4. … コーディング中
    5. … 完成
    6. … 見直しして完了

    一覧

    ページ名linkTemplates Namestatus 0 1 2 3
    会社概要会社紹介・経営理念aboutnone1
    特定商取引法に関する表示Business dealtem-b-deal.php2
    個人情報の取り扱いについてPrivacy Poricytem-pp.php2
  • media query

    考え方

    • モバイルファースト
    • デバイスは縦に利用することを基本とする。
    • html > body > .row > .container
    • html { width: 100%;}
    • .row { width: 100%;}
    • sass 2.0.1 : _02_setting.scss

    .container { width: xxx;}

    スマートフォン : sp

    320

    375 – 640

    800

    タブレット : ta

    800 – 970

    パソコン : pc

    DTP max-width

    1120

    970 – 1120

    @media (min-width: 970px) {
    
    }

    Preferlance

    四の倍数

    4 8 … 32,48,64 128,256,512,1024,

    想定

    デスクトップ 1920 × 1080
    ノートPC 1366 × 768
    タブレット 768 × 1280
    スマホ 375 × 667

    320 は必要なのか?

    iPhone

    機種名PX WIDTH
    12 Pro max428
    7,8,X,XS,11Pro375

    iPad

    PX WIDTH
    iPad Mini768
    iPad 古いやつ768
    iPad810
    iPad air820
    iPad Pro 12.91024
  • Visual Studio Code : Setting

    入れている拡張機能

    Visual Studio code

    拡張機能をたくさん入れたけど、何が何だか分からなくなってきたので、一覧にまとめることに。

    大まかな昨日べつにまとめた方がいいのかな?

    古いものもあるから、見直して行った方がいいかもしれない。

    拡張機能

    install

    1. CSS Flexbox Cheatsheet
    2. CSS Peek
    3. ESLint
    4. HTML CSS Support
    5. HTML Snippets
    6. Live Sass Compiler
    7. Live Server
    8. Marddown PDF
    9. markdownlint
    10. Path intellisense
    11. Sass
    12. Sass Lint
    13. SFTP
    14. Sublime Text Keymap and …
    15. WordPress Snippets
    16. Project Manager
    17. Todo+

    uninstall

    1. Terminal
    2. Git History