Français
GitHub
Thème

Écrans entiers

Écrans

Ni recadrages ni maquettes. Chacun d’eux est une fenêtre que la boîte à outils a rendue pendant la construction de ce site.

L’application de démonstration

Tous les composants dans une fenêtre, avec barre de menus, onglets, sélecteur de thème et un pied de page de performance en direct.

The kitchen sink
The kitchen sink

La même fenêtre, de droite à gauche

L’application de démonstration sous le paquet ar, l’axe de direction inversé : la barre de menus, les onglets, les champs, les barres de défilement et le pied de performance se lisent depuis la droite, et le texte qu’ils portent se lie et se réordonne comme l’arabe l’exige. Aucun écran n’a été réécrit — la direction est un axe hérité, réglé comme on règle une taille de contrôle.

The kitchen sink in Arabic, right to left
The kitchen sink in Arabic, right to left

Un formulaire

Libellés, un champ validé, un choix, un interrupteur et la rangée d’actions : l’exemple complet du guide des formulaires.

A form
A form

Une fenêtre mise en page

Une barre d’outils, une barre latérale à côté d’un panneau de contenu et une ligne d’état : l’exemple complet du guide de mise en page.

A window laid out
A window laid out

Chaque palier de taille

Les mêmes cinq contrôles, cinq fois, de XSMALL en haut à XLARGE en bas. Aucun ne reçoit de largeur, de police ni de marge intérieure : chaque rangée reçoit une taille de contrôle et rien d’autre, et les marges, la typographie, les rayons d’angle et les zones de contact bougent ensemble.

Every size step
Every size step

La vue 3D

Des matériaux physiquement réalistes sous trois lumières, rendus dans une cible linéaire à grande plage dynamique et composés comme une couche 2D. Une vue défilante la rogne comme n’importe quel autre widget. Faites glisser pour orbiter, faites défiler pour zoomer.

The 3D viewport
The 3D viewport

L'éditeur de thème, comme un widget que vous pouvez livrer

Une palette est une donnée : l'éditer est donc un écran, et celui-ci est un module que votre application peut intégrer, pas un outil qui vit dans notre dépôt. Faites glisser le curseur des angles et la fenêtre se rhabille dans la même image : chaque champ, chaque bouton, chaque puits. Le rapport à côté mesure chaque encre contre toutes les surfaces où elle peut se poser, donc une palette qui échoue au contraste échoue visiblement.

The theme editor
The theme editor