タグ

CSSとBracketsに関するaoiasabaのブックマーク (2)

  • BracketsでSASSの環境を整えてみた! | ウェブマガジン カミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン

    これまで何度かSASSについてのお話しをしてきたかと思います。 ↓↓↓SASSとは何??と思われた方は以下の記事をご参照下さい↓↓↓ Dreamweaver CC 2017 Beta版で爆速コーディング! CSSコーディングをしやすくする、SASSのアレコレ 過去の記事ではSASSの導入、及び記述方法はDreamweaver CC 2017 beta版を使ってきました。 しかし、弊社ではコーディングにBracketsをメインで使っているので、せっかくなのでBracketsでSASSを使うための環境を整えることにしました!! SASSのコードを書いていくためには、やっぱりコードヒントがあるかないかで全然違ってきます。 なので、まずはBracketsに拡張機能をインストールしましょう! 画面右上のボタンをクリックすると、拡張機能を選択する画面になります。 右上の検索窓に『sass hints』

    BracketsでSASSの環境を整えてみた! | ウェブマガジン カミナリ | 鳥取県米子市のホームページ制作・広告代理店・デザイン
  • bracketsでsassを使う方法と設定を初心者向けにまとめてみる | YE-TECH

    僕愛用のテキストエディタBracketsでsassを使う方法について。 フリーランス仕事するとわかるんですが、仕事は早くやればやるほど、時給換算すると高くなります。これはコーディングも同じで、早くコーディングすればするほど短い時間で早く稼げるようになるので、フリーでWeb制作すると誰しもが早くコーディングしようと思うはず。 で、僕は早くコーディングするため、愛用のテキストエディタBracketsにemmet(zen code)やsassを導入したりしてます。 emmetはただプラグインを入れるだけなので簡単ですが、sassはちょっとややこしい。。。 というのもやり方が色々あって、Bracketsのプラグインだけで完結させたり、gulpやguretといったタスクランナーでやったりなどなど、、、) とまあ、やり方が色々とあるわけです(笑)。僕はただBracketsで簡単にsassを使いたいだ

    bracketsでsassを使う方法と設定を初心者向けにまとめてみる | YE-TECH
  • 1