HTML5 Feature Tips
The new HTML5Please reference site can greatly assist in the development of cross-browser HTML5 sites.
Web developers are accustomed to constantly go to caniuse.com and check the support of a particular function in each version of each browser, including past and future. It is understandable, because new browsers are updated with crazy speed, and feature support is changing almost every day.
HTML5Please goes further. In addition to the information on caniuse.com , he also gives practical recommendations on how best to implement each feature of HTML and CSS. Just enter any function in the search box - and immediately see the recommendation whether you can use it or not at the moment, and if so, with what conditions.
')
If the function is not supported in all browsers, then immediately there are links to the corresponding polyfills (polyfills), cross-browser code snippets usually on github, which add the missing functionality to old browsers (see the list of polyfiles ). If the function requires a fallback (rollback to another function or another format for compatibility), then it is briefly described how to do this and under what conditions it is necessary.
It is assumed that in your project you use the Modernizr library to automatically determine the supported features in the browser and selectively load polyfiles.
Web developers are accustomed to constantly go to caniuse.com and check the support of a particular function in each version of each browser, including past and future. It is understandable, because new browsers are updated with crazy speed, and feature support is changing almost every day.
HTML5Please goes further. In addition to the information on caniuse.com , he also gives practical recommendations on how best to implement each feature of HTML and CSS. Just enter any function in the search box - and immediately see the recommendation whether you can use it or not at the moment, and if so, with what conditions.
')
If the function is not supported in all browsers, then immediately there are links to the corresponding polyfills (polyfills), cross-browser code snippets usually on github, which add the missing functionality to old browsers (see the list of polyfiles ). If the function requires a fallback (rollback to another function or another format for compatibility), then it is briefly described how to do this and under what conditions it is necessary.
It is assumed that in your project you use the Modernizr library to automatically determine the supported features in the browser and selectively load polyfiles.
Source: https://habr.com/ru/post/136951/
All Articles