ハウツー動画eduTOP > PC・インターネット > Sass

-スポンサード リンク-

Sass一覧

全15件中 1〜20件表示  << 最初  < 前へ  1  次へ >  最後 >> 

  • Sassの基礎 15 :@extendを使う

    Sassでスタイルを継承することができる@extendについての使い方と@includeとの違いについて解説していきます。
    ・@extend
    ・@extendと@includeの違い

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:@extend

    Sassの基礎 15 :@extendを使う
  • Sassの基礎 14 :@mixinを使う

    Sassで設定をまとめて管理することのできる@mixinの使い方について解説していきます。
    ・@mixin
    ・@include
    ・引数
    ・引数の初期値

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:@mixin

    Sassの基礎 14 :@mixinを使う
  • Sassの基礎 13 :ファイルを分離して管理する

    Sassでファイルを分割して管理する方法について解説します。
    ・partials
    ・@import

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:

    Sassの基礎 13 :ファイルを分離して管理する
  • Sassの基礎 12 :関数を使う2

    Sassで前回作成した関数をさらに作り上げていきます。
    ・ローカル変数
    ・@debug

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:関数

    Sassの基礎 12 :関数を使う2
  • Sassの基礎 11 :関数を使う1

    Sassで複数の処理をまとめることができる関数@function文、@returnについて解説します。
    ・@function文
    ・@return

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:関数

    Sassの基礎 11 :関数を使う1
  • Sassの基礎 10 :リストを扱う

    Sassで同じ種類のデータを扱うことができるリストについての使い方と@each文について解説していきます。
    ・リストの宣言
    ・@each文

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:リスト

    Sassの基礎 10 :リストを扱う
  • Sassの基礎 09 :@for, @while文を使う

    Sassで@for文、@while文を使った繰り返し処理を行う方法について解説していきます。
    ・@for文
    ・@while文

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:@for文 @while文

    Sassの基礎 09 :@for, @while文を使う
  • Sassの基礎 08 :@if文を使う

    Sassで@ifを使った条件分岐のやり方について解説します。また真偽型の変数や比較演算子についてもここで解説します。
    ・真偽型の変数
    ・@if ... @else
    ・比較演算子

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:@if文

    Sassの基礎 08 :@if文を使う
  • Sassの基礎 07 :色を扱う

    Sassで変数を使って色を扱う方法を動画で解説します。また色に関して使用できる標準関数についても説明します。
    ・変数の宣言と初期化
    ・変数の利用
    ・lighten / darken
    ・built-in functions

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:

    Sassの基礎 07 :色を扱う
  • Sassの基礎 06 :文字列の扱い方

    Sassで変数を使い、文字列を扱う方法について動画で解説します。
    ・変数の宣言と初期化
    ・変数の利用
    ・文字列の連結 +
    ・#{}記法

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:文字列

    Sassの基礎 06 :文字列の扱い方
  • Sassの基礎 05 :変数を使う

    Sassで扱える変数とデータ型について動画で解説します。ここでは変数の宣言と初期化、使い方まで説明します。
    ・変数の宣言と初期化
    ・変数の使い方
    ・演算子
    ・動作確認

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:変数

    Sassの基礎 05 :変数を使う
  • Sassの基礎 04 :入れ子構造を使う

    Sassの基本となる入れ子構造(ネスト)の使い方を解説していきます。またコメントの書き方や&記号の使い方についても説明します。
    ・入れ子構造
    ・コメント記法(/* ... */, //)
    ・&記号

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。

    タグ:入れ子構造

    Sassの基礎 04 :入れ子構造を使う
  • Sassの基礎 03 :自動でCSSに変換する

    Sassについて.scssに変更があった場合に自動的にCSSに変換するように設定を行います。
    ・--watchオプション
    ・動作確認

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。特徴して、CSSよりもシンプルな記法でCSSを構造化して表現できる、書き手による構文のゆれが発生しない、機能をうまく使うことでCSSのメンテナンス性が大幅に向上する、CSSの出力形式を柔軟に選択できるなどが挙げられます。

    タグ:変換

    Sassの基礎 03 :自動でCSSに変換する
  • Sassの基礎 02 :.scssファイルの作成

    Sassについて実際に.scssファイルを作り、sassを使ってCSSに変換していきます。
    ・動作の基本
    ・.scssファイルの作成
    ・sassによる変換
    ・結果の確認
    ・変換オプション --style expanded

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。特徴して、CSSよりもシンプルな記法でCSSを構造化して表現できる、書き手による構文のゆれが発生しない、機能をうまく使うことでCSSのメンテナンス性が大幅に向上する、CSSの出力形式を柔軟に選択できるなどが挙げられます。

    タグ:scssファイル

    Sassの基礎 02 :.scssファイルの作成
  • Sassの基礎 01 :Sassとは?

    Sassについて概要や公式サイト、必要な知識などを動画で開設します。
    ・Sassの概要
    ・公式サイト
    ・必要な知識
    ・環境とSassのインストール

    Sassはスタイルシートを簡潔に表現するためのメタ言語で、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供しています。特徴して、CSSよりもシンプルな記法でCSSを構造化して表現できる、書き手による構文のゆれが発生しない、機能をうまく使うことでCSSのメンテナンス性が大幅に向上する、CSSの出力形式を柔軟に選択できるなどが挙げられます。

    タグ:

    Sassの基礎 01 :Sassとは?

全15件中 1〜20件表示  << 最初  < 前へ  1  次へ >  最後 >> 

▲Sassのページ上へ

PC・インターネット
のカテゴリ一覧