Sass

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

RSS

  • 解決済

    回答
    1

    JavaScriptライブラリとPreprosについて

    JavaScriptライブラリについて質問です。 商用利用などが認められているか、どのようにして確認するんですか？ Smooth-scrollを使いたいのですが、 GitHubで配布されており、わかりません。 Preprosについて 試用版を使おうと思うのですが、著作権の問題などは大丈夫でしょうか？ ライセンスを買ったほうがいいのでしょうか。

    • 0評価
    • 299PV
    • JavaScript

      9147questions

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

    • Sass

      134questions

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

    Spalits00 Spalits00 1日前に コメント

  • 受付中

    回答
    2

    プルダウンメニューが思った動きをしてくれない

    <ul class="nav"> <li><a href="#" class="nav-item">あ</a></li> <li><a href="#" class="nav-item">い</a></li> <li><a href="#" class="nav-item">う</a></li> <li><a href="#" class="

    • 0評価
    • 77PV
    • HTML

      5097questions

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

    • CSS

      3196questions

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

    • Sass

      134questions

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

    s8_chu s8_chu 1日前に 回答

  • 解決済

    回答
    1

    gulp-ruby-sassでコンパイルしようとすると/bin/sh: node-sass: com...

    gulpでsassを保存時に自動コンパイルしようと思っています。 gulpfile.jsに scss = require('gulp-ruby-sass'), browserSync = require( 'browser-sync' ), paths = { rootDir : './', dstrootDir

    • 0評価
    • 984PV
    • Sass

      134questions

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

    • gulp

      173questions

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

    akiyum akiyum 1週間前に ベストアンサー

  • 解決済

    回答
    1

    Sublimetext3/compassでsassのコンパイルができない。

    mac 10.12.5 sublietext3 compass 1.0.3 ■パッケージ Sass SASS Build SCSS SCSS Snippet Compass ■ファイル [test] |_[sass] |_style.sass |_[css] textディレクトリにsassとcssのディレクトリがあります。 ■config.r

    • 0評価
    • 57PV
    • Sass

      134questions

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

    • compass

      27questions

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

    • sublimetext

      150questions

      SublimeTextとは、オーストラリアのSublime HQ Pty Ltdが提供しているテキストエディターのことです。Mac/Windows/Linuxでの利用が可能で、柔軟にカスタマイズできたり、多くの言語に対応していくこともあり、海外や日本国内でも人気のあるエディターです。

    lunatea lunatea 1週間前に コメント

  • 解決済

    回答
    1

    sass(及びCSS)でサイドバーの幅をページ毎に変える方法

    表題のようにページ毎にサイドバーの幅を変えるにあたり、デザイナーの方はどのようなアプローチをされているかが知りたいです。CSS初心者ですが、SASSでのコーディングを予定しているため、SASSの記法でご教示頂ければありがたいです。 現在は本当に原始的な方法で、各ページのサイドバーにそれぞれClass名を与え、変更がなされる仕組みです。 よろしくお願いいた

    • 0評価
    • 47PV
    • CSS

      3196questions

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

    • Sass

      134questions

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

    supermaruetsu supermaruetsu 1週間前に コメント

  • 受付中

    回答
    0

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

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

    • 0評価
    • 36PV
    • Sass

      134questions

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

    • Bootstrap

      552questions

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

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

  • 解決済

    回答
    2

    sassの初心者が参考にすべきサンプルについて

    表題のとおり、sassについて勉強中です。 基本的な書き方は学んだつもりですが、実際現場で使われているファイル構成や書き方についていまいち想像ができない部分が多くあります。 例えば下記のサイトにある「変数専用のファイルを用意する」等、基本的なルールのようなものを勉強したいです。 会社やチーム毎にルールは様々かと思いますが、参考になるGithubのU

    • 0評価
    • 186PV
    • Sass

      134questions

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

    T_sa T_sa 2週間前に ベストアンサー

  • 解決済

    回答
    2

    エラーが突然発生しました・・・「Invalid US-ASCII character "\xE3"」

    phpstormで今まで通りにsassをコンパイルしていたのですが、 本日突然、複数のファイルが「Invalid US-ASCII character "\xE3" 」こういった表示になりエラーが起きてしまいました。 （複数のファイルですが、変更等加えておりません。） 自分で調べてみて「@charset "UTF-8"」を入れてみたら直ったのですが、 先

    • 0評価
    • 76PV
    • Sass

      134questions

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

    • PhpStorm

      37questions

      PhpStormは、JetBrains社が提供しているPHP向けのIDEです。同社の製品であるWebStormの機能を内包しており、優秀なコード補完やコード分析など多彩な機能を備えています。

    saruasru saruasru 2週間前に コメント

  • 解決済

    回答
    3

    gulpで画像やソースを圧縮する時の疑問点

    質問 gulpで画像やCSS等を圧縮するタイミングは、基本的には配布物を生成する（ビルドタスクを走らせる）際に行うものと解釈しているのですが、 サイトの軽量化を行うのはビルド時のみで開発中は圧縮をしないので、テストサーバーに反映するファイルは圧縮前のソースになってしまいます。 作成したタスクの内容は、下記になります。 【開発時】 defaultタスク

    • 0評価
    • 166PV
    • JavaScript

      9147questions

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

    • HTML

      5097questions

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

    • CSS

      3196questions

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

    • Sass

      134questions

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

    • gulp

      173questions

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

    avocado avocado 3週間前に 回答を編集

  • 解決済

    回答
    1

    bx-sliderでPCとSPで画像の切り替えをしたら一部オプションが使えなくなった。

    bx-sliderでスライダーを作成しているのですが、PCとSPで別の画像を表示するために、cssで該当箇所をvisibility: hidden;して、jQueryで表示切り替えをしたら、一部オプションが使えなくなってしまいました。 goToSlide(); goToPrevSlide(); goToNextSlide(); こ

    • 0評価
    • 79PV
    • JavaScript

      9147questions

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

    • HTML

      5097questions

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

    • Sass

      134questions

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

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

  • 解決済

    回答
    1

    scssの未使用クラス、IDを削除したい

    前提・実現したいこと 複数のファイルで管理しているscssファイルの未使用クラスとIDを削除したく調査しておりました。 そこでそれらしきnpmパッケージがあったので実行してみたところ下記エラーが出てしまいました。 https://www.npmjs.com/package/sass-unused 発生している問題・エラーメッセージ /usr

    • 0評価
    • 436PV
    • Node.js

      983questions

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

    • Sass

      134questions

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

    • gulp

      173questions

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

    • npm

      90questions

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

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

  • 受付中

    回答
    0

    sassのソースマップでエラーがでてしまいます。

    sassのソースマップをCSSと同じフォルダに設置し、クロームでデバックをしたいのですが、 クロームのコンソールに下記のようなエラーがでてしまいます。 なにか情報を知っている方がいましたらお教えいただけないでしょうか。 DevTools failed to parse SourceMap: 【URL】common.css.map

    • 0評価
    • 67PV
    • Sass

      134questions

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

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

  • 受付中

    回答
    1

    Gulpでソースマップを表示させたい。

    前提・実現したいこと 今回静的サイト作成にあたり、gulpを使用しています。 しかしソースマップが表示されず困っています。 JSにも不自由でよくわかりません。 発生している問題・エラーメッセージ 該当のソースコード // plugin const gulp = require('gulp'); const ejs

    • 0評価
    • 341PV
    • Sass

      134questions

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

    • gulp

      173questions

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

    aki0923f aki0923f 1ヶ月前に コメント

  • 受付中

    回答
    1

    sassでのエラー、breakpointが定義されていないというエラーメッセージが出ます

    htmlテンプレートを利用して、railsでホームページを作成し始めたのですが、以下のエラーメッセージが出て先に進めない状態です。 発生している問題・エラーメッセージ Sass::SyntaxError in Homes#index Showing /Users/kouta/projects/home/app/views/layouts/applic

    • 0評価
    • 204PV
    • Sass

      134questions

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

    kjro_fb kjro_fb 2ヶ月前に 回答

  • 解決済

    回答
    1

    sassのfor内で変数に値を追加していきたい

    th{ $filter-color:#213069; $tra_def:0.1; @for $i from 1 through 10 { $tra_index:

    • 0評価
    • 92PV
    • Sass

      134questions

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

    hanasan hanasan 2ヶ月前に コメント

  • 解決済

    回答
    2

    背景画像を読み込むと「 net::ERR_FILE_NOT_FOUND」エラーになる件

    参考書「HTML5&CSS3標準デザイン講座」の例題を参考にレスポンシブサイトを作成しています。 smacss記法、sassを用いています。 img画像の読み込みは問題ないのですが、背景画像backgroundで読み込もうとした途端エラーとなってしまいます。 パスは補完で入力しているので間違いないはずです。 header.scssの内

    • 0評価
    • 126PV
    • HTML

      5097questions

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

    • CSS

      3196questions

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

    • Sass

      134questions

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

    roronoazoro roronoazoro 2ヶ月前に ベストアンサー

  • 受付中

    回答
    0

    atomパッケージlinter、linter-scss-lintでのエラー通知について

    最近sassを学び始めました。 エディタはatomで、パッケージlinter、linter-scss-lintというものを導入すればエラー通知を知らせてくれるようなので入れて見た所、確かにエラーは通知してくれるのですが、そのエラー内容が画面を覆うほどに出てきてしまい困っています。 htmlやcssの方ではタグの横に赤丸、黄色い丸といった風に知らせてくれま

    • 0評価
    • 147PV
    • Sass

      134questions

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

    • Atom (テキストエディタ)

      244questions

    • Atom(フォーマット)

      3questions

      Webサイトの見出しや要約などのメタデータを構造化して記述するXMLベースのフォーマット。

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

  • 解決済

    回答
    1

    横並びにならない

    なんでですか？どこも間違っていないんですが・・・ <UL><LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI> <LI><A HREF="#">AAA</A></LI></UL

    • -2評価
    • 204PV
    • HTML

      5097questions

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

    • CSS

      3196questions

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

    • Firefox

      134questions

      Mozilla Foundationによって作られた無料、オープンソース、クロスプラットフォームなウェブブラウザ

    • Sass

      134questions

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

    s8_chu s8_chu 3ヶ月前に ベストアンサー

  • 解決済

    回答
    1

    あるクラスがない子要素の中で最初の子要素をセレクターで指定したい（E:not(.class):nth...

    あるクラスが付いていない子要素の中で最初の要素をセレクターで指定したい <ul> <li class="bg-blue hidden"></li> <li class="bg-blue"></li> <li class="bg-blue hidden"></li> <li class="bg-blue"></li> <li class="bg-b

    • 0評価
    • 150PV
    • CSS

      3196questions

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

    • CSS3

      1212questions

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

    • Sass

      134questions

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

    ToruMatsuda ToruMatsuda 3ヶ月前に コメント

  • 解決済

    回答
    2

    文字がおかしい

    文字がおかしくなります、下のような文字です 繧医≧縺薙◎�橸ｽ槭∈閾ｪ蟾ｱ邏ｹ莉� 讎ょｮｹ 繝九Η繝ｼ繧ｹ �橸ｽ� �橸ｽ橸ｽ� 縺ゅ≠縺� 縺ゅ≠縺ゅ≠縺� ブラウザを変えてもダメです。パソコンがおかしいんですか？ この間までうまくみえていたんですけど･･･ <!DOCTYPE HTML> <HTML> <HEAD> </HEA

    • 0評価
    • 283PV
    • HTML

      5097questions

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

    • CSS

      3196questions

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

    • CSS3

      1212questions

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

    • HTML5

      2323questions

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

    • Sass

      134questions

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

    apri-11 apri-11 3ヶ月前に 質問を編集
1
  • 1
  • 2
  • 3
  • ...

次のページchevron_right

タグ情報

  • あなたの順位

    -位

  • タグ登録者数

    217人

  • 総質問数

    134件

  • 今週の質問数

    1件

関連するタグ

  • Model

    56questions

    MVCモデルの一部であるModelはアプリケーションで扱うデータとその動作を管理するために扱います。

  • RubyGems

    216questions

    RubyGemsはRubyによるプログラミングのためのパッケージマネジメントツールです。ユーザはこれを使用することで、Rubyライブラリのダウンロードやアップデートや、依存関係の自動解決が可能になります。

  • PrimeFaces

    26questions

    PrimeFacesは、トルコのソフトウェア会社Prime Teknolojiが提供する、 JSFリッチユーザーインターフェースコンポーネントです。 Apache License V2ライセンスのオープンソースソフトウェアです。

  • 再帰

    18questions

    情報工学における再帰とは、プログラムのあるメソッドの処理上で自身のメソッドが再び呼び出されている処理の事をいいます。

  • D

    1questions

    D言語（D programming language）は、プログラミング言語の１つで C言語の後続を目指したマルチパラダイムプログラミング言語で、オブジェクト指向プログラミング可能な言語です。

  • PL/SQL

    25questions

    PL/SQL (Procedural Language/Structured Query Language) はOracle CorporationによるSQL(非手続き型言語)を手続き型言語に拡張させるために開発されたプログラミング言語です。

  • Xcode 4

    30questions

    Xcode 4はMac OS Xを使ってMac OSとiOSをターゲットとしたソフトウェアを開発するための主な開発ツールです。

  • XUL

    4questions

    XUL（ズール）とは、XMLアプリケーションの一種で、ユーザーインターフェースマークアップ言語です。 Mozillaアプリケーションを作成でき、CSSやJavaScriptなどに親しんでいるエンジニアやデザイナーには習得しやすい言語といえます。

  • Jersey

    12questions

    JerseyはRESTful な Web サービスの実装を支援するフレームワークのひとつ。Restlet や RestEasyにくらべ、直感的な方法で開発が可能。

  • i18n

    7questions

    i18n(Internationalization)とは、ユーザーの国や文化によってソフトウェアの反応を変えることで国際化を図るテクニックやツールのことを言います。

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