Bien que le fond de ce site soit plutôt bien, la forme est à chier : un script tout moisi "empêche" la consultation du code html.
Ce script, plus quelques lignes de css, le voici :

<script id="wpcp_disable_selection" type="text/javascript">
//<![CDATA[
var image_save_msg='You Can Not Save images!';
    var no_menu_msg='Context Menu disabled!';
    var smessage = "Content is protected !!";

function disableEnterKey(e)
{
    if (e.ctrlKey){
     var key;
     if(window.event)
          key = window.event.keyCode;     //IE
     else
          key = e.which;     //firefox (97)
    //if (key != 17) alert(key);
     if (key == 97 || key == 65 || key == 67 || key == 99 || key == 88 || key == 120 || key == 26 || key == 85  || key == 86 || key == 83 || key == 43)
     {
          show_wpcp_message('You are not allowed to copy content or view source');
          return false;
     }else
        return true;
     }
}

function disable_copy(e)
{   
    var elemtype = e.target.nodeName;
    var isSafari = /Safari/.test(navigator.userAgent) && /Apple Computer/.test(navigator.vendor);
    elemtype = elemtype.toUpperCase();
    var checker_IMG = '';
    if (elemtype == "IMG" && checker_IMG == 'checked' && e.detail >= 2) {show_wpcp_message(alertMsg_IMG);return false;}
    if (elemtype != "TEXT" && elemtype != "TEXTAREA" && elemtype != "INPUT" && elemtype != "PASSWORD" && elemtype != "SELECT" && elemtype != "OPTION" && elemtype != "EMBED")
    {
        if (smessage !== "" && e.detail == 2)
            show_wpcp_message(smessage);

        if (isSafari)
            return true;
        else
            return false;
    }   
}
function disable_copy_ie()
{
    var elemtype = window.event.srcElement.nodeName;
    elemtype = elemtype.toUpperCase();
    if (elemtype == "IMG") {show_wpcp_message(alertMsg_IMG);return false;}
    if (elemtype != "TEXT" && elemtype != "TEXTAREA" && elemtype != "INPUT" && elemtype != "PASSWORD" && elemtype != "SELECT" && elemtype != "OPTION" && elemtype != "EMBED")
    {
        //alert(navigator.userAgent.indexOf('MSIE'));
            //if (smessage !== "") show_wpcp_message(smessage);
        return false;
    }
}   
function reEnable()
{
    return true;
}
document.onkeydown = disableEnterKey;
document.onselectstart = disable_copy_ie;
if(navigator.userAgent.indexOf('MSIE')==-1)
{
    document.onmousedown = disable_copy;
    document.onclick = reEnable;
}
function disableSelection(target)
{
    //For IE This code will work
    if (typeof target.onselectstart!="undefined")
    target.onselectstart = disable_copy_ie;

    //For Firefox This code will work
    else if (typeof target.style.MozUserSelect!="undefined")
    {target.style.MozUserSelect="none";}

    //All other  (ie: Opera) This code will work
    else
    target.onmousedown=function(){return false}
    target.style.cursor = "default";
}
//Calling the JS function directly just after body load
window.onload = function(){disableSelection(document.body);};
//]]>
</script>
    <script id="wpcp_disable_Right_Click" type="text/javascript">
    //<![CDATA[
    document.ondragstart = function() { return false;}
    /* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    Disable context menu on images by GreenLava Version 1.0
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
        function nocontext(e) {
           return false;
        }
        document.oncontextmenu = nocontext;
    //]]>
    </script>
<style>
.unselectable
{
-moz-user-select:none;
-webkit-user-select:none;
cursor: default;
}
html
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
</style>
<script id="wpcp_css_disable_selection" type="text/javascript">
var e = document.getElementsByTagName('body')[0];
if(e)
{
    e.setAttribute('unselectable',on);
}
</script>

Et l'agence web le place sur tous les sites qu'elle conçoit.
C'est totalement inefficace (car facilement contournable) et je ne vois pas l'intérêt du truc. Ils facturent cette merde combien à leurs clients ?

Un comparatif de différents systèmes d’encodage de données (JSON, XML, Avro…)
Via Timo

À lire

Pour des onglets simples

Pas mal. Pour générer des palettes de couleurs harmonisées.

Bon petit tuto pour un menu adaptatif minimaliste mais qui fait le job. Et sans javascript.

Table de correspondance entre élément unicode et html. Pratique.

https://github.com/tabler/tabler

Pour des tableaux "responsives". À tester avec des tableaux plus complexes...