Le site web et les outils marqués d'une étoile ci-dessous sont développés et hébergés par selfbuild.fr.
JSB est une bibliothèque JavaScript. La plupart de ses syntaxes sont compatibles avec jQuery mais elle est plus légère que son homologue et propose des raccourcis plus efficaces pour ce qui concerne la construction dynamique du DOM et la navigation AJAX.
Cette bibliothèque s'avérait particulièrement adaptée aux quelques scripts nécessaires sur ce site. JSB permet de gérer facilement le roulement de la molette simplifiant l'intégration des barres de défilement personnalisés et l'animation d'introduction a pu être codée bien plus vite qu'avec une autre bibliothèque.
SelfBuild WebFTP est un client FTP en ligne et donc disponible sans installation depuis n'importe quel appareil connecté à internet. Il permet de coder pour le web sans intermédiaire, c'est-à-dire sans avoir a transférer les fichiers pour les modifier. Ce logiciel permet de gagner beaucoup de temps, de créer des sauvegardes compressées et de travailler plus facilement en équipe grâce à un gestionnaire de versions intégré. En outre, il dispose de nombreux modules facilitant la tâche du codeurs :
ZenCoding permet d'écrire sa structure HTML sous forme de sélecteur CSS. Un raccourci clavier permet ensuite de convertir l'écriture raccourcie en code HTML valide et proprement indenté. Découvrez encore plus de raccourcis dans cette vidéo.
Si vous consultez les sources des fichiers scripts/index.js et styles/index.css, vous constaterez que le code est minifié, ce qui économise de la bande passante, de la mémoire cache chez l'utilisateur et donc du temps de chargement. Ceci est le fait d'une option du logiciel permettant de minifier automatiquement le code à chaque enregistrement tout en conservant le code original permettant ainsi au codeur de travailler sur les fichiers sources de manière transparente et d'en proposer aux clients les versions minifiées sans aucune opération supplémentaire. Vous pouvez trouver la source du fichier JavaScript ici : scripts/.src/index.js.
LessCSS permet d'utiliser des syntaxes bien plus performantes qu'en CSS pour définir les styles des pages. On peut notamment imbriquer des sélecteurs, créer des variables et des fonctions, faire des calculs...
CSSB offre une multitude de raccourcis pour écrire les propriétés et couples de propriété et valeur les plus utilisés. Il ajoute quelques macro-propriétés permettant de définir plusieurs propriétés en un code court. Par exemple les dimensions width et height grâce à size, les position, top et left grâce à abs, rel ou fix. Enfin, CSSB permet de rendre un code CSS 3 compatible sur un grand nombre de navigateurs antérieurs.
Les codes CSSB et LessCSS sont compilés à chaque enregistrement par le logiciel. Vous pouvez trouver la source du fichier CSS styles/index.css ici : styles/.src/index.css.