Metro UI CSS, Droptiles : reproduire l'interface Windows 8 en feuilles de style

01 juin 2018 à 15h36
0
Un développeur russe a mis au point un ensemble de feuilles de style et d'éléments JavaScript, baptisé Metro UI CSS, permettant de reproduire l'interface spécifique à Windows 8 sur un site Web.

Envie d'une touche de Windows 8 pour votre site Web ? Un développeur russe, Olton, a publié par l'intermédiaire de GitHub un ensemble de feuilles de style et d'éléments JavaScript grâce auquel on pourra reproduire l'écran d'accueil spécifique à Windows 8 sur un site Web. Une démonstration est en ligne, à l'adresse metroui.org.ua. Sous IE9, Chrome, Safari ou Firefox, on pourra faire défiler l'interface à l'aide de la molette de la souris, ou en déplaçant cette dernière tout en gardant le clic gauche enfoncé.

01CC000005357588-photo-metro-ui-css.jpg

Dans la version actuelle, l'affichage des tuiles qui composent l'interface n'est pas dynamique, mais les développeurs Web qui souhaitent creuser la question pourront s'inspirer d'un autre projet, également hébergé sur GitHub, du nom de Droptiles. Réalisé intégralement à l'aide du trio HTML / CSS / JavaScript, lui va encore plus loin, en autorisant par exemple la personnalisation des éléments de l'interface via glisser déposer.

Son auteur, Omar AL Zabir, y fait une utilisation avancée des bibliothèques jQuery et KnockoutJS, et souhaite commercialiser les licences associées à Droptiles (299 dollars), en ciblant par exemple les entreprises qui souhaiteraient se doter de tableaux de bords Web entièrement personnalisables par l'intermédiaire de ce framework clé en main. Il dispose même de son propre « App Store », permettant d'ajouter d'un simple clic à l'interface de nouvelles tuiles dynamiques associées à des services en ligne tels que Flickr, ou des raccourcis vers des applications en ligne qui s'ouvrent alors directement dans l'environnement Droptiles.

01CC000005357590-photo-droptiles.jpg
Soyez toujours courtois dans vos commentaires.
Respectez le réglement de la communauté.
0
0

Actualités du moment

Razer DeathStalker Ultimate : un clavier haut de gamme à écran tactile
Windows 8 RTM : une version d'évaluation accessible à tous
Facebook : les actionnaires historiques peuvent désormais vendre leurs parts
Samsung dévoile sa stratégie de défense dans son procès contre Apple
Google Play : bientôt une liste de souhaits et des cartes-cadeaux
Mad Catz STRIKE 7 : un clavier modulaire et personnalisable à écran tactile
The Oatmeal soutient une levée de fonds pour un musée Nikola Tesla
Pinterest se dote d'applications Android et iPad
Windows 8 RTM, Visual Studio 2012 et .NET 4.5 disponibles pour Technet et MSDN
Clap de fin pour Flash Player sur Android
Haut de page