[B! SCSS] naohorのブックマーク

naohor id:naohor

SCSSに関するnaohorのブックマーク (4)

WebデザイナーのためのSass/Compass入門先生：石本光司
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/228/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
naohor 2013/09/28
sass

compass

scss

webデザイン
リンク
【Sassを覚えよう！Vol.2】何がすごいの？プログラムが出来なくても使える？効率がホントに上がるの？
【Sassを覚えよう！Vol.2】何がすごいの？プログラムが出来なくても使える？効率がホントに上がるの？何かタイトルが適当だけど、無事に2回目のエントリーです！このエントリーは、もうちょっとSassに興味を持ってもらうためのエントリーなので、早く試したい人は次のエントリーに行っちゃって下さい！ Sassがスゴイとは言っても、プログラムが出来ないと効果があんまり出ないんじゃ？とか学習コストが高い気がするとか、黒い画面が怖いとか、面倒な気がするとか、なんか色々有るかと思うので、このエントリーではSassを利用するにあたっての疑問点や不安などを出来るだけ解決出来ればと思ってます。まず最初に言っておきたいのは、JSやPHPとかプログラムが一切出来なくても、普通に(X)HTML + CSS でのコーディングが出来てる人ならほぼ確実にコーディングスピードが上がるって事です。ただ、このブログのタ
naohor 2012/11/22
sass

css

web制作

SCSS
リンク
Normalize.css をそのまま使うことにした
Normalize.css は僕もプロジェクトによって部分的に取り入れてたんだけど、v2.0 になったのをきっかけに今後はどのプロジェクトでもまるごと採用していこうかと考えてる。たとえばこのサイトでは今までどうやっていたかというと、 @mixin normalize-html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } @mixin normalize-body { margin: 0; } html { @include normalize-html; font-family: $sans-serif; overflow-y: scroll; ... } body { @include normalize-body; background-color: $
naohor 2012/10/11
css

normalize.css

SCSS
リンク
【Sassを覚えよう！】もくじ的なのと参考リンク
需要が有るのか無いのかも分からず、半分以上は勢いで書いてたSassを覚えようシリーズですが、少しでも利用する人が増えるきっかけになれば幸いです。カテゴリ一覧から全部見れますけど、一応【Sassを覚えよう！】の全記事一覧です。【Sassを覚えよう！Vol.1】はじめに【Sassを覚えよう！Vol.2】何がすごいの？プログラムが出来なくても使える？効率がホントに上がるの？【Sassを覚えよう！Vol.3】一番カンタンな環境構築（Scout編）【Sassを覚えよう！Vol.4】Sassの基本的な記述方法【Sassを覚えよう！Vol.5】環境構築（黒い画面編）【Sassを覚えよう！Vol.6】黒い画面での実際の運用に関して【Sassを覚えよう！Vol.6.5】バッチファイルを使ってカンタンに黒い画面でSassを利用する【Sassを覚えよう！Vol.7】ファイルを分割して管理を楽に
naohor 2012/05/05
css

sass

SCSS

まとめ

リファレンス

チュートリアル

お役立ち

参考
リンク
1