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

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

На главную

Figma Generative plugins can use on-canvas handles. Lets use it to manipulate a vector. Here are 3 quick examples that build on each other: 1. point 2. point + radius 3. point + angle + radius 4. multiple handles next: point + radius 🧵

jjcall's profile picture

Jason Calleiro

1,156 subscribers

14,093 просмотров • 3 дней назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

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

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

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

I missed #AnimatingSoilModels. So I visualised Mohr's circle with GeoGebra. In the interactive figure you can vary the radius and move point A and centre point C:
1:10

I missed #AnimatingSoilModels. So I visualised Mohr's circle with GeoGebra. In the interactive figure you can vary the radius and move point A and centre point C:

Gertraud Medicus

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

Must be time for the Q4 nested radius post 📅 Remember, the CSS tip is that you can use custom properties to work out the nested radius of elements for you 😎 .panel { --radius: 28px; --padding: 8px; --nested-radius: calc(var(--radius) - var(--padding); } .content { border-radius: var(--nested-radius); } Here's an interactive visual you can mess with 🤙 CodePen.IO link below 👇
0:32

Must be time for the Q4 nested radius post 📅 Remember, the CSS tip is that you can use custom properties to work out the nested radius of elements for you 😎 .panel { --radius: 28px; --padding: 8px; --nested-radius: calc(var(--radius) - var(--padding); } .content { border-radius: var(--nested-radius); } Here's an interactive visual you can mess with 🤙 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

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

You can create the outer radius with CSS alone and no SVG 🤙 1. Create 2 elements 2x the radius size 2. Pin each side 3. Clip segment: clip-path: inset(50% 50% 0 0) 4. Radial gradient mask a pseudo 5. Border the other 6. Flip one side with scale: -1 1; Easier to watch 👇😅
0:28

You can create the outer radius with CSS alone and no SVG 🤙 1. Create 2 elements 2x the radius size 2. Pin each side 3. Clip segment: clip-path: inset(50% 50% 0 0) 4. Radial gradient mask a pseudo 5. Border the other 6. Flip one side with scale: -1 1; Easier to watch 👇😅

jhey ʕ•ᴥ•ʔ

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

CSS Tip! 🤙 Use custom properties to work out the nested radius of elements for you 😎 .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } Couldn't resist making an interactive visual! CodePen.IO link below 👇
0:48

CSS Tip! 🤙 Use custom properties to work out the nested radius of elements for you 😎 .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } Couldn't resist making an interactive visual! CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

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

India first versus family first ! Impact/Landing point names on Moon 1. Chandrayaan1: Jawahar Point 2. Chandrayaan2: Tiranga Point 3. Chandrayaan3: Shivshakti Point Lander was called Vikram Lander after Vikram Sarabhai Had it been UPA they would have never sent Chandrayaan 2 & 3 & if they did they would have named it Indira Point and Rajiv Point
1:36

India first versus family first ! Impact/Landing point names on Moon 1. Chandrayaan1: Jawahar Point 2. Chandrayaan2: Tiranga Point 3. Chandrayaan3: Shivshakti Point Lander was called Vikram Lander after Vikram Sarabhai Had it been UPA they would have never sent Chandrayaan 2 & 3 & if they did they would have named it Indira Point and Rajiv Point

Shehzad Jai Hind (Chowkidar as per INC ecosystem)

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

🇨🇳☢️ China showcased its DF-5C intercontinental ballistic missile (ICBM) at the Beijing parade. With a global strike radius, the DF-5C is capable of carrying multiple nuclear warheads and reaching any point on Earth.
0:21

🇨🇳☢️ China showcased its DF-5C intercontinental ballistic missile (ICBM) at the Beijing parade. With a global strike radius, the DF-5C is capable of carrying multiple nuclear warheads and reaching any point on Earth.

DD Geopolitics

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

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!
3:33

New year / New frame improvements in Figma ! 🥳 1. (0,0) origin point for new frames on a blank canvas 2. New frames remember previous dimensions 3. New Quick add insert to duplicate new frame (press option / alt to add blank frame) Let's go!

miggi from figma

79,532 просмотров • 1 год назад

1, 2, 3, 4, 5, 6 point perspectives
0:31

1, 2, 3, 4, 5, 6 point perspectives

ginyoagoldie

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

6’10 3 Level Point Center Cleaner Build on 2K26 #NBA2K26
0:44

6’10 3 Level Point Center Cleaner Build on 2K26 #NBA2K26

NBA2KLab

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

HIGH POINT MAKES IT A 3-POINT GAME ‼️
0:20

HIGH POINT MAKES IT A 3-POINT GAME ‼️

Bleacher Report

1,304,442 просмотров • 1 год назад

In a recent video, I showed that in a 3-4-5 right triangle, the radius of the inscribed circle is 1. We can generalize this: in an a-b-c right triangle, the radius of the inscribed circle is (a+b-c)/2. Here's how we know this:
2:13

In a recent video, I showed that in a 3-4-5 right triangle, the radius of the inscribed circle is 1. We can generalize this: in an a-b-c right triangle, the radius of the inscribed circle is (a+b-c)/2. Here's how we know this:

Howie Hua

48,106 просмотров • 6 месяцев назад

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.
0:33

React tip: "use client" misconceptions (1/5) 🚫 You need to mark EVERY individual file with "use client" to ensure it is a Client Component. ✅ You only need to mark each client entry point ONCE. Modules imported into a "use client" file are already part of the client bundle. (0:05) Adding "use client" to `3.js` marks the file as a client entry point, including it in the client bundle. (0:11) Importing `d()` into `3.js` (a client entry point) also includes it in the client bundle. (0:14) Adding "use client" to `4.js` has no additional bundling effect on `d()` because it is already part of the client bundle. (0:23) All modules (and their dependencies) imported to `3.js` are included in the client bundle. (0:26) Removing "use client" from `3.js` moves it and its dependencies into the server bundle.

Delba

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

it's that time again — the Q2 '25 CSS nested radius post .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } * realistically these will be static values
0:27

it's that time again — the Q2 '25 CSS nested radius post .parent { --nested-radius: calc(var(--radius) - var(--padding)); } .nested { border-radius: var(--nested-radius); } * realistically these will be static values

jhey ʕ•ᴥ•ʔ

161,396 просмотров • 1 год назад

The classic Spool Problem (Bicycle Wheel Paradox) is the perfect test of intuition vs. reality. Watch what happens when you pull the crank forward: Crank Radius: Rolls BACKWARD. (Wait, what?) Crank ≈ Radius: Pure Z-axis rotation! Why? It’s all about the line of action relative to the instantaneous center of rotation (the contact point on the table). If the force acts below that pivot, the torque reverses. Credit: PhysicsNinja
0:40

The classic Spool Problem (Bicycle Wheel Paradox) is the perfect test of intuition vs. reality. Watch what happens when you pull the crank forward: Crank Radius: Rolls BACKWARD. (Wait, what?) Crank ≈ Radius: Pure Z-axis rotation! Why? It’s all about the line of action relative to the instantaneous center of rotation (the contact point on the table). If the force acts below that pivot, the torque reverses. Credit: PhysicsNinja

Cosmos Archive

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

How to draw 3 point perspective. Let’s start with a video. A thread 🧵 1/6
0:30

How to draw 3 point perspective. Let’s start with a video. A thread 🧵 1/6

Mitch Leeuwe

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

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"
0:45

3D CSS image slider works well on device 🤙 li { --item-width: clamp(120px, 20vmin, 12rem); --radius: calc( (var(--item-width) / sin(var(--inner-angle))) * -1 ); } It's cool how you can use a clamped value with "calc"

jhey ʕ•ᴥ•ʔ

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

Clauses 47 & 48: i) Killing Palestinians in Gaza 3 & 4 Blast radius of bombs; a "war on children."
1:52

Clauses 47 & 48: i) Killing Palestinians in Gaza 3 & 4 Blast radius of bombs; a "war on children."

Palestine Festival of Literature

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

Nick Saban - MOFC Bunch Checks - Lock & Level = Lock the point man. Play man on #1 at three yards and man on #3 at six yards (Levels) - Traffic = Lock the point man and play in and out on #1 and #3. - Interstate = Show lock alignment on point, but play man on #3. CB/Safety plays push alert on #1 and #2.
2:15

Nick Saban - MOFC Bunch Checks - Lock & Level = Lock the point man. Play man on #1 at three yards and man on #3 at six yards (Levels) - Traffic = Lock the point man and play in and out on #1 and #3. - Interstate = Show lock alignment on point, but play man on #3. CB/Safety plays push alert on #1 and #2.

James Light

29,520 просмотров • 6 месяцев назад