WEBLIC LLC

ブログ

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

開発

2013年6月8日

css sass

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

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

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

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

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

関連記事

開発

【簡単】WordPressでテスト環境を作る方法

WordPressはサーバー上で動いているシステムのため簡単にテスト環境を構築することは難しいです。...

2023年10月4日

開発

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

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

2023年8月22日

開発

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

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

2013年5月28日

開発

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

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

2023年8月20日

開発

Mozilla HubsをCommunity Editionに移行

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

2024年4月22日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社