Introduction.
Outils utilisés:
- Worpdpress: Système de la Gestion du Contenu (en anglais: CMS - Content Managment System).
- Oxygen builder: plugin utilisé pour la création du design.
- CSS generator mk.II: Pour la génération d'une échelle typographique élégante et fluide.
Conception:
Les concepts de base sont inspirés des travaux de Heydon Pickering et... Cette approche permet de réaliser des sites web élégants et solides qui s'adaptent à tous les utilisateurs, et ce avec le moins de code possible afin de laisser les navigateurs faire ce pour quoi ils sont conçus; c'est à dire assurer une présentation du contenu livré à l'utilisateur final de façon optimale.... mises en page simples et composables pour mieux exploiter les algorithmes intégrés qui font fonctionner les navigateurs et le CSS.
Heydon Pickering
Du choix de la police de caractère
Nous avons choisi la police de caractère "Courier New, Courier, monospace" qui existe par défaut sur tous les ordinateurs.
Utopia émerge lorsque les concepteurs et les développeurs partagent une approche systématique de la fluidité dans la conception réactive.
Au lieu de concevoir pour un nombre x de points de rupture arbitraires, nous pouvons concevoir un système dans lequel les éléments s'échelonnent de manière proportionnelle et fluide.
Bien que chaque projet ait des exigences différentes, la variation de la taille des caractères sur un téléphone est généralement relativement conservatrice, étant donné que l'espace horizontal disponible est limité
Sur un grand écran d'ordinateur portable ou de bureau, il est souvent souhaitable d'utiliser des échelles de caractères beaucoup plus spectaculaires pour tirer le meilleur parti de l'espace supplémentaire.
La question est de savoir comment s'adapter aux deux tailles d'écran tout en respectant tout ce qui se trouve entre les deux.
La grande idée qui a déclenché ce courant de pensée semble maintenant très simple :
- Définir une échelle de caractères pour un petit écran
- Définir une échelle de caractères pour un grand écran
- Dites au navigateur d'interpoler entre les deux échelles, en fonction de la largeur actuelle de la fenêtre de visualisation
Il en résulte un ensemble de tailles de caractères qui est toujours "en phase" avec lui-même et se sent à l'aise sur n'importe quel appareil, sans avoir besoin de spécifier manuellement les tailles pour x nombre de points d'arrêt arbitraires.
Par exemple, nous pouvons simplement dire que les H2 sont toujours de "taille 4" et faire confiance au calcul pour générer une rubrique de taille appropriée pour tout le monde.