参考URLReference URL

第1章 Sassのキホン

• 1-1 まずはSassって何なのかを知ろう
  • Sass公式サイト
  • State of CSS 2023: Other Tools - Pre-/Post-processors
• 1-2 Sassを導入する前の疑問や不安
  • Visual Studio Code 公式サイト
• 1-3 何はともあれSassを触ってみよう
  • Sass: Playground
  • CodePen
  • jsFiddle
  • CSSDeck

第2章 Sassの利用環境を整えよう

• 2-1 エディタでSassを使ってみよう
  • Visual Studio Code 公式サイト
  • Stack Overflow Developer Survey 2023
• 2-2 黒い画面でSassを使ってみよう
  • Node.js
  • Volta
  • nvm
  • asdf
  • Sass: Install Sass
• 2-3 GUIコンパイラでSassを使ってみよう
  • Prepros

第3章 これだけはマスターしたいSassの基本機能

特にリンクは有りません。

第4章 高度な機能を覚えてSassを使いこなそう

特にリンクは有りません。

第5章 現場で使える実践Sassテクニック

• 5-1 管理／運用・設計で使えるテクニック
  • relative luminance - Web Content Accessibility Guidelines (WCAG) 2.2
  • contrast ratio - Web Content Accessibility Guidelines (WCAG) 2.2
  • Contrast (Minimum) - Web Content Accessibility Guidelines (WCAG) 2.2
  • Contrast (Enhanced) - Web Content Accessibility Guidelines (WCAG) 2.2
  • EditorConfig
  • CSSプリプロセッサのExtend - hiloki/flocss
• 5-4 AIを活用したSassテクニック
  • OpenAI
• 5-5 PostCSSでSassをさらに便利にする
  • PostCSS
  • postcss-cli
  • npm-run-all2
  • autoprefixer
  • Browserslist
  • Can I use...
  • browserl.ist
  • css-declaration-sorter
  • Formatting Code - Grouping Properties
  • Concentric CSS
  • PostCSS Sort Media Queries

第6章 さまざまなフレームワークやツールでSassを使う

• 6-1 Sassが使えるフレームワーク紹介
  • Astro
  • Next.js
  • Gatsby
  • Nuxt
  • SvelteKit
  • Hugo
  • Laravel
  • Bootstrap
  • Foundation
  • Bulma
  • Bourbon
  • UIkit
• 6-2 SassのGUIコンパイラ
  • Prepros
  • CodeKit

第7章 Sass全機能リファレンス

• 7-2 Sassの関数一覧
  • Sass: Breaking Changes
• 7-3 Sass JavaScript API
  • Sass: sass | JS API