gulp-autoprefixer - Prefix CSS

  •        16

Issues with the output should be reported on the Autoprefixer issue tracker.Improve your JavaScript skills with this awesome ES6 course by Wes Bos. Try his free JavaScript 30 course for a taste of what to expect. You might also like his React & Sublime course.

https://github.com/sindresorhus/gulp-autoprefixer

Dependencies:

autoprefixer : ^7.0.0
gulp-util : ^3.0.0
postcss : ^6.0.1
through2 : ^2.0.0
vinyl-sourcemaps-apply : ^0.2.0

Tags
Implementation
License
Platform

   




Related Projects

gulp-postcss - Pipe CSS through PostCSS processors with a single parse

  •    Javascript

PostCSS gulp plugin to pipe CSS through several plugins, but parse CSS only once.Install required postcss plugins separately. E.g. for autoprefixer, you need to install autoprefixer package.

autoprefixer - Parse CSS and add vendor prefixes to rules by Can I Use

  •    Javascript

PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Taobao.Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.

autoprefixer-rails - Autoprefixer for Ruby and Ruby on Rails

  •    Ruby

Autoprefixer is a tool to parse CSS and add vendor prefixes to CSS rules using values from the Can I Use database. This gem provides Ruby and Ruby on Rails integration with this JavaScript tool. The best way to use Autoprefixer is with webpack or Gulp.

postcss - Transforming styles with JS plugins

  •    Javascript

PostCSS is a tool for transforming styles with JS plugins. These plugins can lint your CSS, support variables and mixins, transpile future CSS syntax, inline images, and more.PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba, and JetBrains. The Autoprefixer PostCSS plugin is one of the most popular CSS processors.

myth - A CSS preprocessor that acts like a polyfill for future versions of the spec.

  •    Javascript

CSS the way it was imagined. Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It's like a CSS polyfill.


flexbox-patterns - Patterns for using flexbox CSS to build awesome UI components.

  •    CSS

Assuming you have Node installed, you can install the project dependencies with npm install. This will install PostCSS and Autoprefixer; two critical tools for making your CSS cross-browser compatible. This command will concatenate the source CSS files into a single CSS file, and then use PostCSS to add various vendor-prefixed properties. Open up dist/index.html to see a demo page of the various flexbox patterns in the browser.

SpinKit - A collection of loading indicators animated with CSS

  •    CSS

Simple loading spinners animated with CSS. See demo. SpinKit uses hardware accelerated (translate and opacity) CSS animations to create smooth and easily customizable animations. You currently need to use an autoprefixer if you want to support all browsers. If you're compiling your SCSS with gulp you can use gulp-autoprefixer, and grunt-autoprefixer if you use grunt.

grunt-autoprefixer - Parse CSS and add vendor-prefixed CSS properties using the Can I Use database

  •    Javascript

Autoprefixer parses CSS and adds vendor-prefixed CSS properties using the Can I Use database. In your project's Gruntfile, add a section named autoprefixer to the data object passed into grunt.initConfig().

turretcss - Turret is a styles and browser behaviour normalisation framework for rapid development of responsive and accessible websites

  •    CSS

turretcss - A Responsive Front-end Framework for Accessible and Semantic Websites with default HTML elements, created by Scott de Jonge. Read the Getting started page for information on structure, usage, support and more.

grunt-postcss - Apply several post-processors to your CSS using PostCSS.

  •    Javascript

Apply several post-processors to your CSS using PostCSS. An array of PostCSS compatible post-processors. You can also use a function that returns an array of PostCSS post-processors.

postcss-js - PostCSS for React Inline Styles, Free Style and other CSS-in-JS

  •    Javascript

PostCSS for React Inline Styles, Radium, JSS and other CSS-in-JS.For example, to use Stylelint, RTLCSS or postcss-write-svg plugins in your workflow.

optimizedhtml-start-template - OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP (+Rsync) and Bower (libs path) support

  •    Javascript

OptimizedHTML is all-inclusive, optimized for Google PageSpeed start HTML5 template with Bootstrap (grid only), Gulp, Sass, Browsersync, Autoprefixer, Clean-CSS, Uglify, Imagemin, Vinyl-FTP and Bower (libs path) support. The template contains a .htaccess file with caching rules for web server. OptimizedHTML Start Template uses the best practices of web development and optimized for Google PageSpeed.

frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate (unmaintained, I don't use it anymore)

  •    Javascript

I don't use this anymore, it's unsupported, use https://github.com/mozilla-neutrino/neutrino-dev.A boilerplate of things that mostly shouldn't exist.

postcss-loader - PostCSS loader for webpack

  •    Javascript

You can read more about common PostCSS Config here.You can use different postcss.config.js files in different directories. Config lookup starts from path.dirname(file) and walks the file tree upwards until a config file is found.

postcss-cssnext - :cyclone: PostCSS plugin to use tomorrow's CSS syntax, today.

  •    Javascript

PostCSS plugin to use tomorrow’s CSS syntax, today. PostCSS-cssnext is a PostCSS plugin that helps you to use the latest CSS syntax today. It transforms CSS specs into more compatible CSS so you don’t need to wait for browser support.

gulp-cssnano - Minify CSS with cssnano.

  •    Javascript

Minify CSS with cssnano. Pull requests are welcome. If you add functionality, then please add unit tests to cover it.

KNACSS - simple and lightweight CSS framework

  •    CSS

If you use one of the pre-processed version of KNACSS (LESS / Sass), beware that all the properties are declared **without vendor prefixes** (-webkit-,-moz-,-ms-,…), to gain clarity, and length of initial code.You will certainly need to add these vendor prefixes yourself (this is usually done automatically today with Autoprefixer, [Mixture](http://mixture.io), [Prepros](http://alphapixels.com/prepros/), [Grunt](http://gruntjs.com), etc.).Useful links------------* Website and download : http://kn

awesome-postcss - A curate list about PostCSS

  •    Shell

An selected list of PostCSS resources and other things related. PostCSS does is provide a css parser and a framework for creating plugins that can analyse, lint, handle assets, optimise, create fallbacks, and otherwise transform parsed css. PostCSS parses css into an abstract syntax tree AST, passes it through a series of plugins, and then concatenates back into a string.

postcss-inline-svg - PostCSS plugin to reference an SVG file and control its attributes with CSS syntax

  •    Javascript

PostCSS plugin to reference an SVG file and control its attributes with CSS syntax. See PostCSS docs for examples for your environment.

postcss-modules - PostCSS plugin to use CSS Modules everywhere

  •    Javascript

A PostCSS plugin to use CSS Modules everywhere. Not only at the client side. getJSON may also return a Promise.