動画で基礎を学ぶ!
  • Sassコーディング

    全 9 動画

  • 会員限定Sassとは

    04:26

    Sassとは Sass(サス、サース)は Syntactically Awesome Stylesheetsといいます。CSSをより効率的に記述するため...

  • 会員限定ターミナルについて

    05:08

    ターミナルとは ターミナルは、Macをコマンド(命令文)で操作するツールです。通常はアイコンやメニューで操作しますが、ターミナルでは文字を使って直接指示...

  • 会員限定Sassのインストール

    04:42

    Sassのインストール 今回は、Sassのインストールを行います。Sassにはいくつかの実装がありますが、その中からDart Sassをインストールします...

  • 会員限定Sassの書き方

    02:35

    「Sassとは?」のステップで、SassにはSass(インデント形式)とSCSS(波括弧形式)の2つの記述形式があると紹介しました。デザデジでは、CSSに近い記...

  • 会員限定ブラウザで表示

    01:58

    Sassをコンパイルして、ブラウザに反映 このステップでは、Sassをコンパイルしてブラウザに反映させる方法について学びます。前ステップで学んだSCSSの...

  • 会員限定@mixin / @include

    03:27

    @mixin/@includeについて @mixinと@includeはSCSSでコード再利用を効率化する機能です。@mixinでスタイルを定義し、@in...

  • 会員限定変数

    03:38

    本ステップでは、ネスト、変数、演算、ミックスインなどのSCSSの追加機能を解説します。これらの機能を活用することで、コーディングの効率化やデザインの一貫性を向上...

  • 会員限定@extend

    03:51

    @extendとは? @extendは、スタイルの重複を避けコードを効率的に再利用できるようにするために使用されます。簡単に言うと、あるスタイルを別のスタ...

  • 会員限定演算

    02:54

    演算とは? 演算とは、数値やその他のデータに対して計算を行うことを指します。Sassでは、演算を使用して、数値や色を計算したり、動的に値を設定したりするこ...