Загрузка видео...

Не удалось загрузить видео

На главную

Use Copilot to kickstart your CSS layout. Ctrl + i toggles the inline chat.

code's profile picture

Visual Studio Code

812,484 subscribers

65,768 просмотров • 3 лет назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 8

Фото профиля Visual Studio Code
Visual Studio Code3 лет назад

Cmd + i on Mac

Фото профиля Hitesh Choudhary
Hitesh Choudhary3 лет назад

I will be showing if off in my next youtube video 😁

Фото профиля Open Dev Log
Open Dev Log3 лет назад

Love copilot!

Фото профиля g!
g!3 лет назад

@oinotna_luiz @CaboRomansini

Фото профиля Дмитро *не виспався*
Дмитро *не виспався*3 лет назад

Holly cow!

Фото профиля ycsg
ycsg3 лет назад

如何实现分屏？预览

Фото профиля Jenan’s Husband
Jenan’s Husband3 лет назад

I just took a screenshot ...thanks

Фото профиля Sudaraka Senevirathne
Sudaraka Senevirathne3 лет назад

a gem for full-stacked backend devs 🤣

Похожие видео

I feel like the GitHub Copilot team created the Ctrl + s shortcut just for me!
0:58

I feel like the GitHub Copilot team created the Ctrl + s shortcut just for me!

GPS

21,668 просмотров • 2 месяцев назад

3 lines of CSS to make your tooltips/menus stay in view 🤯 (Check it! 👇) [popover] { top: anchor(top); left: anchor(right); position-try-options: flip-block, flip-inline; } Responds to scroll, layout change, etc. Watch the nested menu 👇 Anchor Positioning is coming 🚀
1:12

3 lines of CSS to make your tooltips/menus stay in view 🤯 (Check it! 👇) [popover] { top: anchor(top); left: anchor(right); position-try-options: flip-block, flip-inline; } Responds to scroll, layout change, etc. Watch the nested menu 👇 Anchor Positioning is coming 🚀

jhey ʕ•ᴥ•ʔ

484,589 просмотров • 2 лет назад

Quickly and easily create a CSS Grid layout for your website!
0:23

Quickly and easily create a CSS Grid layout for your website!

Marko Denic

211,489 просмотров • 1 год назад

From Copilot Chat to Copilot in your PRs, the CLI, and much, much more. Join us for a look at the future of GitHub Copilot. 🔮
1:05

From Copilot Chat to Copilot in your PRs, the CLI, and much, much more. Join us for a look at the future of GitHub Copilot. 🔮

GitHub

295,075 просмотров • 3 лет назад

Make your tooltips and menus stay in view with 3 lines of CSS 🤙 .menu { top: anchor(top); left: anchor(right); position-try-fallbacks: flip-block, flip-inline; } Property updated 📝 Responds to scroll, layout change, etc. Watch 👇 Anchor Positioning is coming 🚀
0:26

Make your tooltips and menus stay in view with 3 lines of CSS 🤙 .menu { top: anchor(top); left: anchor(right); position-try-fallbacks: flip-block, flip-inline; } Property updated 📝 Responds to scroll, layout change, etc. Watch 👇 Anchor Positioning is coming 🚀

jhey ʕ•ᴥ•ʔ

88,069 просмотров • 2 лет назад

From Copilot Workspace to Copilot Chat, the future of the developer environment is AI-native on This is o1 & Copilot, right where you manage your code.
0:42

From Copilot Workspace to Copilot Chat, the future of the developer environment is AI-native on This is o1 & Copilot, right where you manage your code.

Thomas Dohmke

45,614 просмотров • 2 лет назад

responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) { grid-template-columns: var(--sidebar-width) 1fr; } aside:popover-open { translate: 0 var(--ctrl); height: var(--extend); } actual zero JS for the layout transition here so many details to play with! 🧑‍🍳
0:36

responsive CSS pinned sidebar transition 📌 .layout:has(:popover-open) { grid-template-columns: var(--sidebar-width) 1fr; } aside:popover-open { translate: 0 var(--ctrl); height: var(--extend); } actual zero JS for the layout transition here so many details to play with! 🧑‍🍳

jhey ʕ•ᴥ•ʔ

387,391 просмотров • 11 месяцев назад

New in TanStack Start: route-aware CSS inlining. Inline initial route CSS during SSR to reduce blocking stylesheet requests and improve FCP.
0:32

New in TanStack Start: route-aware CSS inlining. Inline initial route CSS during SSR to reduce blocking stylesheet requests and improve FCP.

TANSTACK

91,407 просмотров • 4 месяцев назад

CSS Tip! ✨ You can make your component styles portable with container queries 😎 Change a card layout based on size 🔥 Remove button text when it's small 🤏 .card {container-type: inline-size;} @ container (min-width: 50ch) {.info { grid-column: 2; }} CodePen.IO link below 👇
0:28

CSS Tip! ✨ You can make your component styles portable with container queries 😎 Change a card layout based on size 🔥 Remove button text when it's small 🤏 .card {container-type: inline-size;} @ container (min-width: 50ch) {.info { grid-column: 2; }} CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

311,583 просмотров • 3 лет назад

CSS Tip! 🔮 Use scroll-linked animations to create list animations ✨ li { view-timeline: --i inline; } .card { scale: 0.8; animation-timeline: --i; animation: s; animation-delay:cover 40%; animation-end-delay:cover 60%; } keyframes s { 50% { scale:1; }} CodePen.IO link below!👇
0:36

CSS Tip! 🔮 Use scroll-linked animations to create list animations ✨ li { view-timeline: --i inline; } .card { scale: 0.8; animation-timeline: --i; animation: s; animation-delay:cover 40%; animation-end-delay:cover 60%; } keyframes s { 50% { scale:1; }} CodePen.IO link below!👇

jhey ʕ•ᴥ•ʔ

110,306 просмотров • 3 лет назад

Responsive Layout - CSS It's easier to learn something when it is animated. 🚀
0:26

Responsive Layout - CSS It's easier to learn something when it is animated. 🚀

Ali Reza

141,812 просмотров • 3 лет назад

Is your JSON data getting hung up with trailing commas or incorrect data types? Just ask GitHub Copilot Chat what’s wrong and how to fix it 🛠️ Learn more in the Copilot Chat Cookbook.
0:34

Is your JSON data getting hung up with trailing commas or incorrect data types? Just ask GitHub Copilot Chat what’s wrong and how to fix it 🛠️ Learn more in the Copilot Chat Cookbook.

GitHub

29,212 просмотров • 1 год назад

4 ways to go from Figma layout to HTML/CSS with AI. The first method sucks. The fourth method is goated. Figma
6:55

4 ways to go from Figma layout to HTML/CSS with AI. The first method sucks. The fourth method is goated. Figma

Gary Simon

33,571 просмотров • 11 месяцев назад

As soon as I saw the GitHub Copilot SDK, I knew EXACTLY what I wanted to use it for!
2:22

As soon as I saw the GitHub Copilot SDK, I knew EXACTLY what I wanted to use it for!

Gwyneth Peña-Siguenza

120,831 просмотров • 7 месяцев назад

Want your own PostgreSQL expert, right in Visual Studio Code? Use the PostgreSQL DBA chat mode for a more tailored chat experience! Find it in the repo, a community-contributed resource for customizing GitHub Copilot.
1:17

Want your own PostgreSQL expert, right in Visual Studio Code? Use the PostgreSQL DBA chat mode for a more tailored chat experience! Find it in the repo, a community-contributed resource for customizing GitHub Copilot.

Visual Studio Code

24,522 просмотров • 1 год назад

I saw this nifty CSS Video Masking technique on the iPad website. Pretty neat use of CSS - not what I expected!
2:28

I saw this nifty CSS Video Masking technique on the iPad website. Pretty neat use of CSS - not what I expected!

Wes Bos

583,465 просмотров • 2 лет назад

🧳 Bring Your Own AI Models to GitHub Copilot in VS Code Use your own Azure-hosted AI models with GitHub Copilot in VS Code. See how Bring Your Own Key (BYOK) lets you connect models from Microsoft Foundry, choose which models appear in Copilot, and use the right model for different coding tasks.
1:39

🧳 Bring Your Own AI Models to GitHub Copilot in VS Code Use your own Azure-hosted AI models with GitHub Copilot in VS Code. See how Bring Your Own Key (BYOK) lets you connect models from Microsoft Foundry, choose which models appear in Copilot, and use the right model for different coding tasks.

Visual Studio Code

38,017 просмотров • 8 дней назад

How to use the COPILOT () Function in Excel 📊
0:59

How to use the COPILOT () Function in Excel 📊

Mike Tholfsen

10,948 просмотров • 4 месяцев назад