created: 20230221204801305
creator: Octt
modified: 20231109000404934
modifier: Octt
tags: 
title: Web/Development

!!! ''Misc''

* [[web.dev|https://web.dev/]] - //Guidance to build modern web experiences that work on any browser// (?)
* [[Go Make Things|https://gomakethings.com/]] - //how to build a simpler, more resilient web//
** [[The Vanilla JS Toolkit|https://vanillajstoolkit.com/]] - //tools and snippets for working with JavaScript// (libraries, functions, polyfills, learning)
* [[Web Accessibility Developer Guide|https://www.accessibility-developer-guide.com/]]

!!! ''References''

; Misc
: [[Window: postMessage()|https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage]]
: [[Proxy Auto-Configuration (PAC) file|https://developer.mozilla.org/en-US/docs/Web/HTTP/Proxy_servers_and_tunneling/Proxy_Auto-Configuration_PAC_file]]

; DOM querying
: [[Find all text nodes in HTML page|https://stackoverflow.com/a/10730777]]
: [[Find the closest ancestor element that has a specific class|https://stackoverflow.com/a/49516201]] | [[Element.closest()|https://developer.mozilla.org/en-US/docs/Web/API/Element/closest]]

; DOM manipulation
: [[Insert a childNode to a specific position|https://stackoverflow.com/a/26259544]]
: [[Prepend/append childNode to beginning/end of element|https://stackoverflow.com/a/45656684]]
: [[Replace a DOM Element|https://www.javascripttutorial.net/dom/manipulating/replace-a-dom-element/]]

; Embeds
: [[From object to iframe — other embedding technologies|https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Other_embedding_technologies]]
: [[Alternative to iFrames with HTML5?|https://stackoverflow.com/questions/8702704/alternative-to-iframes-with-html5#31845361]]
: [[Why are iframes considered dangerous and a security risk?|https://stackoverflow.com/questions/7289139/why-are-iframes-considered-dangerous-and-a-security-risk]]
: [[4 IFrame Security Concerns You Should Know|https://blog.bitsrc.io/4-security-concerns-with-iframes-every-web-developer-should-know-24c73e6a33e4?gi=2c961c6663da]]

!!! ''Tools and similar''

* https://github.com/csstools/oldie - //tranforms CSS to be compatible with old Internet Explorer//
* [[CORS Anywhere|https://github.com/Rob--W/cors-anywhere]] - //Server proxy which adds CORS headers to the request//

!!!! Minification
* ~~[[node-minify|https://github.com/srod/node-minify]] - //Light Node.js module and CLI app that compress javascript, css and html files//~~

!!! ''Misc''

* [[Convert any website into a PWA in just 3 simple steps|https://dev.to/developertharun/convert-any-website-into-a-pwa-in-just-3-simple-steps-35pp]]
* [[SPA source code recovery by un-Webpacking source maps|https://medium.com/@rarecoil/spa-source-code-recovery-by-un-webpacking-source-maps-ef830fc2351d]] - ''[[unwebpack-sourcemap|https://github.com/rarecoil/unwebpack-sourcemap]]''
* [[How to inject service-worker.js to a webpage via Chrome Extension? I want to add offline functionality to the existing page|https://stackoverflow.com/questions/72356003/how-to-inject-service-worker-js-to-a-webpage-via-chrome-extension-i-want-to-add]]

* [[Hail, Babel! The Transpiling Overlord|https://www.telerik.com/blogs/hail-babel-the-transpiling-overlord]]
** [[Using babel to transpile to es3 (safari compliant)|https://stackoverflow.com/questions/40205547/using-babel-to-transpile-to-es3-safari-compliant]]
** [[How to Convert ES6 into ES5 using Babel|https://medium.com/@SunnyB/how-to-convert-es6-into-es5-using-babel-1b533d31a169]]

* [[How to add full text search to your website|https://medium.com/dev-channel/how-to-add-full-text-search-to-your-website-4e9c80ce2bf4]]
** [[BlogSearch|https://github.com/kbumsik/blogsearch]]
** [[MiniSearch, a client-side full-text search engine|https://lucaongaro.eu/blog/2019/01/30/minisearch-client-side-fulltext-search-engine.html]]
** [[Client-side full-text search in CSS|https://www.redotheweb.com/2013/05/15/client-side-full-text-search-in-css.html?]] (+ a bit of JS :c)
** [[Lunr.js|https://github.com/olivernn/lunr.js/]]
*** [[Add Search to Your Static Site with Lunr.js (Hugo, Vanilla JS)|https://aaronluna.dev/blog/add-search-to-static-site-lunrjs-hugo-vanillajs/]]
*** [[Adding Super Fast Frontend Search in Rails with Lunr|https://blog.cloud66.com/adding-super-fast-frontend-search-in-rails-with-lunr]]