gulp-cssnextにPostCSSプラグインを追加する方法 - Qiita
cssnextをgulpで使ってみたかったので、gulp-cssnextを導入してみたのですが、プラグインの追加方法でちょっとつまづいたので、経緯と解決法をまとめてみました。 基礎知識 cssnextは、CSSの先行実装を、現状のブラウザが解釈できるCSSに変換してくれるポストプロセッサーです。 cssnextは、PostCSSのラッパーに当たるツールなので、その機能を内包しています。 前提 CSSのコンパイルはPostCSSの機能をラップしているgulp-cssnextにて行う。 （gulp-postcss側から、cssnextを用いてコンパイルするのではないやり方） gulp-cssnextのインストール プロジェクトのルートディレクトリで以下のコマンドを実行。
gulp-sassとgulp-postcssで快適コンパイル環境を構築 - Qiita
gulp-sassとgulp-postcssを組み合わせると、快適なCSSのコンパイル環境を実現できます。 Sassのコンパイルはgulp-sassで行い、ポストプリセッサーであるgulp-postcssにその後の処理を連携させるイメージです。 ※このエントリーは当初「gulp-sassとgulp-cssnextで快適コンパイル環境を構築」というタイトルで公開していましたが、gulp-cssnextが非推奨プラグインとなり、PostCSSを使ったやり方が主流になってきたため、gulp-postcssを用いた内容に全面的に修正しました。 基礎知識 gulp-sassについて gulpでSassのコンパイルを行うnpmパッケージです。 libsassを使っているため、gulp-ruby-sassやgulp-compassと比べて処理が高速で、 Rubyに依存しないため環境の構築・共有がしやすい
pageres-cliで複数デバイスのスクリーンショットを一括作成 - Qiita
pageres-cliをインストールすると、コマンドラインから手軽に複数サイズのスクリーンショットを作成することができる。 レスポンシブサイト作成時の表示確認や、資料作成などに活用すると便利。 必要な環境 Node.js インストール方法 ターミナルから以下のコマンドを実行。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
