フロントエンド開発関係
-
node.js のバージョンを切り替えて使う(nvm-windows)
-
開発前の下ごしらえ(npm init)
-
npm コマンドを使ってパッケージをインストールする( node-sass をインストール)
-
node-sass を使ってみよう( npx コマンドを使ったパッケージの実行)
-
npm から node-sass を使う( package.json の scripts )
-
npm コマンドまとめ
-
ベンダープレフィックスを補完してくれる Autoprefixer
02.Visual Studio Code
-
Visual Studio Code 日本語化
-
自動でブラウザの表示を更新してくれる拡張機能 Live Server
-
Visual Studio Code で Sass をコンパイルする Live Sass Compiler
-
VSCode の拡張機能 Prettier でソースコードを整形する
Sass
-
Sassの基本
-
別の SCSS ファイルを読み込む @import
-
Sass で変数を使用する
-
Sass のコメント記述
-
「変数の値を書き換えませんよ」と宣言する !default
-
他で定義されたスタイルを継承する @extend
-
共通のスタイルを使いまわせる @mixin
-
親セレクターを参照する「 & (アンパサンド) 」
-
組み込み関数と独自の関数定義 ( @function )
-
条件分岐 @if , @else , @else if
-
ループ処理( @for , @while , @each )
-
Sass でリスト変数を使用する
-
Sass でマップ(連想配列)を使用する
未分類
-
SNS 等の公式アイコン(ロゴ)のまとめ( Facebook , Twitter, Instagram , Youtube ...)
Related Link(Ads)