Le projet AMP se soucie également de rendre le processus de création des pages AMP plus rapide et plus facile.
C'est pourquoi Google vient de lancer AMP Start, une bibliothèque de modèles (templates) et des éléments communs entièrement développés pour les pages au format AMP.
Une fois que vous avez choisi un modèle, vous pouvez télécharger le code complet pour tout le site, contenant tous les html, JavaScript et CSS nécessaires pour afficher toutes les pages au format AMP dans le site.
AMP Start a été développé en utilisant Basscss, un Toolkit de bas niveau du langage CSS qui fournit beaucoup de classes utilitaires CSS pour éviter d'avoir besoin d’un quelconque CSS personnalisé.
De cette façon, vous pouvez rapidement créer des pages AMP rapides et réactives (en responsive donc) avec votre propre contenu, sans avoir besoin de créer des éléments de page à partir de zéro.
Google avait annoncé l'AMP Start en Mars 2017, et au cours des derniers mois, il a travaillé avec la communauté de conception AMP pour créer des modèles supplémentaires dans des domaines d’activité tels que le commerce de détail et le voyage.
 |
| Images via Amp Project |
Nouveaux modèles AMP pour les contenus ecommerce
Google vient de lancer une version remaniée d’AMP Start pour vous aider à trouver facilement les modèles (templates) ou les composants dont vous avez besoin pour commencer avec AMP.
Cela inclut de nouveaux modèles pour le e-commerce avec AMP, comme Lune qui met en évidence une ligne de produits uniques avec des animations de défilement transparent et des effets de parallaxe.
Le template Lune est conçu avec une interface moderne pour présenter les détails d'un article spécifique et donner des descriptions aux visiteurs, ainsi que des informations sur les produits d'un magasin physique.
Les modèles sur AMP Start sont entièrement interactifs et entièrement construits avec AMP afin qu'ils soient rapides sur tous les appareils (Web et mobile à la fois ?).
Pour commencer à créer des expériences de détail dynamiques, vérifiez également le nouveau modèle Bike Shop, qui vous permet de présenter une bibliothèque de produits avec des fonctionnalités telles que le tri des produits, les galeries d'images, et le flux des paniers.
En raison de la manière dont ces modèles ont été conçus, n'importe quel élément spécifique d'un modèle, tel qu'une image de héros ou un menu de barre latérale, peut également être téléchargé et adapté aux besoins du client pour adapter votre marque.
Ceci est conçu pour faciliter la création de pages bien conçues, même si vous avez déjà terminé la majeure partie de votre site AMP.
La suite du programme ?
Des modèles supplémentaires seront ajoutés à AMP Start au cours des prochains mois, y compris pour des sites présentant un portfolio créatif, des sites de news avec le balisage de contenu AMP automatiquement intégré et des magazines numériques, ainsi que pour des sites d'entreprises locales.
Afin de vraiment pousser les limites de ce qui est possible de faire avec AMP, Google AMP a travaillé avec une communauté de conception de sites e-commerce, y compris North Kingdom, MetaLab and Grain & Mortar, pour produire ces modèles.
Et ce, avec pour objectif de mettre en avant les possibilités interactives et dynamiques lors de l'utilisation de composants tels que amp-Bind et amp-Animation.
Google espère que ces améliorations apportées à AMP start vous permettront de démarrer facilement avec AMP, que vous développerez un nouveau site ou que vous utiliserez l'un des composants stylisés pour une page AMP déjà existante.
