Updated Layouts (markdown)

Layouts.md

@@ -309,3 +309,43 @@ Here are the different classes:
 # Examples of JSON files
 
 [Here](https://github.com/Helium314/HeliBoard/discussions/1132#discussion-7260853) are some sample JSON files that customize all the keyboard views.
+
+# Tips
+
+* To hide a hint for a specific key, add the code `{ "type": "placeholder" }` to the first position when editing popup labels. The hint will not appear regardless of Heliboard settings
+
+   <details>
+   <summary><b><i>Click to see example to hide key hint</i></b></summary>
+   <br>
+
+   ```json
+   { "label": "a", "width": 0.1, "type": "normal", "popup": { "relevant":
+     [
+   // The comma will not be displayed on the key
+       { "type": "placeholder" },
+       { "label": "," },
+       { "label": "?" },
+       { "label": "!" },
+       { "label": "#" }
+     ] }
+   }
+   ```
+   </details>
+
+* To find specific code point:
+  * Go to the [UnicodePlus](https://unicodeplus.com/) website
+  * Search for the desired character, e.g. a `space` or the letter `a`
+  * Read the HTML value of the desired character; in our example, `&#32;` for the `space` and `&#97;` for the `a` character
+  * Simply remove the `&`, `#` and `;` characters from the HTML value to find the code point
+<br><br>
+   <details>
+   <summary><b><i>Click to see example with code point values</i></b></summary>
+   <br>
+
+   ```json
+  // Keyboard view space bar with numpad view space bar icon
+  { "label": "!icon/space_key_for_number_layout|!code/32", "labelFlags": 4, "width": -1 },
+  // @ is displayed on the key, but the letter a will be written
+  { "label": "@|!code/97", "width": -1 }
+   ```
+   </details>