AMP - un cadre de composants Web qui facilite la création de l'expérience Web d'abord de l'utilisateur - AMP. Développement

sur 500~20000

78

Soyez autonome. Peut faire de grandes réalisations Ji

2

142.251.2.100

html{overflow-x:hidden!important}html.i-amphtml-fie{height:100%!important;width:100%!important}html:not([amp4ads]),html:not([amp4ads])body{height:auto!important}html:not([amp4ads])body{margin:0!important}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}html.i-amphtml-singledoc.i-amphtml-embedded{-ms-touch-action:pan-ypinch-zoom;touch-action:pan-ypinch-zoom}html.i-amphtml-fie>body,html.i-amphtml-singledoc>body{overflow:visible!important}html.i-amphtml-fie:not(.i-amphtml-inabox)>body,html.i-amphtml-singledoc:not(.i-amphtml-inabox)>body{position:relative!important}html.i-amphtml-ios-embed-legacy>body{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important}html.i-amphtml-ios-embed{overflow-y:auto!important;position:static}#i-amphtml-wrapper{overflow-x:hidden!important;overflow-y:auto!important;position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;display:block!important}html.i-amphtml-ios-embed.i-amphtml-ios-overscroll,html.i-amphtml-ios-embed.i-amphtml-ios-overscroll>#i-amphtml-wrapper{-webkit-overflow-scrolling:touch!important}#i-amphtml-wrapper>body{position:relative!important;border-top:1pxsolidtransparent!important}#i-amphtml-wrapper+body{visibility:visible}#i-amphtml-wrapper+body.i-amphtml-lightbox-element,#i-amphtml-wrapper+body[i-amphtml-lightbox]{visibility:hidden}#i-amphtml-wrapper+body[i-amphtml-lightbox].i-amphtml-lightbox-element{visibility:visible}#i-amphtml-wrapper.i-amphtml-scroll-disabled,.i-amphtml-scroll-disabled{overflow-x:hidden!important;overflow-y:hidden!important}amp-instram{padding:54px0px0px!important;background-color:#fff}amp-iframeiframe{box-sizing:border-box!important}[amp-access][amp-access-hide]{display:none}[subscriptions-dialog],body:not(.i-amphtml-subs-ready)[subscriptions-action],body:not(.i-amphtml-subs-ready)[subscriptions-section]{display:none!important}amp-experiment,amp-live-list>[update]{display:none}amp-list[resizable-children]>.i-amphtml-loading-container.amp-hidden{display:none!important}amp-list[fetch-error],amp-list[load-more][load-more-button],amp-list[load-more][load-more-end],amp-list[load-more][load-more-failed],amp-list[load-more][load-more-loading]{display:none}amp-list[diffable]div[role=list]{display:block}amp-story-pe,amp-story[standalone]{min-height:1px!important;display:block!important;height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;width:100%!important}amp-story[standalone]{background-color:#000!important;position:relative!important}amp-story-pe{background-color:#}amp-story.amp-active>div,amp-story.i-amphtml-loader-background{display:none!important}amp-story-pe:not(:first-of-type):not([distance]):not([active]){transform:translateY(1000vh)!important}amp-autocomplete{position:relative!important;display:inline-block!important}amp-autocomplete>inpuAMP - un cadre de composants Web qui facilite la création de l'expérience Web d'abord de l'utilisateur - AMP. Développementt,amp-autocomplete>textarea{padding:0.5rem;border:1pxsolidrgba(0,0,0,.33)}.i-amphtml-autocomplete-results,amp-autocomplete>input,amp-autocomplete>textarea{font-size:1rem;line-height:1.5rem}[amp-fx^=fly-in]{visibility:hidden}amp-script[nodom],amp-script[sandboxed]{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}/*#sourceURL=/css/ampdoc.css*/[hidden]{display:none!important}.i-amphtml-element{display:inline-block}.i-amphtml-blurry-placeholder{transition:opacity0.3scubic-bezier(0.0,0.0,0.2,1)!important;pointer-events:none}[layout=nodisplay]:not(.i-amphtml-element){display:none!important}.i-amphtml-layout-fixed,[layout=fixed][width][height]:not(.i-amphtml-layout-fixed){display:inline-block;position:relative}.i-amphtml-layout-responsive,[layout=responsive][width][height]:not(.i-amphtml-layout-responsive),[width][height][heights]:not([layout]):not(.i-amphtml-layout-responsive),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-layout-responsive){display:block;position:relative}.i-amphtml-layout-intrinsic,[layout=intrinsic][width][height]:not(.i-amphtml-layout-intrinsic){display:inline-block;position:relative;max-width:100%}.i-amphtml-layout-intrinsic.i-amphtml-sizer{max-width:100%}.i-amphtml-intrinsic-sizer{max-width:100%;display:block!important}.i-amphtml-layout-container,.i-amphtml-layout-fixed-height,[layout=container],[layout=fixed-height][height]:not(.i-amphtml-layout-fixed-height){display:block;position:relative}.i-amphtml-layout-fill,.i-amphtml-layout-fill.i-amphtml-notbuilt,[layout=fill]:not(.i-amphtml-layout-fill),bodynoscript>*{display:block;overflow:hidden!important;position:absolute;top:0;left:0;bottom:0;right:0}bodynoscript>*{position:absolute!important;width:100%;height:100%;z-index:2}bodynoscript{display:inline!important}.i-amphtml-layout-flex-item,[layout=flex-item]:not(.i-amphtml-layout-flex-item){display:block;position:relative;-ms-flex:11auto;flex:11auto}.i-amphtml-layout-fluid{position:relative}.i-amphtml-layout-size-defined{overflow:hidden!important}.i-amphtml-layout-awaiting-size{position:absolute!important;top:auto!important;bottom:auto!important}i-amphtml-sizer{display:block!important}@supports(aspect-ratio:1/1){i-amphtml-sizer.i-amphtml-disable-ar{display:none!important}}.i-amphtml-blurry-placeholder,.i-amphtml-fill-content{display:block;height:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;width:0;margin:auto}.i-amphtml-layout-size-defined.i-amphtml-fill-content{position:absolute;top:0;left:0;bottom:0;right:0}.i-amphtml-replaced-content,.i-amphtml-screen-reader{padding:0!important;border:none!important}.i-amphtml-screen-reader{position:fixed!important;top:0px!important;left:0px!important;width:4px!important;height:4px!important;opacity:0!important;overflow:hidden!important;margin:0!important;display:block!importaAMP - un cadre de composants Web qui facilite la création de l'expérience Web d'abord de l'utilisateur - AMP. Développementnt;visibility:visible!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:8px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:12px!important}.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader~.i-amphtml-screen-reader{left:16px!important}.i-amphtml-unresolved{position:relative;overflow:hidden!important}.i-amphtml-select-disabled{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.i-amphtml-notbuilt,[layout]:not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){position:relative;overflow:hidden!important;color:transparent!important}.i-amphtml-notbuilt:not(.i-amphtml-layout-container)>*,[layout]:not([layout=container]):not(.i-amphtml-element)>*,[width][height][heights]:not([layout]):not(.i-amphtml-element)>*,[width][height][sizes]:not([layout]):not(.i-amphtml-element)>*{display:none}amp-img:not(.i-amphtml-element)[i-amphtml-ssr]>img.i-amphtml-fill-content{display:block}.i-amphtml-notbuilt:not(.i-amphtml-layout-container),[layout]:not([layout=container]):not(.i-amphtml-element),[width][height][heights]:not([layout]):not(.i-amphtml-element),[width][height][sizes]:not(img):not([layout]):not(.i-amphtml-element){color:transparent!important;line-height:0!important}.i-amphtml-ghost{visibility:hidden!important}.i-amphtml-element>[placeholder],[layout]:not(.i-amphtml-element)>[placeholder],[width][height][heights]:not([layout]):not(.i-amphtml-element)>[placeholder],[width][height][sizes]:not([layout]):not(.i-amphtml-element)>[placeholder]{display:block;line-height:normal}.i-amphtml-element>[placeholder].amp-hidden,.i-amphtml-element>[placeholder].hidden{visibility:hidden}.i-amphtml-element:not(.amp-notsupported)>[fallback],.i-amphtml-layout-container>[placeholder].amp-hidden,.i-amphtml-layout-container>[placeholder].hidden{display:none}.i-amphtml-layout-size-defined>[fallback],.i-amphtml-layout-size-defined>[placeholder]{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:1}amp-img[i-amphtml-ssr]:not(.i-amphtml-element)>[placeholder]{z-index:auto}.i-amphtml-notbuilt>[placeholder]{display:block!important}.i-amphtml-hidden-by-media-query{display:none!important}.i-amphtml-element-error{background:red!important;color:#fff!important;position:relative!important}.i-amphtml-element-error:before{content:attr(error-messe)}i-amp-scroll-container,i-amphtml-scroll-container{position:absolute;top:0;left:0;right:0;bottom:0;display:block}i-amp-scroll-container.amp-active,i-amphtml-scroll-container.amp-active{overflow:auto;-webkit-overflow-scrolling:touch}.i-amphtml-loading-container{display:block!important;pointer-events:none;z-index:1}.i-amphtml-notbuilt>.i-amphtml-loading-container{display:block!important}.i-amphtml-loading-container.amp-hidden{visibility:hidden}.i-amphtml-element>[overflow]{cursor:pointer;position:relative;z-index:2;visibility:hidden;display:initial;line-height:normal}.i-amphtml-layout-size-defined>[overflow]{position:absolute}.i-amphtml-element>[overflow].amp-visible{visibility:visible}template{display:none!important}.amp-border-box,.amp-border-box*,.amp-border-box:after,.amp-border-box:before{box-sizing:border-box}amp-pixel{display:none!important}amp-analytics,amp-auto-ads,amp-story-auto-ads{position:fixed!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;visibility:hidden}amp-story{visibility:hidden!important}html.i-amphtml-fie>amp-analytics{position:initial!important}[visible-when-invalid]:not(.visible),form[submit-error],form[submit-success],form[submitting]{display:none}amp-accordion{display:block!important}@media(min-width:1px){:where(amp-accordion>section)>:first-child{margin:0;background-color:#efefef;padding-right:20px;border:1pxsolid#dfdfdf}:where(amp-accordion>section)>:last-child{margin:0}}amp-accordion>section{float:none!important}amp-accordion>section>*{float:none!important;display:block!important;overflow:hidden!important;position:relative!important}amp-accordion,amp-accordion>section{margin:0}amp-accordion:not(.i-amphtml-built)>section>:last-child{display:none!important}amp-accordion:not(.i-amphtml-built)>section[expanded]>:last-child{display:block!important}/*#sourceURL=/css/ampshared.css*/AMP-awebcomponentframeworktoeasilycreateuser-firstwebexperiences-amp.devAMPAboutAMPWebsitesCreateflawlesswebexperiencesWebStoriesSnackableStoriesforeveryoneAMPAdsSuperfastadsonthewebAMPEmailNextgenemailHowAMPworksVision&MissionUsecasesSuccessStoriesDocumentationGetStartedGuides&TutorialsGetstartedwithAMPComponentsThecompleteAMPlibraryExamplesHands-onintroductiontoAMPCoursesLearnAMPwithfreecoursesTemplatesReadytouseToolsBeginbuildingCommunityContributeRoadmapGovernanceWorkingGroupsEventsAMPFest2020AMPRoadshowBlogSupportHelpFAQENDEFRARESITIDJAKOPTRUTRZHPLVIAMPisawebcomponentframeworktoeasilycreateuser-firstexperiencesfortheweb.AMPWebsitesEasilycreatewebsiteswithagreatpeexperienceout-of-the-boxusingAMP’sready-to-gowebcomponents.GetstartedAllaboutAMPWebsitesWebStoriesImmersereadersinvisualandtappablestoriestheycanshareanywhereontheopenweb.AllaboutWebStoriesAMPEmailsSendemailsofthefuturewithpersonalizeddynamiccontentandinteractiveelementsthatengereaders.AllaboutAMPEmailsAMPAdsServelightningfastandsecureeye-catchingcreatives.AllaboutAMPAdsThelatestnewsDon'twanttomissanyofthegreatstuffthathappensaroundAMP?Thenalwaysbefirstinlineandsubscribetoournewsletter!SubscribeSubscribeStoriesWebStoryFormsunlockmorewaystoengeyouraudienceFebruary28,2022BentoIntroducingBentoDecember8,2021StoriesWebStoriescalltoactionbuttonsgetanupgradeSeptember15,2021WebsitesEasyTikTokembeddingwiththenewamp-tiktokSeptember13,2021StoriesRicherinteractionsinWebStoriesAugust26,2021StoriesBettervideoperformanceinWebStoriesAugust24,2021ExploreAMPsuccessstoriesDon’ttakeourwordforit-readcasestudiesfromindustrysuccessstoriesandseehowAMPhasproducedpositiveresults.SeeallsuccessstorieswebsitesAMPhelpstheWashingtonPostincreasereturningusersfrommobilesearchby23%publisherswebsitesTeadsbringsAMP'dmobilevideoinventorytonearly100publishersadvertiserswebsitesCarvedincreasesconversionrateby75%withAMPandPWAe-commercewebsitesWompMobileconsistentlyimprovese-commerceclients’conversionrateswithAMPsitese-commerceOfcourse,thissiteismadewithAMP!FollowusOverviewAMPFrameworkUseCasesSuccessstoriesFunctionalityDocsGetStartedGuidesandTutorialsComponenAMP - un cadre de composants Web qui facilite la création de l'expérience Web d'abord de l'utilisateur - AMP. DéveloppementtsExamplesDesignTemplatesToolsCommunityPlatformandVendorPartnersContributeRoadmapOpenJSFoundationTheOpenJSFoundationOpenJSFoundationBylawsTrademarkPolicyTrademarkListEventsAMPConf2020AMPContributorSummit2019AMPBrandMaterialsStyleguideLogosTermsofUsePrivacyPolicyCookiePolicy©OpenJSFoundationandAMPProjectcontributors.Allrightsreserved.TheOpenJSFoundationhasregisteredtrademarksandusestrademarks.ForalistoftrademarksoftheOpenJSFoundation,pleaseseeourTrademarkPolicyandTrademarkList.TrademarksandlogosnotindicatedonthelistofOpenJSFoundationtrademarksaretrademarks™orregistered®trademarksoftheirrespectiveholders.Useofthemdoesnotimplyanyaffiliationwithorendorsementbythem.Theservicesailableatcdn.ampproject.orgareprovidedbyGoogleandtherespectiveprivacypolicyapplies.Weusecookiestounderstandhowyouuseoursiteandtoimproveyourexperience.Bycontinuingtouseoursite,youacceptouruseofcookiesandprivacypolicy.Gotit!