caniuse
autoprefixer
Our great sponsors
caniuse | autoprefixer | |
---|---|---|
387 | 31 | |
5,500 | 21,434 | |
- | 0.2% | |
9.5 | 7.4 | |
1 day ago | 28 days ago | |
JavaScript | JavaScript | |
Creative Commons Attribution 4.0 | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
caniuse
-
Show HN: Render audio to HTML canvas using WebGPU
On my M1 MBP, Safari 17.4.1, it straight up doesn't work. Can I Use does say Safari only support WebGPU on TP and behind a flag: https://caniuse.com/?search=webgpu
Perhaps a Safari TP bug? I'd appreciate some browser version info so I can dig deeper.
-
Tree-shaking, the horticulturally misguided algorithm
Do you happen to know where can I check out the cutoff version for each browser? https://caniuse.com/?search=wasm doesn't have it (or other things like WasmGC for that matter)
-
10 Websites Every Web Developer Should Bookmark
(https://caniuse.com/) A handy tool for checking the browser compatibility of HTML, CSS, and JavaScript features. Can I Use provides up-to-date support tables for various web technologies across different browsers.
-
Free Resources Every Web Developer Should Know About
Can I Use (https://caniuse.com/)
-
Speedometer 3.0: A Shared Browser Benchmark for Web Application Responsiveness
> Is it though?
In my experience it's the buggiest browser out of the big three, and is often missing basic features like e.g.:
https://caniuse.com/?search=opus
Supported in Firefox for *12 years* now, in Chrome for 10, still no support in Safari.
They only "support" Opus audio in their special snowflake '.caf' container, which is super buggy and the last time I checked no open source program could even generate Opus '.caf' files that could be played by Safari on all Apple platforms. I ended up writing a custom converter which takes a standard '.opus' file and remuxes it on-the-fly (I only store '.opus' files on my server) into Safari-compatible '.caf' files, taking special care to massage it so that it avoids all of their demuxer/decoder bugs. You shouldn't have to do this to have cross-browser high quality audio!
-
Streaming HTML out of order without JavaScript
Seems like browser support is pretty universal, even says so in the article
> All browsers support streaming HTML
And the caniuse is promising: https://caniuse.com/?search=slot
Well I'll be! In my mind I had this clear picture of Firefox implementing it.
It correct, it was only Chrome: https://caniuse.com/?search=html%20import
-
IPissed: Apple is after web capabilities to protect close to 100B App Store Tax
https://caniuse.com/?search=web%20bluetooth
which might be great because you have the choice...
and you can use open source chromium or brave (like the jvm to run cross platform java) to run web apps seemlessly that need web bluetooth or such but use safari or firefox for personal use if you find them more secure
I mean using chromium engine as the running environment where chromium only ever runs special trusted web domains and never goes to other "malicious" web domains that may fuck up iOS as Apple claims would be still a secure choice
like you will not download spyware from Apple Store because you are an adult not because Apple can protect you there
-
WebAssembly Playground
I'm developing a wasm game, and currently I am targeting WebGL2 in order to run in iOS Safari.
Me (and others, I'm sure) are currently waiting for WebGPU [1] to land in Safari so it will make sense to target it.
WebGPU allows for simplified porting of desktop apps to the web, such as WGSL shaders [2]
WebGPU will be the next big thing, and currently it is enabled on Chrome Windows/macOS, and can be enabled in Firefox Nightly with a config setting.
Hopefully, 2024 will be the year of WebGPU!
autoprefixer
- Vendor prefixes still relevant?
-
23 of the best Eleventy Themes (Starters) for 2023
Simple, fast, and a little bit opinionated, Eleventy Plus Vite features Eleventy 2.0.0-canary, the new Eleventy 2.0 Dev Server with live reload, Vite 3.0 as Middleware in Eleventy Dev Server (using eleventy-plugin-vite), build output post-processing by Vite (with Rollup), CSS/Sass post-processing with PostCSS including Autoprefixer and cssnano, a custom CSS/Sass structure, basic fluid typography based on Utopia, dark mode support, an RSS feed, XML sitemap, and — to top it off — perfect scores on Lighthouse.
- Need help understanding something. I have tried googling it and nothing is coming up.
-
The Complete Guide for Setting Up React App from Scratch (feat. TypeScript)
w/ postcss-preset-env(v7.8.3): convert modern CSS into something most browsers can understand, determining the polyfills you need based on your targeted browsers or runtime environments. It takes the support data that comes from MDN and Can I Use and determine from a browserlist whether those transformations are needed. It also packs Autoprefixer within and shares the list with it, so prefixes are only applied when you're going to need them given your browser support list.
-
How do I deal with CSS for Safari?
As others have said, you need to normalize. Also, you may need something like autoprefixer if you're using styles that have different vendor prefixes. https://github.com/postcss/autoprefixer
-
How to refactor an entire app to use something else instead of gap?
Mmm maybe it's not gap then, maybe it's some other property. Maybe autoprefixer could help. Or polyfills, as other user suggested.
-
Browserslist: building modern web apps for diverse global audience
Of course, we have great tooling for that: Autoprefixer, PostCSS and Stylelint for CSS transformation, Babel and Webpack for JavaScript transpilation and bundling, ESLint for code analysis, and many others.
-
10 GitHub Repositories to Become a CSS Master
Bulma uses autoprefixer to make (most) Flexbox…
- 34 Ways To Save Time On Manual Cross Browser Testing
-
How to auto-prefix and minify CSS?
Autoprefixer plugin uses Can I use to search for browser support and accordingly add vendor prefixes to CSS properties. You can install autoprefixer from npm.
What are some alternatives?
postcss-preset-env - Convert modern CSS into something browsers understand
rollup-plugin-postcss - Seamless integration between Rollup and PostCSS.
browserslist - 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
twin.macro - 🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
caniemail - Can I email… Support tables for HTML and CSS in emails.
Visual Studio Code - Visual Studio Code
modern-css-reset - A bare-bones CSS reset for modern web development.
modern-normalize - 🐒 Normalize browsers' default style
WHATWG HTML Standard - HTML Standard
Servo - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine