This document was created back in 2020 and might not be actual nowadays. It is not supported anymore, so use thise information at your own risk.
wsl --set-default-version 2 in windows command line, so that all future WSL machine will use WSL2.
| /*! NOTE: These are just recommended default global styles, edit as required */ | |
| @import ('Import reset stylesheet here, (I recommend modern-normalize) or even better, import the reset stylesheet in the HTML as the first imported stylesheet'); | |
| ::selection { /* Optional */ | |
| /* It can be really hard to read highlighted text with a text-shadow, it should be removed when selected */ | |
| text-shadow: none; | |
| /* NOTE: Using this means the color and background-color are set to transparent for selected text... */ | |
| /* So you can customise your styles below */ |
| /* | |
| Instagram API: view and backup direct messages from a web browser | |
| Since April 2020, Instagram has a web version to send and read direct messages so my Instagram scripts are not longer needed and I would not recommend using them unless you really need it, to avoid being banned | |
| (never happened to me with Instagram but WhatsApp is owned by Facebook also and they did it to users registering from an unofficial app like yowsup: https://github.com/tgalal/yowsup/commit/88b8ad9581fa22dac330ee3a05fec4e485dfa634#diff-b335630551682c19a781afebcf4d07bf978fb1f8ac04c6bf87428ed5106870f5) | |
| 1) Log in on Instagram web version and go to your profile page | |
| (the home page will not work because it loads data when scrolling down and the direct messages will be displayed at the bottom of the page) | |
| 2) Modify HTTP headers with a browser addon like Header Editor (https://addons.mozilla.org/en-US/firefox/addon/header-editor/) |
When writing a string of multiple utility classes, always do so in an order with meaning. The "Concentric CSS" approach works well with utility classes (i.e,. 1. positioning/visibility 2. box model 3. borders 4. backgrounds 5. typography 6. other visual adjustments). Once you establish a familiar pattern of ordering, parsing through long strings of utility classes will become much, much faster so a little more effort up front goes a long way!
Always use fewer utility classes when possible. For example, use mx-2 instead of ml-2 mr-2 and don't be afraid to use the simpler p-4 lg:pt-8 instead of the longer, more complicated pt-4 lg:pt-8 pr-4 pb-4 pl-4.
Prefix all utility classes that will only apply at a certain breakpoint with that breakpoint's prefix. For example, use block lg:flex lg:flex-col lg:justify-center instead of block lg:flex flex-col justify-center to make it very clear that the flexbox utilities are only applicable at the
| <!DOCTYPE html> | |
| <html lang='`en'> | |
| <head> | |
| <meta charset='utf-8'/> | |
| <title>Audio only stream example</title> | |
| <script src="//cdn.jsdelivr.net/npm/hls.js@latest"></script> | |
| <style> | |
| video { | |
| width: 640px; | |
| height: 360px; |
This focuses on generating the certificates for loading local virtual hosts hosted on your computer, for development only.
Do not use self-signed certificates in production ! For online certificates, use Let's Encrypt instead (tutorial).
System: Debian/Ubuntu/Fedora. Might work for others as well.
As mentioned here, to update a go version you will first need to uninstall the original version.
To uninstall, delete the /usr/local/go directory by:
| // keeping the same pattern | |
| export default await new Promise(async $export => { | |
| // export the module | |
| $export({my: 'module'}); | |
| }); | |
| // dropping the Promise all together | |
| export default await (async () => { | |
| // await async dependencies | |
| // export the module |
