Sass

Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

RSS

  • 受付中

    回答
    1

    Bootstrap4のユーティリティとSassの使い分けについて

    前提・実現したいこと Bootstrap4を使って、レスポンシブなHPを作成しようと思っています。 ユーティリティとSassの使い分けについてまとめてみたのですが、 アドバイス「これはユーティリティで書くべき」「これはSassで書くべき」や、 私の理解に間違いがあるようでしたら、理由も含めて教えて頂くと幸いです。 Sass(ユーティリティ以外)で

    • 0評価
    • 56PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • Bootstrap

      851questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    keisukeh keisukeh 1日前に 回答を編集

  • 受付中

    回答
    1

    sassを使用していると思われるテンプレートのコンパイル方法

    前提・実現したいこと Bootstrapを使用したテンプレートを探していたところ「BlurAdmin」というのが紹介されていて、使いたいと思いました。 種類が2種類あり、 １．http://akveo.com/blur-admin-mint/#/dashboard ２．http://akveo.com/blur-admin/#/dashboard ２

    • 0評価
    • 453PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • Bootstrap

      851questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    keisukeh keisukeh 6日前に 回答

  • 受付中

    回答
    0

    Grunt,Bootstrapで強制的にautoprefixをつけたい

    Sass、Bootstrap、Grunt初心者です。 【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。 【作っているもの】 現在Bootstrapをベースにしたテーマ、 「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ

    • 0評価
    • 540PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • CSS3

      1863questions

      CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • Bootstrap

      851questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    • Grunt

      22questions

      Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。

    mskgjtnn 退会済みユーザー 1週間前に 回答

  • 受付中

    回答
    0

    Sass,Grunt,Bootstrapで新しいプロジェクトを作るには？

    Sass、Bootstrap、Grunt初心者です。 【主な環境】 Mac OS X EL Capitan Brackets Chrome を主に使用して開発をしています。 【作っているもの】 現在Bootstrapをベースにしたテーマ、 「Honoka」 http://honokak.osaka/ を利用させていただきながら、ウ

    • 0評価
    • 547PV
    • Node.js

      1682questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • Bootstrap

      851questions

      BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

    • Grunt

      22questions

      Gruntは、JavaScriptで記述されたタスクを実行するアプリケーションです。タスクランナーと呼ばれる自動化ツールで、様々な作業を自動化して開発の効率を高めます。コマンド実行やファイル保存などの際の自動実行が可能です。

    mskgjtnn 退会済みユーザー 1週間前に 回答

  • 受付中

    回答
    0

    Webpack4 複数cssファイル出力それぞれにsourceMapを付与したい

    Wordpressのtheme開発にwebpack4導入を検討しています。 こちら https://teratail.com/questions/134422 で質問させていただいたような状況を経て、現在以下のようなwebpack-config.jsにて main.cssとeditor-style.cssの2つを出力しておりますが、sourceMapの出

    • 0評価
    • 60PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • webpack

      193questions

    • npm

      225questions

      npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

    teratailが2週間前に アップデート

  • 受付中

    回答
    0

    Gulp の複数出力先を指定

    gulpを使って sass をコンパイルした時に生成されたCSSファイルを各ディレクトリに出力できるようにしたいのですが、これは難しいのでしょうか。 下記の二つの形式で試してみましたが、どちらも動きませんでした。 #コード１　１タスクで出力先を複数指定 var gulp = require('gulp'); var sass = require('g

    • 0評価
    • 37PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • gulp

      256questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    teratailが2週間前に アップデート

  • 受付中

    回答
    0

    Webpack4 ExtractTextPlugin にて 複数のcssファイルを出力したい

    Wordpressのtheme開発にWebpack4を導入、ExtractTextPluginを使い wp-content/themes/project-name/assets/css フォルダへ main.css を出力しています。 wordpressの管理画面用css として editor-style.css を同出力先へ、 main.css とは別

    • 0評価
    • 78PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • webpack

      193questions

    • npm

      225questions

      npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。

    teratailが2週間前に アップデート

  • 受付中

    回答
    0

    Sassのコンパイルエラーについてです。

    Sassのコンパイルエラーについてです。 下記のようなエラー文が出て、全くコンパイルできません。 解決方法ご存知でしたらご教示ください。 Invalid CSS after " &": expected "{", was "__desc {" "__desc" may only be used at the beginning of a c

    • 0評価
    • 63PV
    • コンパイル

      60questions

      コンパイルとは、プログラミング言語のテキストソース(ソースコード)をコンピュータ上で実行可能な形式(オブジェクトコード)に変換することをいいます

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    teratailが2週間前に アップデート

  • 受付中

    回答
    0

    Boxへのアップロードを取り消す方法

    プログラミングとは直接関わりがないのですが、エンジニアとしてよく使うクラウドサービスの一つに「Box」があると思います。 https://www.box.com/ja-jp/home ブラウザ上からアクセスすると、ファイルの「更新日」が表示され、そのファイルをアップロードした日時がわかるはずです。 これはファイルの編集履歴の管理にとても役立つのですが、「

    • -1評価
    • 52PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    teratailが2週間前に アップデート

  • 解決済

    回答
    2

    navの背景画像がすっぽり表示されるよう高さ指定したい

    前提・実現したいこと sass(scss)初心者でcompassはさっき初めて知ってインストールしたばかりです。 headerの中にnavを入れて背景画像を指定しています。 navの高さをpxで指定しないとnavが高さ0になります。 （Chromeのデベロッパーツール (command + option + i) で確認しました。） そこでcssで

    • 0評価
    • 464PV
    • CSS3

      1863questions

      CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

    • HTML5

      3619questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • compass

      40questions

      CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

    taro_nii_chan taro_nii_chan 3週間前に ベストアンサー

  • 解決済

    回答
    1

    preprosのscssで@importがエラーを起こす

    お世話になります。ご協力お願いします。 style.scssで他のものを@importでまとめて入れてたんですが、急にエラーが出て反映されなくなってしまいました。 エラー内容：『File to import not found or unreadable 〇〇.scss』 試しに他の案件も何もいじらずにコンパイルすると同じエラーに。 そのファイルを消しても次

    • 0評価
    • 413PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • compass

      40questions

      CompassはSassを拡張したオープンソースのCSSフレームワークです。 特徴は、ベンダープレフィックス等の複雑なCSSを手軽に記述できる点、 CSSスプライト画像を簡単に作成できる点などが挙げられます。

    s8_chu s8_chu 3週間前に コメント

  • 受付中

    回答
    0

    【gulp】browser-syncでejsとcssがロードされない

    お世話になります。 現在gulpでcssコンパイルやテンプレートエンジンを使用するように錯誤しております。 前提・実現したいこと gulpfile.jsに以下のように記述していますが、 cssコンパイルやejsでのhtml可は成功しているのですが、 browser-syncでの自動ブラウザリロードができません。 const gulp

    • 0評価
    • 58PV
    • JavaScript

      14837questions

      JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

    • Node.js

      1682questions

      Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • gulp

      256questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    teratailが3週間前に アップデート

  • 解決済

    回答
    1

    gulpのインストールに失敗する

    前提・実現したいこと Sassを使いたく、設定を行なっております。 MAC10.12.6です。 １：node.js(v10.4.1)を公式サイトからDL、インストーラーを使ってインストール ２：続いてgulpのモジュールを下記コマンドでインストール npm install -D gulp gulp-sass ３：インストールされたか確認するべく

    • 0評価
    • 44PV
    • MacOS(OSX)

      1745questions

      MacOSとは、Appleの開発していたGUI（グラフィカルユーザーインターフェース）を採用したオペレーションシステム（OS）です。Macintoshと共に、市場に出てGUIの普及に大きく貢献しました。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • gulp

      256questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    MK_00 MK_00 4週間前に ベストアンサー

  • 受付中

    回答
    0

    gulp sassのコンパイルを早くする設定

    前提・実現したいこと sassファイルの量が多くなり、コンパイルに多量の時間がかかっています。 差分のみをコンパイルできるように設定を変更したいです。 gulpファイル設定の経験がなく、何かアドバイスをもらえると助かります。 該当のソースコード var gulp = require('gulp'); var gulpif = require('gul

    • 0評価
    • 62PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • gulp

      256questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    teratailが1ヶ月前に アップデート

  • 解決済

    回答
    1

    sassの@mixinの仕様について

    サンプル1の出力では、a中に入れたspが.aの次の階層に来てるのに、 サンプル2の出力では、a中に入れたspが.aの上の階層に来てるはなぜでしょうか？ サンプル1 sass @mixin sp { div { @content; } } .a { @include sp { width: auto; }

    • 0評価
    • 109PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    msiqb msiqb 1ヶ月前に ベストアンサー

  • 解決済

    回答
    1

    macでsassを使いたい。使い方について

    いつもお世話になってます。 質問は表題の通りです。 macのターミナルでコマンド入力後、おそらくsassのインストールまでは成功していると思いますが、 対象のscssファイルが見つからないとエラーが出てしまい、進みません。 下記ターミナルに出たエラー内容です。 （私の名前部分は＃＃に記載変更しています） Last login: Sat Jun

    • 0評価
    • 68PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    kato00 kato00 1ヶ月前に コメント

  • 解決済

    回答
    1

    gulp SASS パーシャルファイルを保存したときに親ファイルも書き換えたい

    gulpにて、 パーシャルファイルを保存（watch）したときに該当の親SCSSファイルをビルドする方法はありますか？ 例）sample.scss @import 'layout/_header.scss'; ↓ _header.scssを修正 ↓保存（watch） sample.scss、が更新される 以下の質問は拝見しました。 https://t

    • 0評価
    • 349PV
    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    • gulp

      256questions

      gulpは、Node.jsをベースとしたタスク自動化ツールの一つ。ストリームでファイルを処理することが特徴です。CSSプリプロセッサの使用時のコンパイルや、CSS・JavaScriptファイルの圧縮・結合などを自動的に行うことができます。

    nyamuo nyamuo 1ヶ月前に 回答

  • 解決済

    回答
    1

    sassファイルのサーバーアップロードについて

    Sass(scss)でコードを書いてサーバーにアップロードしようと思います。 ふと疑問に思ったのですが、この時にnode_modulesやpackage.json sassフォルダも一緒にアップロードするのでしょうか？npm scriptsを使っています。 コンパイルされたCSSファイルがあるので、htmlとCSSファイルだけで問題ないのかな？と気になり

    • 0評価
    • 82PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    teruri teruri 1ヶ月前に コメント

  • 受付中

    回答
    1

    sassの使い方、コンパイルについて

    いつもお世話になってます。 sass初心者です。 macのターミナルにてsassをインストール後、scssファイルをcssにコンパイルしたいのですが、うまくいきません。 cssファイルのあるディレクトリまで移動し、pc_style_cssをコンパイルすると、pc_style_css.mapという別ファイルが作成されて、更新内容も反映されていません

    • 0評価
    • 120PV
    • HTML

      8072questions

      HTMLとは、ウェブ上の文書を記述･作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像･リスト･表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    teruri teruri 1ヶ月前に 回答

  • 解決済

    回答
    1

    [html,css(sass,scss)]ヘッダーの背景色を幅いっぱいにできない

    サイトのヘッダー（ナビゲーション）の背景色を幅いっぱいにしたいのですが、うまくいきません。 最初navタグをulにしていましたがそれでは左が塗りつぶされず、navにすると今度は右が塗りつぶされませんでした。 あと、この設定ではテキストにカーソルを合わせても背景色が変わりません。そこも直したいです。なお、背景色を設定しなかった場合うまくいきました。 <ht

    • 0評価
    • 373PV
    • CSS

      5156questions

      CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

    • HTML5

      3619questions

      HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

    • Sass

      228questions

      Sassは、プログラミング風のコードでCSSを生成できるスタイルシート言語です。 scss ファイルを、変換（コンパイル）してCSSファイルを作成します。

    snowshink snowshink 1ヶ月前に ベストアンサー
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    295人

  • 総質問数

    228件

  • 今週の質問数

    1件

関連するタグ

  • パス

    17questions

    パス(path)はファイルシステムの場所(階層)を明示したものです。

  • GD(Graphics Library)

    23questions

    GD(Graphics Library)は、線や多角形、円、テキストなどを書くことができるライブラリです。グラフなどを作成する際に利用されます。

  • SELinux

    3questions

  • 2038年問題

    1questions

  • iOS 7

    12questions

    iOS7はAppleが開発したモバイルオペレーションシステムiOSの七番目のメジャーバージョンです。

  • Milkcocoa

    88questions

    Milkcocoaとは、バックエンド機能を提供するBaaSサービスの一つです。サーバを準備することなく、フロントエンドのコーディングだけでデータの保存・更新・取得、またPub/Sub通信行うことが可能です。

  • Wireshark

    18questions

    Wireshark(ワイヤシャーク)は、ネットワーク・アナライザソフトウェアです。 IP、DHCPなど800以上のプロトコルを解析できる機能があり、 Windows、Linux、BSD、Mac OS Xなどで利用が可能です。

  • ラジオボタン

    16questions

    ラジオボタンはフォームに使われる要素のひとつであり、ユーザに限られた選択肢からひとつの答えを選んでもらうというものです。

  • SDL (Simple DirectMedia Layer)

    6questions

    SDL (Simple DirectMedia Layer)は、C言語で記述されたクロスプラットフォームのマルチメディアライブラリです。画像や音などを 統一してアクセスするためのAPIを提供。LinuxやWindows、各種MacOSなどを公式にサポートしています。

  • UWSC

    28questions

Sassタグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る