Webdev
Table of Contents
- related webdevprogrammingjscsshtml
- CSS webdevcss
- [C]
<pre>tag respects newlines webdevhtml - TODO [C] Managing HTML5 Offline Storage - Google Chrome https://developer.chrome.com/apps/offline_storage#temporary webdev
- [B] microsoft/playwright: Node library to automate Chromium, Firefox and WebKit with a single API webdevtesting
- [C] Responsive Design Mode - Firefox Developer Tools | MDN webdev
- TODO [C] dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers. webdev
- TODO Firefox devtools color vision deficiency webdev
- [B] Will It CORS? webdevcors
- [C] (8) 🔎Julia Evans🔍 on Twitter: "CORS https://t.co/uSrLqGIWR0" / Twitter webdevcors
- TODO [D] These include DOM mutation breakpoints and inactive CSS rule indicators in the DevTools, several new CSS text properties, two-value display syntax, and JS numeric separators. webdev
- [C] What are the pros and cons of using flexbox? - Quora webdevcss
- [C] Firefox 75 for developers - Mozilla | MDN webdev
- Is there a CSS selector for elements containing certain text? - Stack Overflow webdevcss
- [C] to deal with cors issues (e.g. querying for external scripts for local html page) webdevcors
- html - Difference between DIV as-is and a SPAN with display:block - Stack Overflow webdev
- [C] javascript - CORS request blocked in locally opened html - Stack Overflow webdevcors
- [C] localStorage can be used on client side to preserve state (no need to use cookies!) webdev
- TODO [D] apparently not many people know CSS has variables webdevcss
- [C] Incomplete List of Mistakes in the Design of CSS CSS Working Group Wiki webdevcss
- [D] Use and Reuse Everything in SVG; Even Animations | Lobsters https://lobste.rs/s/pd1ccu/use_reuse_everything_svg_even_animations webdev
- [D] Stop using so many divs! An intro to semantic HTML - DEV Community 👩💻👨💻 webdev
- [D] Periodic table of the web's APIs webdevweb
- [D] Same-origin policy - Wikipedia webdevsecurity
¶related webdevprogrammingjscsshtml
TODO weird. why didn't this work? #js #css #html etc
¶[C] <pre> tag respects newlines webdevhtml
¶TODO [C] Managing HTML5 Offline Storage - Google Chrome https://developer.chrome.com/apps/offline_storage#temporary webdev
Each app can have up to 20% of the shared pool. As an example, if the total available disk space is 60 GB, the shared pool is 20 GB, and the app can have up to 4 GB. This is calculated from 20% (up to 4 GB) of 1/3 (up to 20 GB) of the available disk space (60 GB).
¶[B] microsoft/playwright: Node library to automate Chromium, Firefox and WebKit with a single API webdevtesting
https://github.com/microsoft/playwright
Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Puppeteer project is active and is maintained by Google.
¶ microsoft/playwright: Node library to automate Chromium, Firefox and WebKit with a single API webdevtesting
https://github.com/microsoft/playwright
[capabilities] With Playwright, we aim at providing a more capable driver, including support for mobile viewports, touch, web & service workers, geolocation, csp, cookie policies, permissions, accessibility, etc.
¶[C] Responsive Design Mode - Firefox Developer Tools | MDN webdev
¶TODO [C] dypsilon/frontend-dev-bookmarks: Manually curated collection of resources for frontend web developers. webdev
https://github.com/dypsilon/frontend-dev-bookmarks#readme
Workflow Task automation and asset delivery.
¶TODO Firefox devtools color vision deficiency webdev
CREATED: [2020-02-21]
¶[B] Will It CORS? webdevcors
¶[C] (8) 🔎Julia Evans🔍 on Twitter: "CORS https://t.co/uSrLqGIWR0" / Twitter webdevcors
¶TODO [D] These include DOM mutation breakpoints and inactive CSS rule indicators in the DevTools, several new CSS text properties, two-value display syntax, and JS numeric separators. webdev
CREATED: [2019-10-23]
Firefox 70 — a bountiful release for all – Mozilla Hacks - the Web developer blog
in context
¶[C] What are the pros and cons of using flexbox? - Quora webdevcss
https://www.quora.com/What-are-the-pros-and-cons-of-using-flexbox
The pros are plentiful. It makes things like space allocation a lot simpler and far fewer lines of code. Unfortunately, not all browsers can identify and correctly interpret flexbox. Give it a few more years for (mostly) mobile browsers to catchup.
¶[C] Firefox 75 for developers - Mozilla | MDN webdev
https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/75
In the inspector, you can now use XPath expressions to locate elements, in addition to locating elements using CSS selectors as before (bug 963933).
¶ Is there a CSS selector for elements containing certain text? - Stack Overflow webdevcss
¶ apparently no… webdevcss
¶[C] to deal with cors issues (e.g. querying for external scripts for local html page) webdevcors
¶python's simplehttpserver doesn't work webdevcors
¶http-server -p 8000 –cors webdevcors
also navigate to 127.0.0.1:8000. That's IMPORTANT! Apparently Cors header is hardcoded and it contains ip address
¶ html - Difference between DIV as-is and a SPAN with display:block - Stack Overflow webdev
A <div> is a block level element that has no specific semantics of its own, beyond defining a discrete block of content. A <span> is an inline element that has no specific semantics of its own, beyond defining a discrete segment of inline content.
¶[C] javascript - CORS request blocked in locally opened html - Stack Overflow webdevcors
https://stackoverflow.com/questions/48362093/cors-request-blocked-in-locally-opened-html
You can tell your browser to allow to connect from localhost to a backend if you change your backend to return the following header: access-control-allow-origin: https://localhost:8888 And, you also need to tell your localhost server to serve your page in HTTPS instead of HTTP. Once both conditions are met, CORS validations won't fail.
¶[C] localStorage can be used on client side to preserve state (no need to use cookies!) webdev
¶TODO [D] apparently not many people know CSS has variables webdevcss
CREATED: [2020-01-19]