web.dev

about 5000~500000

206

Great show. Can be successful Ji one prosperity and one decline. toil in vain

1

216.239.32.27

web.dev{"@context":"schema.org","@type":"Article","headline":""}{"@context":"httpschema.org/","@type":"Organization","name":"web.dev","logo":"/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/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"}}AboutBlogArticlesLearnExplorePatternsCasestudiesEnglishDeutschEspañol–AméricaLatinaFrançaisIndonesiaItalianoPolskiPortuguês–BrasilTiếngViệtTürkçeРусскийעבריתالعربيّةفارسیहिंदीবাংলাภาษาไทย中文–简体中文–繁體語한국어SigninGuidancetobuildmodernwebexperiencesthatworkonanybrowser.AboutBlogArticlesLearnExplorePatternsCasestudiesThewebisbackatGoogleI/OonMay14!Registernow.web.devStayorganizedwithcollectionsSeandcategorizecontentbasedonyourpreferences.Buildingabetterweb,togetherWewanttohelpyoubuildbeautiful,accessible,fast,andsecurewebsitesthatworkcross-browser,andforallofyourusers.Thissiteisourhomeforcontenttohelpyouonthatjourney,writtenbymembersoftheChrometeam,andexternalexperts.Aboutweb.devGoogleI/OprogramdetailsarenowliveGetasneakpeekofwebcontentatGoogleI/Othathelpsyouworksmarterandsimplifyyourdevelopmentworkflow.Registernow!AnewwaytomeasureinteractionresponsivenessStartmeasuringandoptimizingyoursite'sInteractiontoNextPaint(INP)performance.ItofficiallybecameaCoreWebVitalmetriconMarch12.LearnmoreWhat'snew?IntroducingBaselineAtGoogleI/O2023weannouncedBaseline,learnmoreaboutthisinitiativeandwhywethinkit'simportant.LearnmoreaboutBaselineNewtothewebplatforminApril.DiscoversomeoftheinterestingfeaturesthatlandedinstableandbetawebbrowsersduringApril2024.Discoverwhat'snewTheCSSPodcastFollowUnaKretsandAdamArgyle,developeradvocatesfromGoogle,whogleefullybreakdowncomplexaspectsfromCSSintodisgestibleepisodesofthispodcast.ListennowCSSandUIdesignLearnthelatesttipsandtechniquestouseinyourwork,rightnow.AdaptingtypographytouserpreferenceusingCSSAdaptafonttoyourusers'preferences,sothey'remaximallycomfortablereadingyourcontent.NewCSScolorspacesandfunctionsinallmajorenginesAllmajorenginesnowsupportthenewCSScolorspacesandfunctions.Findouthowtheycanbringvibrancytoyourdesigns.Whataresourcemaps?Improvewebdebuggingexperiencewithsourcemaps.CSSsubgridSubgridisnowinteroperableacrossallthreemajorengines.Findouthowtouseit.CoreWebVitalsBuildfasterwebsitesandappsbyunderstandingCoreWebVitalsandothermetrics.ExploreCoreWebVitalsInteractiontoNextPaintbecomesaCoreWebVitalonMarch12InteractiontoNextPaintwillofficiallybecomeaCoreWebVitalandwillreplaceFirstInputDelayonMarch12.HowtooptimizeINPLearnhowtooptimizefortheInteractiontoNextPaintmetric.OurtopCoreWebVitalsrecommendationsfor2023Acollectionofbestpracticesforoptimizingwebsites'CoreWebVitalsperformancebasedonthestateofthewebin2023.UsetheWebVitalsextensiontodebugCoreWeweb.devbVitalsissues.TheWebVitalsextensionnowshowsyoumoredebugginginformationtohelpyouidentifytherootcausesofCoreWebVitalsissues.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.PaymentandaddressformbestpracticesMaximizeconversweb.devionsbyhelpingyouruserscompleteaddressandpaymentformsasquicklyandeasilyaspossible.DeveloperNewsletterGetthelatestnews,techniquesandupdatesstraighttoyourinbox.[{"type":"thumb-down","id":"missingTheInformationINeed","label":"MissingtheinformationIneed"},{"type":"thumb-down","id":"tooComplicatedTooManySteps","label":"Toocomplicated/toomanysteps"},{"type":"thumb-down","id":"outOfDate","label":"Outofdate"},{"type":"thumb-down","id":"samplesCodeIssue","label":"Samples/codeissue"},{"type":"thumb-down","id":"otherDown","label":"Other"}][{"type":"thumb-up","id":"easyToUnderstand","label":"Easytounderstand"},{"type":"thumb-up","id":"solvedMyProblem","label":"Solvedmyproblem"},{"type":"thumb-up","id":"otherUp","label":"Other"}]web.devweb.devWewanttohelpyoubuildbeautiful,accessible,fast,andsecurewebsitesthatworkcross-browser,andforallofyourusers.Thissiteisourhomeforcontenttohelpyouonthatjourney,writtenbymembersoftheChrometeam,andexternalexperts.ContributeFileabugSeeopenissuesRelatedContentChromeforDevelopersChromiumupdatesCasestudiesPodcasts&showsConnect@ChromiumDevonXYouTubeChromeforDevelopersonLinkedInTermsPrivacyManecookiesEnglishDeutschEspañ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/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/web/js/app_loader.js','[27,"en",null,"/js/devsite_app_module.js","/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6","/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/web","web-dot-devsite-v2-prod-3p.appspot.com",1,null,["/_pwa/web/manifest.json","/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/imes/video-placeholder.svg","/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/web/imes/ficon.png","/devrel-devsite/prod/v1814e2cc64f7e87ce5baeab7a59b0b6c0a95a5d8ca796c25ff6/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,web.dev87,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,["MiscFeatureFls__enable_variable_operator","Analytics__enable_cookie_bar","Cloud__enable_cloud_facet_chat","EngEduTelemetry__enable_engedu_telemetry","Search__enable_ai_eligibility_checks","Cloud__enable_cloud_dlp_service","Cloud__enable_llm_concierge_chat","OnSwitch__enable","Profiles__require_profile_eligibility_for_signin","Profiles__enable_developer_profiles_callout","MiscFeatureFls__enable_explain_this_code","Search__enable_dynamic_content_confidential_banner","Cloud__enable_cloud_shell_fte_user_flow","BookN__enable_tenant_cache_key","MiscFeatureFls__enable_firebase_utm","MiscFeatureFls__enable_project_variables","TpcFeatures__enable_mirror_tenant_redirects","Profiles__enable_recognition_badges","Profiles__enable_pe_sing","Experiments__reqs_query_experiments","Profiles__enable_profile_collections","Profiles__enable_awarding_url","CloudShell__cloud_shell_button","Cloud__enable_cloud_shell","Cloud__enable_free_trial_server_call","Concierge__enable_pushui","Search__enable_pe_map","Search__enable_faceted_search","Search__enable_suggestions_from_borg","CloudShell__cloud_code_overflow_menu","Profiles__enable_public_developer_profiles","MiscFeatureFls__emergency_css","Cloud__enable_cloudx_experiment_ids","Cloud__enable_cloudx_ping","Profiles__enable_release_notes_notifications","MiscFeatureFls__developers_footer_ime","MiscFeatureFls__developers_footer_dark_ime","Profiles__enable_dashboard_curated_recommendations"],null,null,"AIzaSyA58TaKli1DculwmAmbpzLVGuWc8eCQgQc","developerscontentserving-pa.googleapis.com","AIzaSyDWBU60w0P9hEkr29kkksYs8Z7gvZ8u_wc","developerscontentsearch-pa.googleapis.com",2,4,null,"developerprofiles-pa.googleapis.com"]')