1st test get random rss/feed url, say oc register example. URI encode it (still necessary?) in node:
node -e 'const newurlenc=encodeURIComponent("https://www.ocregister.com/feed/");console.log(newurlenc);'This gives us:
https%3A%2F%2Fwww.ocregister.com%2Ffeed%2F
Testing some changes to typical phone (cough iphone) issues on hover/click/select events and pseudos.
To elaborate current theme is a clean monochrome and there are select styling transitions taking place that are unpleasant as the property changes are clashing and stacking up. remove nearly anything not designed by us. Well, figuratively. Like the royal "we" ? OK just me.
| javascript:(function(){const e=document.getElementById("file-reference-overlay");e&&e.remove();const t=[];document.querySelectorAll('link[rel="stylesheet"]').forEach(e=>{e.href&&t.push({type:"CSS",path:e.href,code:`<link rel="stylesheet" href="${e.href}">`})}),document.querySelectorAll("script").forEach(e=>{e.src&&t.push({type:"JavaScript",path:e.src,code:`<script src="${e.src}"></script>`})}),document.querySelectorAll('link[rel="preload"][as="font"]').forEach(e=>{e.href&&t.push({type:"Font",path:e.href,code:`<link rel="stylesheet" href="${e.href}">`})});const n=document.createElement("div");n.id="file-reference-overlay",n.style.cssText="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:9999;overflow-y:scroll;padding:20px;box-sizing:border-box";const o=document.createElement("button");o.textContent="Close",o.style.cssText="position:fixed;top:20px;right:20px;padding:10px 20px;font-size:16px;cursor:pointer",o.onclick=()=>n.remove(),n.appendCh |
Gist embed hosting for normal repo
| owner | repo | file |
|---|---|---|
| rkooyenga | /mod4_solution | /script.js |
needed an svg for an app i'm working on. couple notables,
ah well, enjoy! the 3 html pages in this gist represent 3 different uri loaded icon demos.
To identify all unique ids used in the current document's DOM, here’s the ES6+ code for extracting unique id values:
// Function to find all unique IDs in the document
const uniqueIds = unique(
[...document.querySelectorAll('*')] // Get all elements
.map(elt => elt.id) // Map to their id
.filter(id => id) // Filter out empty strings
);
todo:
CSS has evolved considerably in recent years offering improved flexibility, maintainability, and design possibilities. While it's exciting to be constantly presented with new solutions, the changes are coming fast. Maybe even too fast! It can be a lot just keeping up with everything. Some would even say overwhelming. Especially if you aren't a full time designer. I think the best way to handle that is 1st, remind yourself nobody is 100% on top of all of it at all times. So you're probably nowhere near as far behind as you think.
In any case step 2 is is going to help and that is, seek out some new CSS to experiment with! Do you know if you're employing obsolete functions in current day projects? I don't but want to know if I am. Are there far simpler ways to do things we've many of us long struggled with? Speaking for myself I'd be shocked if there wasn't! So here's 30 of the bigger changes to be knowledgeable of and experiment with to get your old libraries up to date and ke
Script to launch by URL that scrubs a page of most color and graphics including many ads. Useful for trying to read a page that;s throwing so many ads it's locking up your device or otherwise providing a difficult experience.
new in this version: