contenteditable

This is an awesome and interesting attribute - making the elements magically editable!

<div contenteditable="true">!editable content area!</div>

loading

Previously we used to depend on JavaScript to lazy load images, but now it is available as native feature to HTML.

<img src="image.jpg" loading="lazy" />

ping

We can use ping attribute on anchor elements, to send a ping request to specified URLs whenever a link is clicked - very useful for tracking clicks.

<a href="https://sample.com" ping="https://sample-analytics.com/track">abc</a>

list

The next one, diff command - my favourite. Comparing two files.

diff file1.txt file2.txt

Funny hack pattern

Some interesting pattern about commands are, you reverse the command name, the functionality gets reversed. For example, tac command displays the contents in reverse order.

cat file.txt
# normal order

tac file.txt
# reverse order

Will share some more, as I keep learning! Have fun!