[B! sass] tkm_shoheiのブックマーク

tkm_shohei id:tkm_shohei

sassに関するtkm_shoheiのブックマーク (5)

sassの抑えておきたいfunctionの使い方 « NAVER Engineers' Blog
こんにちは。年末の予定はぶっ通しでスカイリムにつぎ込むことが決定したUIT富田です。今回は、Less & Sass Advent calendar 2011の6日目として、 sassのfunctionについて解説します。すっぽりハマった四則演算の落とし穴 sassは値の四則演算をサポートしており、10進数だけでなく、16進数の値であってもよしなに計算してくれます。 color: #a3a4a5 + #111111; ↓ color: #b4b5b6; 16進数と10進数でもエラーにならず計算してくれます。（普通あまりやらないとは思いますが） color1: #000000 + 1; color2: #000000 + 15; ↓ color1: #010101; color2: #0f0f0f; この16進数の計算は、結果が#fffffを上回った場合、上回った分は切り捨てて、す
tkm_shohei 2014/01/24
sass
リンク
[CSS] モジュール化についてしっくりと理解できないので、ちゃんと考えてみました - YoheiM .NET
こんにちは、@yoheiMuneです。「CSSのモジュール化」という言葉を聞いたことありますでしょうか？CSSにプログラミングなどにあるモジュール化という概念を当てはめて、より効率的に、より実装しやすいCSSにしようという考え方です。この「CSSのモジュール化」について、「それってどーゆう意味？」ということを考えたいと思い、ブログを書きました。モジュール化とはなに？「CSSのモジュール化」という単語を理解するためには、モジュールとは何かを把握する必要があるようです。グーグル先生に聞くと色々とモジュールの定義が出てきます。以下にはwikipediaから引用した文言を記載します。モジュール (Module)とは、工学などにおける設計上の概念で、システムを構成する要素となるもの。いくつかの部品的機能を集め、まとまりのある機能を持った部品のこと。引用元：Wikipediaよりまた
tkm_shohei 2013/08/21
sass
リンク
【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜Compass基礎編 | DevelopersIO
はじめに季節の変わりめで風邪をひいていませんか？僕は38度の熱で会社を休みました。ごめんなさい。前回は「【Webデザイナ－・コーダー向け】すぐに使えるSCSS入門｜基礎編」でGUIでSCSSを使えるScout.appのインストールからセットアップについて、またSCSSの4つの主な機能「変数」「宣言ブロックのネスト」「Mixins（関数）」「セレクタ継承」についてご紹介しました。そこで、今回はGUIツールのScout.appに同梱されているCompassについて活用方法を紹介したいと思います。Compassは、SCSS使いなら必須の便利なフレームワークです。 Compass - CSS オーサリングフレームワークとは compassはSassを使ったオープンソースのCSSオーサリングフレームワークです。 compassを使うことで、Bender Prefix、CSS Spriteを自動
tkm_shohei 2012/12/21
あとで読む

sass
リンク
コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利｜https://wp.yat-net.com/name
2012年 10月 31日コーディング速度を3倍早くするSass（Scss）のフレームワーク”Compass”が本当に便利カテゴリ： Sass タグ：CodingSassScssコーディング効率化 \ CSSのメタ言語Sass（Scss）。これ使うと凄く便利でコーディングスピードが上がるんですが、これをより便利に使えるようにしたフレームワークのCompassがもの凄く便利なので記事にしました。赤い彗星みたいなタイトルになってますが、使いこなせばかなり早くなります。 1.Compassとは 2.インストール 3.初期設定 4.Sass（Scss）ファイルをCSSファイルに 5.実際に作る 6.参考文献 compassとはオープンソースのCSSオーサリングフレームワークです。Sassがベースになっており、mixinで予めベンダープレフィックスが定義されていたりと、Sassをより便利に使え
tkm_shohei 2012/11/19
CSS

sass
リンク
Sass - チュートリアル
この文書は古いSassウェブサイトに載っていたチュートリアルの訳で、2013年12月現在もう新しいウェブサイトには存在しません。新しいウェブサイトでのチュートリアルにあたるSassの基本の日本語訳を参照してください。 Translation of: Sass - Tutorial Ruby と Sass のインストールまず、Sass がちゃんと動作するようにします。OS X を使用しているのなら、既に Ruby がインストールされているでしょう。Windows ユーザーならば Ruby のWindows インストーラーで、Linux ユーザーならパッケージ・マネージャーでそれぞれ Ruby をインストールすることが出来ます。 Ruby のインストールが完了したら、以下のようにして Sass のインストールを行います: gem install sass 最初の Sass スタイルシート非
tkm_shohei 2012/01/06
勉強

CSS

sass
リンク
1