ラベル less の投稿を表示しています。 すべての投稿を表示
ラベル less の投稿を表示しています。 すべての投稿を表示

2015年6月9日

atom(テキストエディタ)が使える様になってきた

 以前、使うと宣言して画面分割してそのペインがマウスでサイズ変更できないということで使っていませんでいした。

 最近、そういえば、atomはどうなったかな?と思い、使ってみたら、画面分割したペインはちゃんとマウスでサイズ変更できるようになっていました。

 合わせて、以下のことができるか改めて確認したところ思った通りに動作するようになっていたのでとりあえずVisualStudioから開放されそうです。


  • LESS→CSS(minify化も)
  • JavaScript→minify化

実は、たったこれだけです。
他にも有用なプラグインもありますが、これから本当に必要な物と設定をまとめていつでも同じ環境が作れるようにしようと思っています。

仕事がらproject-managerが無いと仕事の効率が上がりません。
これは、ディレクトリをまとめて管理してくれる為のプラグインです。
プロジェクトとして登録しておくことで、簡単に自分が使うディレクトリの構成をTreeに出してくれます。


あとは、以下の機能を変更できればいいかなと思っています(ホントはほかに沢山ありますけどね。)。
  • Ctrl+H
    バックスペースキー
  • Ctrl+M
    エンターキー
  • Ctril+I
    タブキー


2014年3月30日

スタイルシート書くためにLESSを使ってみた

 スタイルシート(CSS)を書く時にちょっと規模が大きくなるとすごーく沢山のコードを書かないとダメにになるので巷で流行っているCSS用のフレームワークの導入を検討しました。
 結局は、LESSを使うことにしました。

 SCSSやSASSもちょっと検討したんですが、rubyのインストールが必要だったので今回は、LESSを使うことにしました。
 LESSは、javaScriptでページ表示時にリアルタイムにコンパイルしてCSSが使えるという点が気に入ったので選択しました(コンパイルすることでCSSを出力して使うこともできます)。

良い所

スタイルの入れ子があると何回も何回も同じことを書かないとダメですが、LESSは入れ子構造を簡単に表現できるのですごく便利(ソースが読みやすくなる)です。
 関数や変数なども定義できます。

悪い所

何かの拍子にコンパイルされないことがあるみたい(自分の環境がだめ?)。
致命的ですが、頻発するときは、コンパイルしてCSSを出力してそれを使うようにすれば良いと思います。

サイトはこちら
{less}http://lesscss.org/