[B! Framework][SCSS] site159のブックマーク

site159 id:site159

FrameworkとSCSSに関するsite159のブックマーク (6)

Jeet Grid | Smart CSS preprocessor grids
Jeet's API. Interact with our docs.column ($ratios: 1, $offset: 0, $cycle: 0, $gutter: map-get($jeet, 'gutter')) Specify an initial ratio, either as fractions or decimals, then pass the parent container's context ratio to maintain consistent gutters as you nest. Specify a ratio to make your offset have a margin-left. Make it negative to give it a margin-right instead. e.g. column(1/4, $offset: 1/4
site159 2014/04/22
Framework

CSS

SCSS
リンク
カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
site159 2013/11/19
CSS

SCSS

Framework
リンク
kojika17/peperoncino · GitHub
site159 2013/07/22
Framework

CSS

SCSS
リンク
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん）
Sass+Compassのちょっとリッチ系CSSフレームワークを比べてみた（画像多くて重くてごめん） 2013.04.10 | この方法お勧めです！ | 覚えておきたい春です。そろそろ春キャベツがおいしい季節。そんな春キャベツをたっぷり使って、サーモンのちゃんちゃん焼きはいかがですか？なんだかちゃんちゃん焼きっていうときはサーモンじゃなくて鮭って言った方がおいしそうですね。なんでかな？さてさて、世の中CSSフレームワークってたくさんあって、Bootstrapなんかだともう誰でも使ってる、みたいな感じがありますね。私はなんとなくしっくりこない感じがして、今までCSSフレームワークって使って来ませんでした。でも、ちょっと思うことあってSass+Compass限定で、ちょっとリッチなuiも揃ったものの中で、さくっとモックアップを作れる様な、使い勝手がいいものがないか、いろいろと探してみ
site159 2013/04/15
使えそうなところだけ　使う感じでいいかと

compass

Framework

SCSS
リンク
CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO
みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。そういえばGoogle Readerが終了するとのことでとても残念ですね。読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。本題それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。最初
site159 2013/04/01
ぶちこんで　あとから　勝手にやろうと思います　はい

SCSS

Framework

useWork
リンク
簡単に使える Compass のオススメ機能 - log
こんにちわ。 Gaji-Labo の @neotag です。今日は Less & Sass Advent calendar 2011 の24日目です。アドベントカレンダーは乗り遅れるとネタ切れ危険ですね。さて、 Compass という Sass 用の Framework がありまして。それがそこそこ便利なので、使い方が簡単なものをかいつまんでご紹介です。 http://compass-style.org/ インストール方法は下記のとおり。 $ gem install compass 目次 sass --watch のオプションをプロジェクトごとに管理画像の高さと横幅を取得 Sprite を自動生成開発用CSSと納品用CSSで画像の読み込み先を変更する開発用と本番用で色々変えてみる ■その1 sass --watch のオプションをプロジェクトごとに管理この記事を公開する前に確認
site159 2011/12/27
SCSS

Framework
リンク
1