강의

챌린지

멘토링

로드맵

커뮤니티

BEST
開発・プログラミング

/

Web開発

SCSS(SASS)+FLEX 実践レスポンシブWebプロジェクト with Figma

SCSS（SASS）とFLEX Layoutを実践で完璧に活用します！FigmaでWebサイト全体のメインページおよび主要なサブページのUIをデザインし、一貫性のあるクラス名とともにHTMLワイヤーフレーム構造を作成して、コーディングまで完了する体系的なレスポンシブWebサイト制作プロジェクトです。合計41時間以上の講座を通じて、基礎理論と実務での活用能力を十分に身につけ、PC - モバイル - タブレットに対応したレスポンシブレイアウトを設計・制作しながら、レスポンシブWebプロジェクトに関する経験とノウハウはもちろん、jQueryの基礎理論および実務での活用能力も大幅に向上させます。

（4.9）受講レビュー 30件

受講生 348名

難易度 初級

受講期間 無制限

HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
HTML/CSS
HTML/CSS
Sass
Sass
scss
scss
JavaScript
JavaScript
jQuery
jQuery
お知らせ一覧
codingworks님의 프로필 이미지
codingworks

SCSSのコア理論（Essential Theory）ビデオアップデート

こんにちは。コーディングワークスです。
シームレスなSCSS（SASS）+ FLEX本番レスポンシブWebプロジェクトの公開作業のために、SCSSのコア理論（Essential Theory）を更新しました。 SCSSコア理論（Essential Theory）映像は5時間9分にわたってSCSSのほぼすべての理論を扱っているので、SCSSコア理論を十分に深く深めることができます。

▼追加されたセクションと映像内容（2023.07.06）

セクション 4. SCSS コア理論 (Essential Theory)

  1. SCSSコア理論(01) - セレクタのネスト(Nesting)

  2. SCSSコア理論(02) - 親セレクタ参照(&)と注釈処理

  3. SCSSコア理論（03） - 親セレクタリファレンス（＆）アプリケーション

  4. SCSSコア理論（04） – 代表的なCSSセレクタSCSSで作成

  5. SCSSコア理論（05） - 親セレクタリファレンス（＆）仮想クラス

  6. SCSSコア理論（06） - 親セレクタ参照（＆）属性選択子

  7. SCSSコア理論（07） - 親セレクタの入れ子になる@at-root

  8. SCSSコア理論（08） – プレフィックスを使用してCSS属性を自動生成する

  9. SCSSコア理論（09） – 仮想クラス：isでセレクタの重複を減らす

  10. SCSSコア理論(10-1) - 変数(Variables) 01

  11. SCSSコア理論(10-2) - 変数(Variables) 02

  12. SCSSコア理論（10-3） - 変数（Variables）有効範囲とCSS変数宣言

  13. SCSSコア理論（11-1） - 外部ファイルのインポート@import

  14. SCSSコア理論（11-2） - @importに分割されたファイルを読み込む

  15. SCSSコア理論(12) - 演算子(Operations), 出力ウィンドウを取り除く

  16. SCSSコア理論（13-1） - グループを宣言する@mixin、グループを使う@include

  17. SCSSコア理論（13-2） - @mixinと@includeを適用する

  18. SCSSコア理論（13-3） - @mixinと@includeを活用したボタンデザイン

  19. SCSSコア理論（13-4） - @mixinのパラメータ（引数）を@includeとして使用する

  20. SCSSコア理論（14） - セレクタ属性を取得する@extend

  21. SCSSコア理論（15） - @extendで使用するプレースホルダーセレクタ％

  22. SCSSコア理論(16) - 多変数宣言、組み込み関数(map-get)

コメント