記事一覧
[Sass] 「@for」と「変数」を使うとmargin/paddingの管理が楽になります。
「marginの値をclassで決めておいて、HTMLにはclassを記述する」というスタイルのコーディングがあります。
具体的には
CSSで 「.mt-30px」というclassに「margin-top:30px」を設定し、
.mt-30px{ margin-top: #{$step}px;}
HTMLで「class="mt-30px"」指定すると上のマージンが30pxになる、という
フロントエンド開発環境を作ろう(ES6用・超初心者向け)
自分のPCにある作業フォルダを、フロントエンド開発の「プロジェクトディレクトリ」にしていく工程です。
上から順にやっていけば出来上がります。
超初心者向けです。
前提- VSCodeを使います。
- Node.jsはインストール済みとします。
- 主な作業はVSCodeのターミナルで作業します。
- GitHubのアカウントは取得済とします(Git使う場合だけ)
STEP1 : PCに作業フォ