mirror of https://gitlab.com/octtspacc/OcttKB
65 lines
4.9 KiB
Plaintext
65 lines
4.9 KiB
Plaintext
created: 20230221204801305
|
|
creator: Octt
|
|
modified: 20231224152937255
|
|
modifier: Octt
|
|
tags:
|
|
title: Web/Development
|
|
|
|
<<^WikipediaFrame "Web development">>
|
|
|
|
!!! ''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''
|
|
|
|
* [[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/]]
|
|
* [[Using <style> tags in the <body> with other HTML|https://stackoverflow.com/questions/2830296/using-style-tags-in-the-body-with-other-html]] --- there once was a `scoped` attribute for `<style>` blocks, but it's nowadays deprecated and styles apply to all document elements despite their own position in the tree
|
|
|
|
* [[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]]
|
|
* [[Convert HTML5 Canvas Sequence to a Video File|https://stackoverflow.com/questions/19235286/convert-html5-canvas-sequence-to-a-video-file/62065826#62065826]]
|
|
** customize video quality by changing codec: <<MDNLink Web/API/MediaRecorder/mimeType#examples MediaRecorder/mimeType>>
|
|
|
|
* [[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]]
|