Web development resources

Web Performance

• https://zizzamia.github.io/perfume/#/real-user-measurements/
• https://pagespeed.web.dev/
• https://www.webpagetest.org/
• https://gtmetrix.com/
• Improving LCP
  • https://www.youtube.com/watch?v=fWoI9DXmpdk
• image optimization
  • https://jakearchibald.github.io/svgomg/
  • https://imageoptim.com/online
  • https://jsfiddle.net/knLbjc9a/4/
  • https://imagecompressor.com/
  • https://squoosh.app/
• blog posts
  • https://web.dev/rail/
  • https://web.dev/vitals/
  • https://web.dev/optimize-fid/
  • https://csswizardry.com/2020/11/site-speed-topography/
• webpack
  • webpack bundle optimize helper: https://webpack.jakoblind.no/optimize/
  • https://webpack.js.org/guides/code-splitting/
  • https://webpack.js.org/plugins/split-chunks-plugin/
  • https://webpack.js.org/plugins/mini-css-extract-plugin/
  • https://webpack.js.org/guides/caching/
  • https://webpack.js.org/api/module-methods/#dynamic-expressions-in-import
  • https://webpack.js.org/guides/lazy-loading/
  • https://github.com/gaearon/promise-loader

Accessibility (A11y)

• https://design-system.w3.org/
• https://a11ysupport.io/
• https://www.w3.org/TR/2019/NOTE-wai-aria-practices-1.1-20190814/examples/
• https://www.w3.org/TR/2021/NOTE-wai-aria-practices-1.2-20211129/examples/

Design Systems

• https://github.com/alexpate/awesome-design-systems
• https://spectrum.adobe.com/
• https://web.dev/design-system/
• https://www.codeinwp.com/blog/vue-ui-component-libraries/
• https://www.designsystems.com/

SEO

• https://keywordsheeter.com/
• https://seorch.eu/

Blog posts

• Deploy ES Modules to production: https://philipwalton.com/articles/deploying-es2015-code-in-production-today/
• config pitfalls in nginx: https://www.nginx.com/resources/wiki/start/topics/tutorials/config_pitfalls/
• Netflix on AB Testing: https://netflixtechblog.com/tagged/ab-testing
  • https://netflixtechblog.com/modernizing-the-web-playback-ui-1ad2f184a5a0
• https://medium.com/@itayelgazar/the-builder-pattern-in-node-js-typescript-4b81a70b2ea5
• https://medium.com/@vipercodegames/nuxt-deploy-809eda0168fc
• https://martinfowler.com/articles/micro-frontends.html
  • https://www.npmjs.com/package/@ergonode/vuems
• https://alexkondov.com/tao-of-node/

Docker

• https://docs.docker.com/engine/reference/builder/

Misc

• https://glitched.news/
• https://caniuse.com/
• https://codepen.io/pen/
• https://www.skypack.dev/
• https://datastudio.google.com/
• https://regex101.com/
• https://extendsclass.com/regex-tester.html
• PWA as Native App: https://github.com/GoogleChromeLabs/bubblewrap
• Validador de HTML: https://validator.w3.org/nu/#textarea
• Google's code review best practices: https://github.com/google/eng-practices - How CORS Works: https://javascript.info/fetch-crossorigin

Will keep updating this as time goes on. Maybe even removing stuff.