caniuse
browser-compat-data
caniuse | browser-compat-data | |
---|---|---|
396 | 45 | |
5,531 | 4,821 | |
- | 0.6% | |
9.5 | 10.0 | |
7 days ago | 4 days ago | |
JavaScript | JSON | |
Creative Commons Attribution 4.0 | Creative Commons Zero v1.0 Universal |
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
-
Caniwebview.com – Like Caniuse but for Webviews
Can I X, is a question about the readiness/compliance of a certain thing at time = now. Can I use CSS version X was the iconic early meme.
https://caniuse.com/?search=css3
For a generalized example, if you wanted to know if the basketball courts were ready for you to “ball it up” in a certain city, it’d be caniball.com
If you want to know if you can use a certain frontend technology, the idea is like: canwefigma?
It’s a glorified feature matrix, and usually a project of a passionate community. I approve, even if some of the memes are a bit dank.
-
Caniemail.com (like caniuse but for email content)
https://caniuse.com/ is a popular tool to check what web features are working across different browsers - "can you use this and assume that it will work for others".
-
Time-Based CSS Animations
The article uses custom css @properties which are awesome and have 88% browser support [1].
One thing to watch out for is differences in how browsers handle setting the fallback initial-value. Chrome will use initial-value if CSS variable is undefined OR set to an invalid value. Firefox will only use initial-value if the variable is undefined. For most projects, this won't be an issue, but for a recent project, I ended up needing to use javascript to set default values in Firefox to iron out the inconsistency between browser implementations.
[1] https://caniuse.com/?search=%40property
-
CSS Text Box Trim
Safari is the only browser that doesn't support extending HTML element
https://caniuse.com/?search=Custom%20Elements
-
JavaScript is not single-threaded
You forgot to mention (Web)Workers. This is explicit creation, management, and communication with additional threads within JavaScript. What's more, they've been around in JavaScript longer than the V8 engine has even existed!
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers...
https://caniuse.com/?search=webworkers
- Show HN: Render audio to HTML canvas using WebGPU
-
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)
- Le saviez-vous ? :focus :focus-within :focus-visible
-
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.
-
SASS is dead? CSS vs SASS 2024
Caniuse
browser-compat-data
- Here are the 10 projects I am contributing to over the next 6 months. Share yours
-
Why Isn't the <HTML> Element 100% Supported on CanIUse.com?
> a lot of the data on the site actually comes from MDN
Eh... not really.
The feature support matrix (as linked on CanIUse) comes from the browser-compat-data repo. Here's the HTML element's source data: https://github.com/mdn/browser-compat-data/blob/main/html/el...
This doesn't contain the testing and usage info that CanIUse cites for support, though, just which browser versions included which features.
CanIUse also points to their own repo, which contains a lot of data: https://github.com/fyrd/caniuse
But I can't find an easy entry point to find where they're getting the numbers for a specific element. The data on there seems to be primarily for features.
So the more precise question is, where is CanIUse getting HTML element testing and usage numbers from? Because that seems to be the issue.
-
Starting to write CSS in 2023 will be different
The key factor for web development to stop new CSS features is cross-platform compatibility. If you want to know the compatibility data of a new feature, you can get it through platforms such as Can I Use , Browser Compat Data and Time to Stable .
-
A new home for the Project Fugu API Showcase
Yes, Mozzila’s browser-compat-data (https://github.com/mdn/browser-compat-data) is the authoritative source.
-
New Patterns for Apps
Just noting that the browser support matrix is right here: https://web.dev/patterns/advanced-apps/contacts/#:~:text=con...
It's an Eleventy widget powered by MDN's browser-compat-data: https://github.com/mdn/browser-compat-data.
-
includes() method
https://developer.mozilla.org Is your best friend, they even have an examples how to use it
- Aprender fazendo engenharia reversa nos projetos, buscando e lendo documentação, é uma boa ideia?
- front end utdannelse
-
Browser Extension with Blazor WASM - Cross-Browser Compatibility
Visit any website on https://developer.chrome.com, https://developer.mozilla.org or https://docs.microsoft.com.
-
how do i build an aesthetic website (with css) WITHOUT prior html experience?
W3Schools and MDN Web Docs are two great resources to learn about elements and all about HTML and CSS. Kevin Powell has a great YouTube channel which explains everything you search for. If you want to incline in your HTML and CSS skills pretty quickly, think of your objective, maybe even sketch it out, then search absolutely everything on Google and it will give you the answer. If not, this subreddit is always open. Bon voyage
What are some alternatives?
browserslist - 🦔 Share target browsers between different front-end tools, like Autoprefixer, Stylelint and babel-preset-env
horizon-ui-chakra - Horizon UI JavaScript ⭐️ The trendiest & innovative Open Source Admin Template for Chakra UI & React!
caniemail - Can I email… Support tables for HTML and CSS in emails.
cppreference-doc - C++ standard library reference
postcss-preset-env - Convert modern CSS into something browsers understand
awesome-ada - A curated list of awesome resources related to the Ada and SPARK programming language
modern-css-reset - A bare-bones CSS reset for modern web development.
curriculum - The open curriculum for learning web development
modern-normalize - 🐒 Normalize browsers' default style
postman-app-support - Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collaboration so you can create better APIs—faster.
Servo - Servo, the embeddable, independent, memory-safe, modular, parallel web rendering engine
devdocs - API Documentation Browser