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

  •        10

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().

https://github.com/nDmitry/grunt-autoprefixer

Dependencies:

autoprefixer-core : ^5.1.7
chalk : ~1.0.0
diff : ~1.3.0
postcss : ^4.1.11

Tags
Implementation
License
Platform

   




Related Projects

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.

gulp-autoprefixer - Prefix CSS

  •    Javascript

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.

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.

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.


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.

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.

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

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.

autopolyfiller - Autopolyfiller — Precise polyfills

  •    Javascript

This is like Autoprefixer, but for JavaScript polyfills. It scans your code and applies only required polyfills. Live example. Assume you code is Object.keys(window). Object.keys polyfill is required to run it in any browser (include IE7). On the other hand this code can be executed on iOS 7 Safari without any polyfills. AutoPolyfiller knows about ES5 and ES6 features and their support in browsers. It can help you to write cutting-edge JavaScript without thinking about ES shims and shivs.

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.

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.

generator-jekyllrb - Supercharge Jekyll development with Yeoman. Yo, Jekyllrb!

  •    Javascript

Generator-jekyllrb wraps the Jekyll static site generator in a Yeoman development workflow. Scaffold your site with Yo, manage front end packages with Bower, and automate development and build tasks with Grunt. Generator-jekyllrb is ideal for developing performant static sites and prototyping dynamic sites and apps (especially if the final version uses Yeoman too). It's also a great introduction to Yeoman if you're not familiar with JavaScript MV* frameworks.

grunt-spritesmith - Grunt task for converting a set of images into a spritesheet and corresponding CSS variables

  •    Javascript

Grunt task for converting a set of images into a spritesheet and corresponding CSS variables. As of grunt-spritesmith@4.5.0, retina spritesheets/templates are supported. See the Retina parameters section for more information.

refills - Components and patterns built with Bourbon and Neat

  •    CSS

Follow the @bourbonsass Twitter account for updates. It’s recommended that you use Autoprefixer, as Refills do not come packaged with vendor prefixes.

OptimizedHTML-4 - OptimizedHTML 4: Startup HTML template based on Gulp & Bootstrap 4

  •    CSS

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

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-uncss - :scissors: A grunt task for removing unused CSS from your projects.

  •    HTML

A grunt task for removing unused CSS from your projects with UnCSS. Issues with the output should be reported on the UnCSS issue tracker.

grunt-styleguide - Universal CSS styleguide generator for grunt

  •    HTML

If you are looking for a replacement and are using kss or styledocco see below. Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow.

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.