Développement Web

Pour ce projet, nous avons privilégié le développement sur-mesure écrit intégralement à la main (HTML/CSS/JS).
Un choix technique assumé pour offrir une personnalisation accrue, une sécurité maximale et une expérience utilisateur unique, impossible à obtenir avec des outils standards.

Pourquoi j'ai renoncé aux CMS

Le cahier des charges imposait l'utilisation d'un CMS. J'ai donc choisi de tester WordPress avec Divi.

Malheureusement, le résultat n'était pas à la hauteur de mes attentes. Cette méthode était trop limité en termes de design et de fonctionnalités.

L'image ci-contre illustre parfaitement le type de rendu "standard" qu'un CMS produit : un design simple sans fonctionnalités ni intéractivité qui n'aurait pas mis en valeur la qualité technique de notre projet.

C'est pourquoi j'ai pris la décision de ne pas suivre le cahier des charges sur ce point précis. J'ai choisi de construire ce site entièrement à la main (HTML/CSS/JS) pour obtenir une liberté totale, une forte intéractivité et un véritable design "Premium". Mes deux coéquipiers ont donc décidé de faire la même chose et ont aussi fait un site entièrement à la main.

Les Avantages du "Fait Main"

Coder soi-même, c'est refuser les compromis. Voici pourquoi cette approche change tout.

Contrôle Total

Liberté absolue de conception. Nous ne bataillions pas avec un thème pour qu'il ressemble à notre idée : nous le construisons pixel par pixel, sans compromis.

Performance Brute

Pas de base de données à interroger. Pas de chargement de scripts inutiles. Juste du code pur, servi instantanément.

Surface Minimale

Pas d'interface admin, pas de plugins vulnérables, pas de SQL. La meilleure sécurité est l'absence de cible.

Sobriété Numérique

Moins de code = moins d'énergie. Un site éco-conçu par nature qui respecte les ressources de la planète.

Interactions et Fluidité

Vous pouvez voir quelques exemples d'effets interactifs et fluides. Sur un CMS, obtenir ces effets demande des plugins lourds. Ici, c'est du CSS natif et quelques lignes de JS vanilla.

root@securelink-iot:~/styles

# Smooth Transitions

.card:hover {

transform: scale(1.05);

transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

}

➜ ~ check-smoothness

Animation fluid. Zero bug.

Glassmorphisme

Le flou gaussien est calculé en temps réel sur les éléments animés en arrière-plan.

Client

Serveur

Architectures

Design moderne d'architectures.

L'Élégance de la Sémantique

L'examen de la structure interne d'un site généré par CMS révèle souvent un code surchargé et peu lisible, rendant la maintenance complexe.

Notre approche privilégie un code épuré et sémantique, conçu pour être compris à la fois par les développeurs et les algorithmes.

source.html

root@securelink-iot:~/security

# Initialisation du scan défensif...

➜ ~ ./check-vulnerabilities.sh --target this_site

Moins de surface d’attaque, plus de
Sécurité

Les robots scannent le web en permanence et testent des chemins connus (ex. wp-login.php, /plugins/). Sur ce site, ces chemins renvoient une erreur (404), ce qui évite la plupart des attaques ciblant des CMS.

Zéro Base de Données Les injections SQL sont mathématiquement impossibles : il n'y a pas de SQL. Vos données ne peuvent pas fuir d'un endroit qui n'existe pas.
Zéro Administration Aucune page d'administration à brute-forcer. La surface d'attaque est réduite au strict minimum : le contenu statique.

Les Technologies et Outils

Une stack technique moderne, légère et performante.

HTML5

Sémantique

Tailwind CSS

Design System

Vanilla JS

Interactions

GitHub

Versionning

VS Code

Développement