-
Notifications
You must be signed in to change notification settings - Fork 0
Browser Support
Todd edited this page Mar 4, 2019
·
3 revisions
Specific browser support can always be modified in the package.json file. See browserslist official documentation.
The autoprefixer js library has a method to output the targeted list of browsers based on the current browserslist configuration. Here is an example of setting up a browserslist config to support browsers with the following criteria:
- Support browsers with more than 1% global marketshare
- Support the last 2 versions of all supported browsers
- Support browsers that are not dead and still receive updates
package.json
:
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
Gruntfile.js
:
// Require external packages.
var autoprefixer = require('autoprefixer');
// Logs the targeted browsers
console.log( autoprefixer.info() );
As of March 9, 2019, the above example outputs the following to the console:
Chrome for Android: 71
Firefox for Android: 64
And_qq: 1.2
UC for Android: 11.8
Android: 67, 4.4.3-4.4.4
Baidu: 7.12
Chrome: 72, 71
Edge: 18, 17
Firefox: 65, 64
IE: 11
IE Mobile: 11
iOS: 12.0-12.1, 11.3-11.4
Opera Mini: all
Opera Mobile: 46
Opera: 57, 56
Safari: 12, 11.1
Samsung: 8.2, 7.2-7.4
Get started
Configuration
Build child themes
- Customizing CSS in a child theme
- Overriding templates in a child theme
- Code patterns
- Code reviews
- Pulling in Foundation Updates
- Merging and Creating a Pull Request
Sass
Javascript
PHP
- Coding Standards
- PHP Constants
- Temp PHP Code Patterns
- PHP Snippets
- How to Use Hooks
- Action Hooks
- Using Action Hooks To Output Markup
- Filter Hooks
Shortcodes
Templates
GitHub
Tasks
Contribute to the framework
- Framework Development and Release Workflows
- Documentation Template
- Testing your changes
- Creating a new release
- Migration Guide
- Needs Documentation
Code Examples
- Adding Content Container Classes
- Adding News Templates
- Adding Script Dependencies
- Changing Available Layouts and Default Layout
- Displaying a Fancy Gallery
- Loading a Custom Build of Modernizr
- Loading Modernizr in the Footer
- Using Action Hooks To Output Markup
- Understanding get_template_part
BU Developer Resources