web制作

CSSのコーディングが速くなるSass!!


スポンサーリンク

2012/01/16

-web制作
-,

Sass
コーディングのスピードアップに最適なSassを使ってみた。環境構築から基礎的な記述までを紹介します。 - YATのBlog
に刺激を受けてSassを学習する!

と思ったのですが、SassはRubyが使えるサーバー上で動くので,
Rubyをインストールしていないサーバーには使用できません。
有名なレンタルサーバーでもRubyが使えないところもあり、Rubyの案件があれば学習しよう!に落ち着くことにしました。
ただ知識としては知っておきたいので触りの部分だけまとめ。


スポンサードリンク

Sassとは

Sass - Syntactically Awesome Stylesheets
Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったもの
CSS拡張メタ言語とも言われ、CSSの文法はほぼそのままに再利用性や生産性が上がる。
Rubyのインストールがされていることが必須条件。
開発環境としてはMacにはRubyがインストールされているがWindowsはインストールされていない

メリット

CSSよりもシンプルな記法で、CSSを構造化して表現できる
CSSとは異なり、書き手による構文のゆれが発生しない
CSSには存在しない強力な機能(「定数」や「Mixins」など)をうまく使うことで、CSSのメンテナンス性が大幅に向上する
Ruby on RailsやMerbといったRuby製のフレームワークとの連携が容易
CSSの出力形式を柔軟に選択できる

SassでCSSの弱点を克服しよう ? @IT
より引用

Rubyが使えるレンタルサーバー

サービスの機能比較 | レンタルサーバはさくらインターネット
レンタルサーバー「heteml」 - 機能一覧
シェアードプラン(共有型)|レンタルサーバーなら【CPI】
Ruby対応 - レンタルサーバー機能 - レンタルサーバー(ホスティング)ならWebARENA(ウェブアリーナ) SuiteX
料金・機能一覧 | 共用サーバー | KAGOYA Internet Routing
Ruby対応 - レンタルサーバのスマイルサーバ
XREA.COM
ハッスルサーバー PHP,MovableType,MTOS,MySQL,XOOPS,cronが使える格安レンタルサーバー
CGI・PHP・DB - 格安レンタルサーバーならステップサーバー
サーバーの仕様について - CORESERVER.JP:コアサーバー

■参考URL

SassでCSSの弱点を克服しよう ? @IT
SASS_REFERENCE
Sass - チュートリアル
Sassを覚えよう - CSS HappyLife
CSS拡張メタ言語「SCSS(Sass)」と「LESS」の比較 - (DxD)∞

スポンサードリンク

-web制作
-,

おすすめ「フォトギフト写真カレンダーサービスOKURU」

こどもの大切な記録をさまざまな形で残せるところがすごくいい!! スマホの中の写真を選ぶだけで、オリジナルフォトギフトがお手元に届きます。 特製パッケージに入れてお届けするので、大切なご家族へのプレゼントにもおすすめです。

母の日ギフトなどにも使えます!

「OKURU 」の"ダウンロード"はこちら

 

-web制作
-,

Copyright© LAGRANGE BLOG , 2021 All Rights Reserved.