crocodillon / browsersupport.io Goto Github PK

View Code? Open in Web Editor NEW

1.0 1.0 0.0 2.2 MB

Browser compatibility tables for all ECMAScript and JavaScript APIs

Home Page: http://browsersupport.io

License: Apache License 2.0

JavaScript 79.17% HTML 5.69% CSS 15.14%

browsersupport.io's Issues

Configure PostCSS and Autoprefixer

https://github.com/zeit/next-plugins/tree/master/packages/next-css

Design property page

This page has a few possible states:

Property is found
Property is not found, but there are suggestions
Property is not found (can be generic 404 page)

Implement Google Analytics

Article might be outdated but something like https://www.themarketingtechnologist.co/setting-up-a-cookie-law-compliant-google-analytics-tracker/

So we don't need to bother users with a cookie notification.

Implement logging

Because it's nice to be able to keep track of how many people get a 404 or 500, on which page, so we can fix it!

Improve search query performance

Search queries (which use MongoDB's text index at the moment) are slow'ish (~500ms). Even worse, can't reach higher pages (say page 1000) because of

OperationFailed: Sort operation used more than the maximum 33554432 bytes of RAM. Add an index, or specify a smaller limit.

Figure out how to improve or use a different solution (for example ElasticSearch)

Add more detailed content

This site is not about API details, we have sites like MDN for that... that said...

Add at least some details for popular properties (start with the ones in ES and other specs), for example function signatures. Good sources for information are for example TypeScript and Flow (but of course also the specs)

What does make sense for browsersupport.io is to include polyfills or other browser compatibility related material (like vendor prefixes, old browser fallbacks stuff like that)

Create a logo and (fav)icon

Clean up database

Basically anything that doesn't match this regular expression:

browsersupport.io/web-server/components/Breadcrumbs/Breadcrumbs.js

Line 7 in 6e67034

    
           const nameRe = /^([a-z]\w*)(?:\.(prototype))?(?:\.([a-z_-][\w-]*)|\[@@([a-z]+)\])?$/i

Is at least worth looking into 😅

And then there are things lik https://browsersupport.io/Array.prototype.@@iterator ... what was Firefox thinking? (this is not Array.prototype[Symbol.iterator], this is literally Array.prototype.@@iterator)

Create browser support table component

A little bit like the one on https://caniuse.com/

Improve compression

Implement Brotli support in nginx
Pre-compress static assets (both .gz and .br)

Improve Lighthouse score

Current score:

Performance 86
- Improve perceptual speed index (learn more)
- Reduce render-blocking stylesheets (learn more)
- Unused CSS rules (learn more)
- ~~Inefficient cache policy on static assets (Google Analytics)~~ won't fix
Progressive Web App 55
Will be a separate epic
Accessibility 83
- Insufficient contrast ratio (learn more)
- <html> does not have a [lang] attribute (learn more)
Best Practices 88
- Use HTTP/2 for all resources (learn more)
- Manifest's short_name... (learn more)
SEO 89
- Legible font sizes (learn more)

Home page
Search page
- No results
- Results (including pagination)

Use pm2 ~~or similar~~
Configure nginx

Don't load JS on older browsers

Make sure site is functional without JS, too.

crocodillon / browsersupport.io Goto Github PK

browsersupport.io's People

Contributors

Stargazers

Watchers

browsersupport.io's Issues

Recommend Projects

Recommend Topics

Recommend Org