プログラミングマガジン

プログラミングを中心にIT技術をできるだけわかりやすくまとめます。

  • ホーム
  • Sass
 
 
     
  • サーバー言語  
    • Ruby
    • PHP
    • SQL
  •  
  • インフラ  
       
    • AWS
    •  
    • 基本
    • Git
  • Web
       
    • Web開発
    • JavaScript
    • Vue.js
    • React
  •  
  • 設計  
       
    • 実装設計
    • DB設計
  • 問い合わせ
  

カテゴリー:Sass

  1. 03.06

    【Sass】sourcemap(ソースマップ)について

    ブラウザの開発者ツールで表示されるソースコードはあくまでSassなどの出力結果になります。なので、出力結果がsassのソースのどの行に対応しているのかはわかりません。これでは開発時に不便ですので、「sourcemap(ソースマップ)」という…

    • Sass
    • コメントを書く
  2. 02.27

    【Sass】フレームワークについて

    Sassフレームワークとは? レイアウトやパーツなどCSSでよく使われるパーツをまとめたものになります。Sassのmixin集です。 種類 機能拡張系フレームワーク Bourbon Sassのミックスイン集、CSSフレームワークの…

    • Sass
    • コメントを書く
  3. 02.26

    【Sass】「mixin」、「継承」、「関数(ユーザー定義関数)」、「@at-root」について

    mixinの基本的な使い方 変換前 [crayon-648271918d68c577805110/] 変換後 [crayon-648271918d695087831223/] 命名規則 半角数字から始まる名前はつけられま…

    • Sass
    • コメントを書く
  4. 02.26

    【Sass】「ファイル分割」、「パーシャル」、「インポート法」

    実装例 結合前 ファイル1 [crayon-648271918e41c451555679/] ファイル2 [crayon-648271918e426599500031/] 結合後 以下のようなファイルが生成されます。 [cr…

    • Sass
    • コメントを書く
  5. 02.26

    【Sass】「変数」、「演算」、「条件分岐」、「繰り返し処理」

    用途 同じカラーコードをまとめておく。 デザイナーのケアレスミスなどで色コードを微妙に変えたいなどと言った場合にもすぐ対応できます。一括置換よりは楽です。 変数名のルール 変数名として使える記号は以下の三種類だけです。それ以外の記号…

    • Sass
    • コメントを書く
  6. 02.26

    【Sass】「隣接セレクタ」、「間接セレクタ」、「直下セレクタ」、「疑似要素」、「ネスト」

    隣接セレクタ [crayon-648271918f381964671969/] +記号を使って隣にあるセレクタを指定できます。 [crayon-648271918f38a358138998/] Sass [crayon-64827…

    • Sass
    • コメントを書く
  7. 02.23

    【Sass】Gulpについて

    Sassのビルドツールには様々な種類があります。おそらく多くの現場で使われているのはタスクランナーの「Gulp」でしょう。GulpはSassだけじゃなく、TypeScript、CofeeScriptなどのトランスパイル、構文チェックにも対応…

    • Sass
    • コメントを書く

トップページに戻る

RETURN TOP

著者プロフィール

エンジニア歴10年で過去に業務系、Webデザイン、インフラ系なども経験あります。現在はWeb系でフロントエンド開発中心です。

詳細なプロフィールはこちら

スポンサーリンク

カテゴリー

  • Android
  • API
  • AWS
  • C++
  • CSS
  • C言語
  • DDD
  • DevOps
  • Django
  • Docker
  • Git
  • GitLab
  • GraphQL
  • Hasura
  • Java
  • JavaScript
  • Kubernetes
  • Laravel
  • linux
  • MySQL
  • Next.js
  • nginx
  • Node.js
  • NoSQL
  • Nuxt.js
  • Oracle
  • PHP
  • Python
  • React
  • Redux
  • Rspec
  • Ruby
  • Ruby on Rails
  • Sass
  • Spring Framework
  • SQL
  • TypeScript
  • Unity
  • Vue.js
  • WebRTC
  • Webサービス開発
  • Webデザイン
  • Web技術
  • インフラ
  • オブジェクト指向
  • システム開発
  • セキュリティ
  • その他
  • データベース
  • デザインパターン
  • テスト
  • ネットワーク
  • プログラミング全般
  • マイクロサービス
  • マイクロソフト系技術
  • マルチメディア
  • リファクタリング
  • 業務知識
  • 設計
  • 関数型言語
RETURN TOP

Copyright ©  プログラミングマガジン | プライバシーポリシー