compress_page($buffer) {
$search = array(
    "/ +/" => " ",
    "/||[\t\r\n]||\/\/ ||\]\]>|\/\/\]\]>|\/\/ ""
);
$buffer = preg_replace(array_keys($search), array_values($search), $buffer);
return $buffer;
}

It works well, but my text (in html) has no space after commas!

Hello, how are you? - Hello,how are you?

let testEntries = document.querySelectorAll('[title^="${search}" i]');

Exactly what I was looking for, thanks!

1) in the same folder where you have yt-dlp.exe create file for example list.txt where you put urls to videos:

https://www.youtube.com/watch?v=.....
https://www.youtube.com/watch?v=nXeEQ...
https://www.youtube.com/watch?v=.....

2) save, then run this command:

./yt-dlp.exe -a list.txt -x --audio-format mp3 --audio-quality 0

Plus, it’s neat to see it can recognize other keys like Num Lock and Fn. Thanks for sharing this-it’s a little detail that can significantly enhance user experience!

Tonight, I was bored, read your post, and thought I’d write something.

As someone who started with networking due to financial reasons, then moved into sales and marketing, and later transitioned into front-end development, I believe we can’t ignore technology. But the truth is, this isn’t the real technology we were expecting—they’re keeping that hidden from us.

One thing I’ve found useful is combining Promises with async/await to make code even more readable. For example:

async function fetchData() {
  try {
    const [users, articles] = await Promise.all([
      fetch('/users.json').then(res => res.json()),
      fetch('/articles.json').then(res => res.json())
    ]);
    console.log(users, articles);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

This keeps the benefits of parallel execution while making the logic easier to follow.

ajaxPromiseA()
  .then(responseA => {
    // handle responseA
    return ajaxPromiseB(); // start promise B after promise A is successful
  })
  .then(responseB => {
    // handle responseB
  })
  .catch(error => {
    // handle any errors from either promise
  });

This way, you ensure that promise B only runs if promise A succeeds!

`html

ajaxPromiseA()
  .then(responseA => {
    // handle responseA
    return ajaxPromiseB(); // start promise B after promise A is successful
  })
  .then(responseB => {
    // handle responseB
  })
  .catch(error => {
    // handle any errors from either promise
  });

`

This way, you ensure that promise B only runs if promise A succeeds!

I use CSS animations a lot! One area where I found frustration was using CSS transform(rotate) combined with transitions. I was building a clock and wanted a smooth motion feel in the clock hands, so transitions were my goal. However, I found that when you try to rotate an element from 360 degrees back to 0 degrees, CSS transitions have to rotate the element in the opposite direction! This was an obviously ugly effect for a clock because clock hands don’t do that! I tried using setTimeout on my animations but that just caused an ugly scenario of setTimeout hell. I tried all sorts of workarounds, but I hate those and none of them seemed to work anyway. Finally, I decided the only way was to create my own transition effects with javascript. This solved my ugly animation problem of rewinding clock hands to return to 0 degrees rotation.