タグ

Sassに関するshigiryouのブックマーク (5)

  • 秀丸エディタ(Windows)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト

    ここでは、Windowsでは非常に人気の有る「秀丸エディタ」でSassを快適に使えるようにするための、設定例を紹介します。 この設定は、著者の平澤がSassのコーディングをする時に使っている設定(2013年8月現在)になりますので、あくまでも一つの参考として読んで頂き、使いづらいと感じる部分は、自分なりにカスタマイズしてより使いやすいエディタにしましょう。 Sass用の設定を追加 まずは、秀丸エディタを起動します。 秀丸エディタを起動した状態 起動したら、適当な .scssファイルをドラッグして開きます。 .scssファイルを秀丸エディタで開いた状態 最初に開くと全て黒テキストで表示されます。まずは、Sassファイル用の設定を保存できるようにします。 その他(O) → ファイルタイプ別の設定(C)... を選択します。 ファイルタイプ別の設定画面 設定画面が開いたら、プルダウンメニューが「

    秀丸エディタ(Windows)をSassで使いやすい設定にする | Web制作者のためのSassの教科書 - 公式サポートサイト
  • Sass: Syntactically Awesome Style Sheets

    Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. CSS Compatible Sass is completely compatible with all versions of CSS. We take this compatibility seriously, so that you can seamlessly use any available CSS libraries. Feature Rich Sass boasts more features and abilities than any other CSS extension language out there. The Sass Core Team has work

  • Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)

    LESSとSassを比較していました LESS « The Dynamic Stylesheet language Sass - Syntactically Awesome Stylesheets ここ半年ぐらいの間に,名前を聞くようになったSassと,それに影響されて作られた後発のLESSを比較検討したところ,以下のような理由からLESSを使うことにしました. 今回は,自分の作業の効率化はもちろん,将来的にチームでシェアできる技術になり得るか,という観点から選択しています. LESSを選ぶ理由 LESS.appというGUIツールが存在する node.jsで動くWebフレームワークExpressがLESSに標準対応している(らしい) 文法がSassより素直&シンプルで慣れてもらいやすそう この中でも,LESS.appの存在が一番の決め手となって,マイナーなはずのLESSに軍配が上がってしま

    Sassよりラクチン,LESS.appで簡単CSSコンパイル生活!(Mac限定)
  • Sassを使ったコーディングの強い味方に!便利なextend&mixin集を作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、ぺちこです。 先日水族館に行ったら「ペンギン12種模型セット」なるものをショップで発見し、危うく買うところでした。 Suicaペンギンのモデルはおそらくアデリーペンギンですが、私が愛してやまないのはジェンツーペンギンです。どうでもいいですね。(興味をもった人はみんな友達) さて、以前にデザイナーのせいとくんが Sassの導入方法と Sassの基テクニックについてまとめてくれていましたが、今回はそれらを踏まえて、コーディングに役立つextend&mixin集を作ってみました! 日々ちょこちょこと作っては使いまわして・・を繰り返しており、あると便利なものは先にまとめておけば楽ではないかと、やっと気付きました。 サンプルで作ったhtmlとscssファイルを一式ダウンロードできるようにしていますので、そのまま使っても良し、各自(各社)毎のコーディングルールに合せて改良しても良し、要ら

    Sassを使ったコーディングの強い味方に!便利なextend&mixin集を作ってみた | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • CSSポストプロセッサー時代の到来

    SassやLESSといったCSSプリプロセッサーは市民権を得たと言って良いと思う。しかしそれらCSSプリプロセッサーは開発という段階にのみ利をもたらすもので、今のところはそれ以上ではない。CSSを実際にユーザーに届けるまでには、開発だけではなくレビューとリリースという段階もある。レビューとリリースも確実性を持って効率的に行うためには、CSSポストプロセッサーと総称されるようなツール群が必要になるだろう。 この文書はFrontrend Advent Calendar 2013の4日目への記事として寄稿した。明日は@hilokiさんがスタコラサッサと書くようだ。 目次 CSSポストプロセッサーとは CSSプリプロセッサーの出力するCSS CSS Lint 開発用とレビュー用、リリース用のCSS CSSポストプロセッサーのユースケース ベンダー拡張プリフィックスの付加 Media Queries

  • 1