CSS 設計の長い夢 - ペパボのフロントエンドスタンダード
フロントエンド周りの技術は驚異的なスピードで進化し、また多様化しています。それらを全てマスターするのは途方もなく大変なので、ペパボでは、社内のエンジニア・デザイナが「最低限これだけはおさえておこう」というスタンダードを文書化することにいたしました。社内向けを想定した文書ではありますが、社内のみに留めず多くの方に役立てたいと考えたため公開します。 スタイルシートの夢 (1) 予測しやすい (2) 再利用しやすい (3) 保守しやすい (4) 拡張しやすい 代表的な CSS 設計手法 既存プロジェクトの CSS に立ち向かう！ (0) 流れ (1) 既存の CSS ファイルを元に SCSS ファイルに変換する (2) イニシャライズ CSS や共通の箇所のスタイルを分離する (3) CSSLint を使って、修正しやすいところから整理していく (4) コンパイル (5) スタイルのスコープ（あ
Sass を Win + Dreamweaver 環境で使えるようにする | Agnist.code
Win+Dreamweaver（以下DW）環境でSassを使えるようにし、初歩をかじって理解まで出来る、自分の中では最も簡単なクイックガイドです。30分後には貴方もSassを扱えるようになってます。 Scoutのインストールhttp://mhs.github.com/scout-app/ 上記よりダウンロードしインストールする。 Scoutの初期設定適当なプロジェクトフォルダを作成。例として「scout_test」 ※ディレクトリパスに日本語など2バイト文字が含まれるとエラーが出るため注意プロジェクトフォルダの中に「css」「scss」のフォルダを作成Scoutを起動し、左下の「＋」ボタンをクリック作成したプロジェクトフォルダを指定する。「Configure」画面の「Input Folder」に「scss」フォルダを指定「Configure」画面の「Output Folder」に「css」
SCSSのNetbeansでの導入方法（Mac)
そろそろこういうのにも手を出さないとなーと思ってちょっとやってみました。 Netbeansでは、プラグインが既にあるので、導入は簡単です。 ツール >> プラグイン でプラグインウインドウを開いたら ”使用可能なプラグイン”のタブから Scss Editor を選んでインストール。NetBeans再起動で、プラグインがインストールされます。 これだけでは動かないので、SASSのコンパイラを入れます。 Rubyで作られているらしいので、通称”黒い画面”ことターミナルから sudo gem install sass でインストールが始まります。（macの場合ね） で、Netbeansに戻って、環境設定の”その他”のタブにSCSSのタブが増えてる筈なので、そこに /Library/Ruby/Gems/1.8/gems/sass-3.2.3 などと、先ほどの黒い画面に出てたパスでsassのインスト
Sublime Text 2 でファイル保存時に自動でビルドさせる
Sublime Plugin を作ってくれている人がいました。 https://github.com/alexnj/SublimeOnSaveBuild とりあえずは git clone していれてみる。 git clone https://github.com/alexnj/SublimeOnSaveBuild.git できた SublimeOnSaveBuild フォルダを Sublime Text 2 のパッケージディレクトリ（[Preferences] → [Browse Packages...]）にコピー。 そうすると [Preferences] → [Package Settings] → [SublimeOnSaveBuild] ができる ここの [Settings - Default] をみると次のようになっている { "filename_filter": "\\.(css
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
