I am moving this gist to a github repo so more people can contribute to it. Also, it makes it easier for me to version control.
Please go to - https://github.com/praveenpuglia/shadow-dom-in-depth for latest version of this document. Also, if you find the document useful, please shower your love, go ⭐️ it. :)
Heads Up! It's all about the V1 Spec.
In a nutshell, Shadow DOM enables local scoping for HTML & CSS.
In the below keyboard shortcuts, I use the capital letters for reading clarity but this does not imply shift, if shift is needed, I will say shift. So ⌘ + D does not mean hold shift. ⌘ + Shift + D does of course.
| Function | Shortcut |
|---|---|
| New Tab | ⌘ + T |
| Close Tab or Window | ⌘ + W (same as many mac apps) |
| Go to Tab | ⌘ + Number Key (ie: ⌘2 is 2nd tab) |
| Go to Split Pane by Direction | ⌘ + Option + Arrow Key |
| jQuery(document).ready(function($) { | |
| /** | |
| * Demo Section : Mettre en avant ses alternatives textuelles sur les devices tactiles. | |
| **/ | |
| $("a[data-toggle='tooltip'], img[data-toggle='tooltip']").on("click",function(){ | |
| if(!$('.tooltip').hasClass('in')){ //Si l'info-bulle n'est pas visible. | |
| $(this).tooltip("show"); | |
| return false; // Empecher le navigateur d'ouvrir la destination du lien. |
