Web Development - Tarpstone/dev-wiki GitHub Wiki
Essentials
CSS
- https://medium.com/@maz.islam1/some-useful-css-tips-tricks-i-learnt-while-creating-large-web-projects-85b2ee481021
- https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways
- https://developer.mozilla.org/en-US/blog/scroll-progress-animations-in-css/?utm_medium=email&utm_source=devnewsletter&utm_campaign=firefox-drumbeat&utm_content=julyhacksnewsletter-global
- https://javascript.plainenglish.io/10-modern-css-layouts-with-one-line-a059846c2140
- https://levelup.gitconnected.com/css-at-rules-that-every-web-developer-should-know-c63d59209a59
JavaScript
- https://javascript.info/promise-chaining
- https://zellwk.com/blog/async-await-in-loops/
- https://stackoverflow.com/questions/48673906/collect-elements-by-class-name-and-then-click-each-one-puppeteer
- https://blog.openreplay.com/understanding-the-template-element-in-html
- https://betterprogramming.pub/lerna-is-officially-dead-long-live-monorepos-9853c80a7b0e
- https://bun.sh/
- https://stackoverflow.com/questions/5020479/what-advantages-does-using-functionwindow-document-undefined-windo
- http://peter.michaux.ca/articles/an-important-pair-of-parens
- https://jsdoc.app/index.html
TypeScript
- https://blog.logrocket.com/how-to-pass-typescript-function-parameter/
- https://tsh.io/blog/how-to-speed-up-your-typescript-project/
Tools
- Page Speed
- Web Accessibility Evaluation Tool
- Top 10 security issues for websites
- Security Headers
- https://www.whoismyisp.org/
- https://www.nslookup.io/
- https://unminify.com/
- https://validator.w3.org/
Architecture
- https://www.raymondcamden.com/2021/06/30/using-pipedream-to-proxy-other-apis
- https://css-tricks.com/collecting-email-signups-with-the-notion-api/
Design + Accessibility
- https://www.invisionapp.com/studio
- https://www.figma.com/
- https://github.blog/2022-06-14-accelerating-github-theme-creation-with-color-tooling/
- https://primer.style/prism/
- https://typogram.co/font-discovery/
- https://uxdesign.cc/solving-the-accessibility-palette-riddle-a816a7fb6168
- https://uxdesign.cc/climate-influenced-ux-how-tech-needs-to-evolve-61877a70ea97
Angular
- https://www.thisdot.co/blog/mapping-returned-http-data-with-rxjs
- https://github.com/PatrickJS/awesome-angular
- https://www.madewithangular.com/
- https://www.indellient.com/blog/how-to-dockerize-an-angular-application-with-nginx/
- https://stackoverflow.com/questions/38645190/what-is-the-difference-between-an-array-and-an-observable-array
- RxJS
- Ionic components
- Nebular components
- ngx-bootstrap
- ng-zorro
- https://javascript.plainenglish.io/why-you-should-not-put-any-logic-in-the-rxjs-subscribe-callback-in-angular-df1ba4a12f13
- https://www.freecodecamp.org/news/how-to-perform-crud-operations-using-angular-13
- https://betterprogramming.pub/data-manipulation-using-rxjs-declarative-pattern-in-angular-f6ea635886eb
- https://blog.angular.io/angular-v14-is-now-available-391a6db736af
- https://blogs.halodoc.io/creating-animations-with-angular-animations/
- https://medium.com/@tholaday777/angular-view-updating-using-observables-behavior-subject-and-event-emitters-acaf37500143
- https://betterprogramming.pub/how-to-create-a-caching-service-for-angular-bfad6cbe82b0
- https://wahabtaofeeqo.medium.com/open-graph-and-dynamic-meta-tag-settings-in-angular-b3e21fb8ac5f
- https://wkrzywiec.medium.com/build-and-run-angular-application-in-a-docker-container-b65dbbc50be8
React
- https://blog.logrocket.com/react-pagination-scratch-hooks/
- https://steveholgado.com/nginx-for-nextjs/#dockerising-nextjs
Charts
Web Assembly
- https://www.fermyon.com/
- https://www.wasm.builders/thomastaylor312/why-webassembly-belongs-outside-the-browser-331a
- https://boyan.io/angular-wasm/3d-cube
- https://www.tweag.io/blog/2022-11-24-wasm-threads-and-messages/
- https://medium.com/wasm/webassembly-on-the-server-side-c584f874b4a3
- https://github.com/second-state/microservice-rust-mysql
- https://blog.logrocket.com/rust-microservices-server-side-webassembly/
- https://github.com/WasmEdge/WasmEdge
- https://webcontainers.io/
Other Frameworks
- https://alpinejs.dev/
- https://htmx.org/
- https://turbo.hotwired.dev/
- https://remix.run/
- https://remix.run/blog/remix-stacks
- https://www.solidjs.com/
- https://dev.to/harshhhdev/fresh-the-next-gen-javascript-web-framework-b39
- https://leptos.dev/
Scraping
- https://www.selenium.dev/selenium/docs/api/py/api.html
- https://blog.cloudlayer.io/puppeteer-waituntil-options/
Security and Certificates
Resources
- https://javascript.plainenglish.io/17-killer-websites-for-web-developers-13e1e30345b8
- https://crontab.guru/