タグ

CSSとツールに関するoremegaのブックマーク (2)

  • デザイナーでも楽々フロントエンドの環境構築「PINGY CLI」 - よちよち開発の日々

    最近、「環境構築とかしたくないー」などと嘆くデザイナーさんがいらっしゃったので、何か手軽にフロントエンドの環境を構築できる方法はないかなーと思っていました。そこで良いツールを見つけました!! その名もPingyです。 gulpやGruntなどは学習コストが掛かります。 Pingyの場合は、複雑なビルドのフローなどには向きませんが、設定ファイルなどもシンプルで初心者に優しく簡単に環境構築ができます! では、早速環境構築をしていきましょう! nodeが入っていることは前提としていますのでまだNodeをインストールしていない方は下記の記事を参考にしてください。(尚nodeのバージョンは6以上をサポートしています) Macユーザーはこちら qiita.com Windowsユーザーはこちら qiita.com 1 インストール npm i -g @pingy/cli 作業ディレクトリを作成 mkd

    デザイナーでも楽々フロントエンドの環境構築「PINGY CLI」 - よちよち開発の日々
    oremega
    oremega 2018/06/12
    コーディング
  • 高品質な CSS を書く助けになるツール「Nozomi」を作った - I'm kubosho_

    2015-06-29 高品質な CSS を書く助けになるツール「Nozomi」を作った CSS Gulp 登壇 リポジトリは kubosho/nozomi です。 JSオジサン「俺の話を聞け、5分だけでもいい」 #5でも、この「Nozomi」について話してきました。 その時のスライドが以下になります。JSオジサンなのに CSS の話をしてしまったのはご愛嬌です。 どんなツールか 書いた CSS をより良くするツールを集めて、npm の run-script (もしくは Visual Studio の拡張機能 Task Runner Explorer)で簡単に実行できるようにしたものです。 具体的には以下のツールが現時点(2015/6/29)で使えるようになっています。 Autoprefixer ベンダープレフィックスを自動的に追加 CSSComb プロパティの順番を設定ファイルをもとに並び

    高品質な CSS を書く助けになるツール「Nozomi」を作った - I'm kubosho_
  • 1