Using aliases are powerful to navigate in the terminal.

The author shares ad function to add... aliases on the fly

The benefits of min-width: 0; while overflowing with flexbox

Mastodon can support a wide variety of media files

1. Plan your color use: avoid or limit white to pure black colors. Black can be used but dim the text slightly.
2. Brand the dark color with a gradation of a brand color. Black and white only is also a kind of branding.
3. Reduce color saturation
4. Communicate depth through a scale of lighter colors to translate the elevation: the brighter the higher.
5. Check dark mode contrasts.
6. Design light mode first by default.
7. Use bare colors to design dark mode: transparent color can help.
8. Use the system default setting or user preference to set the mode.

These tips are related to academic papers, but it can be applied to every writings that should have an effective communication.

Some that can affect me:

• avoid passive tense
• use strong vers instead of lots of nouns: "make assumption" → assume, "had difference" → differed, "is an illustration" → illustrates
• if you find yourself saying "In other words," it means you didn't say it clearly enough the first time. Rewrite it.
• Avoid filler words, e.g., by converting sentences into simple actor-action-object phrasing.
• Each sentence in a paragraph must have some logical connection to the previous one. A new thought should get its own paragraph, but still clearly needs some logical connection to the paragraphs that preceded it.
• avoid scare quotes
• Numbers ten or less are spelled out: "It consists of three fields", not "3 fields".
• avoid in-line enumeration
• avoid itemization (bullets) as it takes extra space. Bullets can be used to emphasize key points
• name the author with its reference [1] instead of "[1] shows" only. Add "et al." if more authors exist. Cite in depth the section for example to accord the verb.
• more than two footnotes per page or a handful per paper is a bad sign.
• A part before a colon (":") must be a complete sentence.
• Avoid slash constructs: time/money, expand them such as "time and money".
• Avoid cliches like "recent advances in ..."
• Avoid symbols as they are only acceptable on slides.
• Uses uppercased words for acronyms only. Avoid it for technical terms.
• Expand all acronyms on first use, except acronyms that every reader is expected to know. For example, TCP in a research paper is not needed, but Yet Another Compiler Compiler (YACC) is.
• Divide powers of a 1 000 for readability. It can be adjusted by the locale used.
• Use "kb/s" or "Mb/s," not "kbps" or "Mbps" - the latter are not scientific units. Distinguish MB and Mb too.
• It is always kHz.
• It's Wi-Fi, not WiFi or wifi that are trademarks.
• Avoid "etc.", prefers "for example", "such as", "among others" or provide a complete list.
• "for example" or "like" and "etc." are in different phrases. It already indicate that there are more such items.
• Remember that "i.e." and "e.g." are always followed by a comma.
• Do not use ampersands (&) or slash-abbreviations (such as s/w or h/w) in formal writing; they are acceptable for slides.
• "Respectively" is preceded by a comma, as in "The light bulbs lasted 10 and 100 days, respectively."
• Therefore, however, hence and thus are usually followed by a comma, as in "Therefore, our idea should not be implemented."
• Use "in Figure 1" instead of "following figure" since figures may get moved during the publication or typesetting process.
• Figures show, depict, indicate, illustrate. Avoid "(refer to Fig. 17)".
• Often, it is enough to simply put the figure reference in parenthesis "Packetg droppers (Fig. 17) have a pipe to the bit bucket, ..."
• If you quote something literally, enclose it in quotation marks or show it indented and in smaller type ("block quote"). A mere citation is not sufficient as it does not tell the reader whether you simply derived your material from the cited source or copied it verbatim.
• Acknowledge your funding support.
• Integrate PostScript instead of GIF for images [in papers].
• Section titles are not followed by a period.

type BLetter = 'A' | 'B' | 'C';
type BNumber = '1' | '2' | '3';

type Board = `${BLetter}${BNumber}`;
//    ^?

After the ^?, type Board = "B1" | "B2" | "B3" | "C1" | "C2" | "C3" | "A1" | "A2" | "A3" will be shown in the IDE.

It is possible to find a way into the open-air maze with the OSM route planner x)

It is funny that someone mapped the maze completely.

Transition a CSS grid row from 0 to 1fr to get an accordion working :D
An Advantage is the text is already rendered for screen readers.

Wow I didn't think about it. It seems practical!

With a list with data-index attributes such as <li class="searchable" data-index="newtoncronintorphy.dorothea@gmail.com(121)644-5577">
and the snippet:

<script type="text/javascript">
var searchStyle = document.getElementById('search_style');
document.getElementById('search').addEventListener('input', function() {
  if (!this.value) {
    searchStyle.innerHTML = "";
    return;
  }
  // look ma, no indexOf!
  searchStyle.innerHTML = ".searchable:not([data-index*=\"" + this.value.toLowerCase() + "\"]) { display: none; }";
  // beware of css injections!
});
</script>

A simple CSS code to check bot messages on social media (mastodon).

La méthode est artisanale mais efficace : une bouteille percée à remplir avec un appât à base de bière, de sirop et surtout de vin blanc. Car l'abeille déteste, le frelon lui adore. Le piège est redoutable.

"C'est un gros trou de 10 mm pour faire rentrer le frelon asiatique. Il ne ressortira pas, il va être dedans , il va s'épuiser, il va boire ou se noyer", explique Frédéric Provost, chargé de mission environnement à la mairie.

Est-ce que cela cible uniquement le frelon?

1. use product instead of nested python for-loops
2. use the walrus operator for assignment expressions
3. use ternary conditional operator if the assignment is simple
4. use lambda function to define simple functions
5. use list comprehensions
6. leverage the Higher Order functions of python such as map and other iterable functions.
7. use union operators to merge dictionaries
8. use f-strings to format strings
9. use asteriks for unpacking iterables and destructuring assignment

It can be useful in some cases: to declare variables in the <template> directly.

If you are logged in or not, use the /home to display the landing page or the default page of a website.

Also, the logo should have the alt="home" as this is what the users of screen readers expect. See the second point of https://jessbudd.com/blog/screen-reader-usability-testing-observations

About design:

1. Less is more: the content will be more important
2. 5x5 rule: Maximum 5 lines of texte for a slide, and maximum 5 words per line.
3. Show, don't tell: group together, use size, color, font, bold, etc...
4. Fonts: Outfit, Montserrat, Lato, Fira, Roboto, Opan Sans, Poxima, Circular
5. Illustrations: Pixabay (https://pixabay.com/fr/), Unsplash (https://unsplash.com), stocksnap (https://stocksnap.io), Undraw (https://undraw.co)
6. Icons: Flaticon, TheNounProject (https://thenounproject.com/)
7. Figma or Adoe XD can help to create the slides

Clean code is not only concise code, but more importantly, it is readable. A rule of thumb when writing code, is to write code as if comments didn’t exist. The code should be self-explanatory.

• booleans should always have a prefix like "is", "has", or "was"

and other JS tips

Great tips indeed

Use classes on svg inner elements and animate them

const { length, 0: first, [length - 1]: last } = arr;

I was also struggling with it:
const multilineStrings = 'This is a\n' + 'multiline\n' + 'strings';
or
const multilineStrings = ['This is a', 'multiline', 'strings'].join('\n');
or
``const multilineStrings =This is a
multiline
strings`;