takimotok / blog Goto Github PK

2022-03-29_test が url として表示されているので適切に変更する

cf.) Document コンポーネントを追加

cf.)

• https://icon-sets.iconify.design/?query=link
• https://vercel.com/design/icons
• https://primer.style/octicons/

todo

• add Sass
• change directory structures
• consider reset.css
• refine pc styles

import layouts's sass only once inside global.scss not in modules

url path の日付部分を省きたい

cf.)

• https://qiita.com/ymeeto/items/f165576f49f37e28e253

• internal, external
• definition

todo

• Heading
  • h1 - h6

ideas

font-size

• html: 18px
• h1: 2rem
• h2: 1.8rem
• h3: 1.6rem
• h4: 1.4 rem
• h5: 1.2 rem
• h6: 1rem

todo

• investigate width unit
  • e.g.) vw, vh
• define break points
• use mixins
• check design w/ :
  • pc
  • rotated mobile devices

<sup>

The ^{tag defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font.
Superscript text can be used for footnotes, like WWW[1].}

-- https://www.w3schools.com/tags/tag_sup.asp

<sub>

The _{tag defines subscript text. Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Subscript text can be used for chemical formulas, like H2O.}

-- https://www.w3schools.com/tags/tag_sub.asp

GitHub Flavored Markdown Spec

cf.) https://github.github.com/gfm/

inline, block

• shingle
• double
• block

Linter, Prettier

• 2020年師走における Next.js をベースとしたフロントエンドの環境構築
• prettier/prettier
  • Vim Setup
• prettier/vim-prettier

$ yarn add -D prettier

$ echo {}> .prettierrc.json

in ale:

ALE supports both linters and fixers.
If you don’t specify which linters to run, all available tools for all supported languages will be run, and you might get a correctly formatted file with a bunch of lint errors.
To disable this behavior you can tell ALE to run only linters you've explicitly configured (more info in the FAQ):

-- https://prettier.io/docs/en/vim.html

let g:ale_linters_explicit = 1

about config:

At first glance, avoiding parentheses may look like a better choice because of less visual noise.
However, when Prettier removes parentheses, it becomes harder to add type annotations, extra arguments or default values as well as making other changes.
Consistent use of parentheses provides a better developer experience when editing real codebases, which justifies the default value for the option.

-- Arrow Function Parentheses

Linter

editorconfig

• EditorConfig
• editorconfig/editorconfig-vim

• Definition List
• Ordered List
• Unordered List

• Forms
  • Legend
  • Form Element
    • Text Field
    • Text Area
    • Select Element
    • Radio Buttons
    • Checkboxes
    • Password
    • File Input