Chrome for Developers

※本サイトに掲載されているチャンネル情報や動画情報はYouTube公式のAPIを使って取得・表示しています。

Videos

動画一覧

動画数:1649件

Speculation Rules API updates #shorts

Speculation Rules API updates #shorts

Sites can use the Speculation Rules API, to programmatically tell Chrome which pages to prerender, creating a better user experience by reducing page navigation time. #NewInChrome #ChromeForDevelopers Speaker: Adriana Jara; Products Mentioned: Chrome; #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: CD: New in Chrome; #ct:Excerpt #type:; #gds:Yes; #New in chrome #new in chrome latest #new in chrome updates #ReleaseWeb #WebApp #WebFundamentals #Developers #Browser #HTML5 #JavaScript #GoogleDevelopers #Web #ChromeDevelopers #chrome121 #new-in-chrome #Speculation Rules API #Capture Element API #CSS
2024年02月08日
00:00:00 - 00:00:50
CapCut brings powerful video editing to the browser

CapCut brings powerful video editing to the browser

Browser capabilities now enable advanced video editing apps to come to the web. See how @CapCutofficial did it with WebAssembly, WebCodecs and more #ChromeForDevelopers #GetYourWebOn Speaker: Adriana Jara; #Chrome #Developers #Google #Web #pr_pr: Chrome; #ct:Trailer/Promo #type:Youtube Shorts; #gds:Yes; #Capcut #what is capcut #how to use capcut #capcut tutorial #Chrome for developers #chrome latest #chrome updates #get your web on #chrome developer #chrome developers #google chrome developer #google chrome developers #chrome #google #Adriana Jara
2024年02月07日
00:00:00 - 00:00:53
scrollbar-color, scrollbar-width, font-palette #shorts

scrollbar-color, scrollbar-width, font-palette #shorts

The properties scrollbar-color and scrollbar-width are now available. With them you can customize scrollbars and change—as you probably guessed—their color and width. The font-palette property lets you select a specific palette to render a color font. This property now supports animation, so switching between palettes becomes a smooth transition between the two selected palettes. #NewInChrome #ChromeForDevelopers Speaker: Adriana Jara; Products Mentioned: Chrome; #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: CD: New in Chrome; #ct:Excerpt #type:; #gds:Yes; #New in chrome #new in chrome latest #new in chrome updates #ReleaseWeb #WebApp #WebFundamentals #Developers #Browser #HTML5 #JavaScript #GoogleDevelopers #Web #ChromeDevelopers #chrome121 #new-in-chrome #Speculation Rules API #Capture Element API #CSS
2024年02月02日
00:00:00 - 00:00:43
Debugging speculative navigations for faster page loads #DevToolsTips

Debugging speculative navigations for faster page loads #DevToolsTips

Jecelyn teams up with Barry again to talk about the new Speculation Rules API which can be used to prefetch and prerender future page navigations to greatly improve page load speed! Learn how DevTools can help you debug your speculation rules, switch renderer, and live trace prerender status’s. Chapters: 0:00 Intro 0:39 A glance at the speculation rules 1:08 Debug speculative loads tabs in DevTools 1:59 Switching renderer in DevTools 2:45 Predict the next actions 3:35 Configure speculation rules to prerender next page on hover 4:01 Live trace prerender status in DevTools 4:46 Learn more Resources: Demo → https://goo.gle/48KMA29 Debugging speculation rules → https://goo.gle/debugging-speculation-rules Prerender pages in Chrome → https://goo.gle/4bcCCIj Catch more DevTools Tips → https://goo.gle/DevToolsTips Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs #DevToolsTips #ChromeForDevelopers #Chrome Speaker: Jecelyn Yeen, Barry Pollard; Products Mentioned: Chome; #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: CD: DevTools; #Ct:; #type: ; #gds:Yes; #Debugging speculative navigations for faster page loads #debugging speculative navigations #how to debug speculative navigations #Devtools tips #devtools #devtools tutorial #devtools latest #devtools updates #introduction to devtools #intro to devtools #chrome developer #chrome developers #chrome for developers #chrome #google chrome #google #Jecelyn Yeen #Barry Pollard #web
2024年01月26日
00:00:00 - 00:05:22
color-mix() #shorts

color-mix() #shorts

he CSS color-mix() function lets you mix colors, in any of the supported color spaces, right from your CSS. #ChromeForDevelopers #Chrome Speaker: Una Kravets; Products Mentioned: Chrome; #Chrome #Developers #Google #Web #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: Chrome; #ct:Excerpt #type:; #gds:Yes; #color-mix #what is color-mix #color mix #what is color mix #how to use color-mix #how to use color mix #introduction to color-mix #introduction to color mix #color mix tutorial #color-mix tutorial #chrome developer #chrome for developers #Una Kravets #chrome #google chrome #chrome latest #chrome updates
2024年01月24日
00:00:00 - 00:00:53
New in Chrome 121: CSS updates, improvements to the Speculation Rules API, and more!

New in Chrome 121: CSS updates, improvements to the Speculation Rules API, and more!

Chrome 121 is rolling out now! With CSS updates, improvements to the Speculation Rules API, an origin trial for Element Capture API and there’s plenty more. Adriana Jara has all the details about what’s new for developers in Chrome 121. Check out https://goo.gle/4b5KRGc for a deeper dive, including links to docs, specs and samples. Check out more videos → https://goo.gle/NewInChrome Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs #NewInChrome #ChromeForDevelopers #Chrome Speaker: Adriana Jara; Products Mentioned: Chrome; #Chrome #Developers #Google #Web #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: CD: New in Chrome; Ct:; #type: ; #gds:Yes; #new in chrome #new in chrome latest #new in chrome updates #ReleaseWeb #WebApp #WebFundamentals #Browser #HTML5 #JavaScript #GoogleDevelopers #ChromeDevelopers #chrome121 #new-in-chrome #Speculation Rules API #Capture Element API #CSS #Adriana Jara
2024年01月24日
00:00:00 - 00:04:16
Has() selector #shorts

Has() selector #shorts

The has() selector is one of the most powerful new CSS capabilities landing in modern browsers. #ChromeForDevelopers Speaker: Una Kravets; Products Mentioned: Chrome; #Chrome #Developers #Google #Web #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: Chrome #ct:Excerpt #type:; #gds:Yes;
2024年01月20日
00:00:00 - 00:00:48
Container queries #shorts

Container queries #shorts

CSS container queries allow you to manipulate the element's styles based on its parent container properties. This capability shifts the concept of responsive web design from page-based to container-based. #ChromeForDevelopers Speaker: Una Kravets; Products Mentioned: Chrome; #Chrome #Developers #Google #Web #pr_pr: Chrome; #Purpose: Please Select (G4D) #Campaign: select from; #ct:Excerpt #type:; #gds:Yes; #chrome for developers #container queries #what are container queries #how to use container queries #intro to container queries #introduction to container queries #Una Kravets
2024年01月18日
00:00:00 - 00:01:00
text-wrap: balance #shorts

text-wrap: balance #shorts

Without text-wrap: balance; designers, content editors and publishers have few tools to change the way lines are balanced. #ChromeForDevelopers Speaker: Una Kravets; Products Mentioned: Chrome; #pr_pr: Chrome; #Purpose: Learn; #Campaign: select from; #ct:Developer Culture #type:; #gds:Yes; #Chrome shorts #chrome developer shorts #chrome latest #chrome updates #css #css tutorial #introduction to css #intro to css #developer #web developer #web #chrome developer #chrome developers #google chrome developers #google chrome #chrome #google
2024年01月12日
00:00:00 - 00:00:37
Building multiple Progressive Web Apps on the same domain

Building multiple Progressive Web Apps on the same domain

Learn best practices to build multiple PWAs, taking advantage of the same domain name, and make the user aware that those PWAs belong to the same organization or service. This is a second video of a 2-part series about PWAs on sites that contain multiple origins. Check out part 1: Progressive Web Apps in multi origin sites → https://goo.gle/41KOSvn Chapters: 00:00 - Introduction of the series 00:20 - Summary of part 1: Multi origin PWAs 1:26 - Building multiple PWAs on the same domain 1:44 - Examples of multiple PWAs in the same domain 2:51 - Recommended strategy 4:10 - Non-recommended strategies 7:36 - Summary of strategies 8:55 - Additional resources Resources: Building multiple PWAs on the same domain article → https://goo.gle/multiple-pwas-same-domain Multi origin PWAs article → https://goo.gle/3RMeaVz Subscribe to Chrome for Developers → https://goo.gle/ChromeDevs #ChromeForDevelopers #Chrome Speaker: Demian Renzulli; #pr_pr: Chrome; #ct: Chrome One-Offs; #type: DevByte (deck cleanup 2-10min); #gds:Yes; #chrome for developers #chrome developers #chrome developer #chrome for developers latest #google chrome #chrome #google #progressive web apps #pwa #subdomains #multi origin sites #multiple origins #progressive web apps in multi origin sites #progressive web apps on multiple subdomains #Demian Renzulli #web development #scope extensions #service workers #caching
2024年01月05日
00:00:00 - 00:09:33