WEBLIC LLC

ブログ

Sassコーディングのスピードアップを目指す

開発

2013年6月8日

css sass

開発効率とメンテナンス性のよさを考えてSassの導入を検討中。
まずは自社サイトのCSSをSass(scss+compass)を使って実験!
特にSassを使ってみたいと思ったきっかけはマークアップエンジニアレベルでも間違いなくコーディングスピードがアップすると思ったからです。

最初はScoutというコンパルソフトを試しましたが、若干反応が鈍いので、ローカルにRubyを入れてターミナルからやることにしました。

あまり細かく考えるとかなり設計に時間がかかると思ったので、まずは以下の3つを取り入れることにしました。
・ネスト
・変数
・mixin

実際に作業を進めると、かなりネストの階層が深くなってしまって、逆に見難くなってしまっているかもしれない。
このへんはゼロから制作する際はhtmlの書き方も考慮して組み立てる必要がありそう。

まだまだ実験段階だが、今後はSassを導入しようと思う。

関連記事

開発

Hubs cloud AWSを削除する方法

Mozillaは2024年1月1日よりAWS Marketplaceの「 Hubs&nbs...

2024年1月15日

開発

WordPressプラグインの落とし穴5選

弊社の案件でも使用しているオープンソースのCMSであるWordPressには数多くのプラグインが存在...

2023年8月20日

開発

mordern.IEを使ってのWin8 IE10を試す

最近話題のmordern.IEを試してみました。 OS 10.8.3VMware Fusion 5....

2013年5月28日

開発

WordPressをローカル環境で動かす方法

WordPressを自分のPC上で試してみたいけれど、コードの知識がない、サーバーのことがよくわから...

2023年8月22日

開発

Mozilla HubsをCommunity Editionに移行

以前のブログ記事『Hubs cloud AWSを削除する方法』にて情報共有しておりますが、AWS M...

2024年4月22日

  • カテゴリー

  • 本日、 2人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社