sassに関するnetbusinessjouhouのブックマーク (2)

  • 現場で役立つ実践Sass(5)関数も使おう

    現場で役立つ実践Sass(5)関数も使おう 連載 現場で役立つ実践Sass 第5回目は、Sassの関数(functions)について紹介します。 プログラミング言語では必ず出てくる関数。Sassでは主にCSSの値を処理する際、例えば、あるプロパティで指定した色を「30%明るい色の値にする」といった目的で使用します。 公式サイトの基機能の紹介「Sass Basics」でも紹介されているMixinやExtendなどの類似した機能が注目されがちですが、関数こそすぐに導入できる機能と言えます。 なぜなら、おおよそ80種類もの便利な関数が用意されており、定義しなくてもそのまま使えるからです。 もちろん、自作関数を定義することもできます。関数の特徴を理解したら積極的に使っていきましょう。 DreamweaverがSassに正式対応 先月公開された、Dreamweaver CCの2016年11月リリー

    現場で役立つ実践Sass(5)関数も使おう
    netbusinessjouhou
    netbusinessjouhou 2020/01/25
    ネイティブ関数
  • SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト

    ここでは、Win,Macともに最近ユーザーが激増している「Sublime Text」でSassを快適に使えるようにするための、設定例を紹介します。 この設定は、著者の森田がSassのコーディングをする時に使っている設定(2013年8月現在)になりますので、あくまでも一つの参考として読んで頂き、使いづらいと感じる部分は、自分なりにカスタマイズしてより使いやすいエディタにしましょう。 キャプチャーはMacで撮っておりますが、Windowsも同じやり方で設定できます。 Sass用の設定を追加 まずは、SublimeTextを起動します。 SublimeTextを起動した状態 まず、機能を拡張するためにパッケージコントロールをインストールします。「Sublime Package Control」のサイトへアクセスしましょう。Installationページに記載されているソースをコピーします。 バー

    SublimeText(Windows、Mac)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
  • 1