Tag Archives: 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