local na rede Internet:Web. Dev.contente
web.dev{"@context":"schema.org","@type":"Article","headline":""}{"@context":"httpschema.org/","@type":"Organization","name":"web.dev","logo":"/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/web/imes/touchicon-180.png","url":"web.dev/"}{"@context":"httpschema.org","@type":"WebSite","name":"web.dev","url":"web.dev/","potentialAction":{"@type":"SearchAction","target":"web.dev/s/results?q={search_term_string}","query-input":"requiredname=search_term_string"}}AboutHTMLCSSJaScriptBlogLearnExplorePatternsCasestudies/EnglishDeutschEspañol–AméricaLatinaFrançaisIndonesiaItalianoPolskiPortuguês–BrasilTiếngViệtTürkçeРусскийעבריתالعربيّةفارسیहिंदीবাংলাภาษาไทย中文–简体中文–繁體語한국어SigninGuidancetobuildmodernwebexperiencesthatworkonanybrowser.AboutHTMLCSSJaScriptBlogLearnExplorePatternsCasestudies/*Stylesinlinedfrom/explore/patch.css*/[theme=web-theme].devsite-landing-row-3-up.wd-explore-3up.devsite-landing-row-item{text-align:left;}[theme=web-theme].wd-explore-3up.devsite-landing-row-item-list-item-descriptionh4{padding:0;}.wd-explore-3up.devsite-landing-row-item-list-item-descriptiona:hover{text-decoration:underline;}[theme=web-theme].devsite-landing-row-3-up.devsite-landing-row-item.wd-3col-icons-list{text-align:left;}[theme=web-theme].wd-explore-2up.devsite-landing-row-item-list-item-descriptiona:hover{text-decoration:underline;}[theme=web-theme].wd-explore-2up.devsite-landing-row-item-list-item-descriptionh4{padding:0;}[theme=web-theme].devsite-landing-row-item-buttons.left{justify-self:flex-start;}[theme=web-theme].devsite-landing-row-3-up.devsite-landing-row-cardsimg{max-height:200px;object-fit:cover;}web.devStayorganizedwithcollectionsSeandcategorizecontentbasedonyourpreferences.Buildingabetterweb,togetherWewanttohelpyoubuildbeautiful,accessible,fast,andsecurewebsitesthatworkcross-browser,andforallofyourusers.Thissiteisourhomeforcontenttohelpyouonthatjourney,writtenbymembersoftheChrometeam,andexternalexperts.Aboutweb.devAIandthewebDiscoverresourcescreatedtohelpyouunderstandandbuildperformant,web-firstexperienceswithAI.LearnmoreBaselineBaselinehelpsyoutounderstandwhichwebplatformfeaturesarereadytouseinyourprojectstoday.LearnmoreMeasureinteractionresponsivenessStartmeasuringandoptimizingyoursite'sInteractiontoNextPaint(INP)performance.ItofficiallybecameaCoreWebVitaWeb. Dev.lmetriconMarch12.LearnmoreWhat'snew?BaselineNewlyailableLearnaboutthefeaturesthatarenewlyailableinBaseline.DiscovernewfeaturesNewtothewebplatformDiscoversomeoftheinterestingfeaturesthatlandedinstableandbetawebbrowsers.Discoverwhat'snewTheCSSPodcastFollowUnaKretsandAdamArgyle,developeradvocatesfromGoogle,whogleefullybreakdowncomplexaspectsfromCSSintodisgestibleepisodesofthispodcast.ListennowCSSandUIdesignLearnthelatesttipsandtechniquestouseinyourwork,rightnow.ExploreCSSAdaptingtypographytouserpreferenceusingCSSAdaptafonttoyourusers'preferences,sothey'remaximallycomfortablereadingyourcontent.NewCSScolorspacesandfunctionsinallmajorenginesAllmajorenginesnowsupportthenewCSScolorspacesandfunctions.Findouthowtheycanbringvibrancytoyourdesigns.Whataresourcemaps?Improvewebdebuggingexperiencewithsourcemaps.CSSsubgridSubgridisnowinterWeb. Dev.operableacrossallthreemajorengines.Findouthowtouseit.CoreWebVitalsBuildfasterwebsitesandappsbyunderstandingCoreWebVitalsandothermetrics.ExploreCoreWebVitalsInteractiontoNextPaintbecomesaCoreWebVitalonMarch12InteractiontoNextPaintwillofficiallybecomeaCoreWebVitalandwillreplaceFirstInputDelayonMarch12.HowtooptimizeINPLearnhowtooptimizefortheInteractiontoNextPaintmetric.OurtopCoreWebVitalsrecommendationsAcollectionofbestpracticesforoptimizingwebsites'CoreWebVitalsperformancebasedonthestateofthewebCommonmisconceptionsabouthowtooptimizeLCPExplorecommonmisconceptionsaboutoptimizingLargestContentfulPaint(LCP)bylookingbeyondimeoptimizationandconsideringfactorslikeTimetoFirstByte(TTFB)andresourceloaddelay.ProgressiveWebAppsCreatecapablewebexperiences.MoreonPWALearnPWAAcoursethatbreaksdowneveryaspectofmodernprogressivewebappdevelopment.TransformStreamisnowsupportedcrossbrowser.NowthattransformstreamsaresupportedinSafari,Firefox,andChrometheyarefinallyreadyforprimetime.NewpatternsforamazingappsDiveintoafantasticcollectionofnewpatternsforamazingapps,includingclipboardpatterns,filepatterns,andadvancedapppatterns.ProjectFuguAPIshowcaseOntheChromeDeveloperssite,explorecapabilitiesAPIs.AccessibleforallLearnhowtomakeyoursitesmoreaccessibleforpeoplewithdisabilities,whetherpermanent,temporary,orsituational.MoreonaccessibilityLearnAccessibilityOurnewcourseisagreatentrypointandreferenceforaccessibilitytopics.TestingwebdesigncolorcontrastAnoverviewofthreetoolsandtechniquesfortestingandverifyingaccessiblecolorcontrastofyourdesign.BuildingthemainnigationforawebsiteThistutorialdescribeshowtobuildanaccessiblemainnigationofawebsite.YoulearnaboutsemanticHTML,accessibility,andhowusingARIAattributescansometimesdomoreharmthangood.Communityhighlight:MelanieSumnerReadourinterviewwithMelanie,asoftwareengineerwhospecializesindigitalaccessibility.PaymentsandidentityFindthelatesttechniquesandbestpracticesforpaymentsandhelpinguserssafelylogintoyoursitesandapps.MoreonidentityCreateapasskeyforpasswordlessloginsPasskeysmakeuseraccountssafer,simpler,easiertouse.SigninwithapasskeyCreateasigninexperiencethatusespasskeyswhilestillaccommodatingexistingpasswordusers.WebpaymentsoverviewLearnmoreaboutWebPaymentsandhowtheywork.PaymentandaddressformbestpracticesMaximizeconversionsbyhelpingyouruserscompleteaddressandpaymentformsasquicklyandeasilyaspossible.DeveloperNewsletterGetthelatestnews,techniquesandupdatesstraighttoyourinbox.[[["Easytounderstand","easyToUnderstand","thumb-up"],["Solvedmyproblem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["MissingtheinformationIneed","missingTheInformationINeed","thumb-down"],["Toocomplicated/toomanysteps","tooComplicatedTooManySteps","thumb-down"],["Outofdate","outOfDate","thumb-down"],["Samples/codeissue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]web.devweb.devWewanttohelpyoubuildbeautiful,accessible,fast,andsecurewebsitesthatworkcross-browser,andforallofyourusers.Thissiteisourhomeforcontenttohelpyouonthatjourney,writtenbymembersoftheChrometeam,andexternalexperts.ContributeFileabugSeeopenissuesRelatedContentChromeforDevelopersChromiumupdatesCasestudiesPodcasts&showsFollow@ChromiumDevonXYouTubeChromeforDevelopersonLinkedInRSSTermsPrivacyManecookiesEnglishDeutschEspañol–AméricaLatinaFrançaisIndonesiaItalianoPolskiPortuguês–BrasilTiếngViệtTürkçeРусскийעבריתالعربيّةفارسیहिंदीবাংলাภาษาไทย中文–简体中文–繁體語한국어(function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTName(v)[0];E.parentNode.insertBefore(t,E);})(window,document,'script','/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/web/js/app_loader.js','[27,"en",null,"/js/devsite_app_module.js","/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd","/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/web","web-dot-devsite-v2-prod-3p.appspot.com",1,null,["/_pwa/web/manifest.json","/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/imes/video-placeholder.svg","/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/web/imes/ficon.png","/devrel-devsite/prod/v870e399c64f7c43c99a3043db4b3abb93d0914e84a0c3dba90bbfd/web/imes/lockup.svg","fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,116,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyCNm9YxQumEXwGJgTDjxoxXK6m1F-9720Q","AIzaSyCc76DZePGtoyUjqKrLdsMGk_ry7sljLbY","web.dev","AIzaSyB9bqgQ2t11WJsOX8qNsCQ6U-w91mmqF-I","AIzaSyAdYnStPdzjcJJtQ0mvIaeaMKj7_t6J_Fg",null,null,null,["Profiles__enable_complete_playlist_endpoint","Cloud__enable_llm_concierge_chat","Search__enable_pe_map","CloudShell__cloud_shell_button","OnSwitch__enable","Profiles__enable_awarding_url","DevPro__enable_cloud_innovators_plus","Cloud__enable_free_trial_server_call","Profiles__enable_pe_sing","MiscFeatureFls__enable_firebase_utm","TpcFeatures__enable_required_headers","MiscFeatureFls__developers_footer_dark_ime","Profiles__enable_public_developer_profiles","Cloud__enable_cloud_dlp_service","Cloud__enable_cloud_shell_fte_user_flow","Search__enable_suggestions_from_borg","BookN__enable_tenant_cache_key","Profiles__enable_release_notes_notifications","Experiments__reqs_query_experiments","Search__enable_ai_eligibility_checks","Cloud__enable_cloudx_experiment_ids","MiscFeatureFls__enable_explain_this_code","MiscFeatureFls__enable_variable_operator","MiscFeatureFls__enable_view_transitions","Cloud__enable_legacy_calculator_redirect","CloudShell__cloud_code_overflow_menu","MiscFeatureFls__enable_project_variables","Profiles__enable_developer_profiles_callout","Profiles__require_profile_eligibility_for_signin","Cloud__enable_cloudx_ping","Profiles__enable_profile_collections","DevPro__enable_developer_subscriptions","Analytics__enable_clearcut_logging","EngEduTelemetry__enable_engedu_telemetry","Profiles__enable_recognition_badges","MiscFeatureFls__emergency_css","Concierge__enable_pushui"Web. Dev.,"Profiles__enable_dashboard_curated_recommendations","Profiles__enable_completecodelab_endpoint","Cloud__enable_cloud_facet_chat","Search__enable_dynamic_content_confidential_banner","MiscFeatureFls__developers_footer_ime","TpcFeatures__enable_mirror_tenant_redirects","Cloud__enable_cloud_shell"],null,null,"AIzaSyA58TaKli1DculwmAmbpzLVGuWc8eCQgQc","developerscontentserving-pa.googleapis.com","AIzaSyDWBU60w0P9hEkr29kkksYs8Z7gvZ8u_wc","developerscontentsearch-pa.googleapis.com",2,4,null,"developerprofiles-pa.googleapis.com",[27,"web","web.dev","web.dev",null,"web-dot-devsite-v2-prod-3p.appspot.com",null,null,[null,null,null,null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],null,null,null,null,[1,null,1],[1,1,null,1,1]],null,[38,null,null,null,null,null,"/imes/lockup.svg","/imes/touchicon-180.png",null,null,null,1,1,null,null,null,null,null,null,null,null,2,null,null,null,"/imes/lockup-dark-theme.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[[],[1,1]],[[null,null,null,null,null,["GTM-MZWCJPP"],null,null,null,null,null,[["GTM-MZWCJPP",1]],1]],null,4]]')