taniarascia.com VS browser-compat-data

I want the blog to look somewhat like this! or this!. Any theme suggestions?

If you want the portfolio site to be a big part of how you market yourself, look at some other professional's successful portfolio sites as a jumping off point to model yours off of. Here are a couple I bookmarked when I started working on mine that I liked the style of (you should look yourself and find what fits with your personality): https://varun.ca/ https://joshwcomeau.com/ https://tom.preston-werner.com/ https://tholman.com/ https://www.taniarascia.com/

Also - Tania Rascia is a developer that provides free, simple tutorials and tons of great tips: https://www.taniarascia.com/

Some of the best examples for open-source portfolios on GitHub are by Tania Rascia, Britanny Chiang, Lee Robinson and Soumyajit Behera. Study these repos and learn how you can structure your portfolio and write clean code!

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

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 .

Yes, Mozzila’s browser-compat-data (https://github.com/mdn/browser-compat-data) is the authoritative source.

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.

https://developer.mozilla.org Is your best friend, they even have an examples how to use it

Visit any website on https://developer.chrome.com, https://developer.mozilla.org or https://docs.microsoft.com.

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