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

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

На главную

If elements ever shift unexpectedly by a few pixels during an animation and you can’t figure out why, try using the `will-change` CSS property. It promotes the element to its own GPU compositing layer. Use it sparingly though, since overusing it can hurt performance.

jakubkrehel's profile picture

Jakub Krehel

20,904 subscribers

140,643 просмотров • 3 месяцев назад •via X (Twitter)

ИгрыОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️
0:19

This one CSS property will fix your z-index headache. In CSS, a child element with z-index will overlap with any fixed or floating elements outside its container. Instead of stacking higher and higher values to fix it. Use this instead: .card-container { isolation: isolate; } With that, any elements with z-index inside the container will be contained. If you found this useful, follow for more. ❤️

Ali

16,738 просмотров • 3 месяцев назад

three/webgpu + TSL in react-three-fiber, if you ever wanted to try it out though this part of three is under construction it has great potential. former cpu tasks could quite effortlessly be put onto the gpu.
0:14

three/webgpu + TSL in react-three-fiber, if you ever wanted to try it out though this part of three is under construction it has great potential. former cpu tasks could quite effortlessly be put onto the gpu.

☄︎

20,597 просмотров • 1 год назад

4. Modify the logo and save it If you want, you can even modify the result by asking it to change some colors or elements. Then click on it to save the one you prefer. Prompt (in my case) → Make the dumbbell bigger
0:19

4. Modify the logo and save it If you want, you can even modify the result by asking it to change some colors or elements. Then click on it to save the one you prefer. Prompt (in my case) → Make the dumbbell bigger

Paul Couvert

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

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!
0:15

DOM, JS, and CSS wizards: I made a DOM visualiser which you can run from the JS console, it almost works. If anyone can figure out how to handle z-ordering in 3D so that it looks like a solid stack of DOM slices I WILL 100% UNIRONICALLY BUY YOU A COFFEE!

Orion Reed

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

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.
0:14

💡 CSS Tip! Do you know that One-Time password field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.

CSS by T. Afif

25,205 просмотров • 1 год назад

MY COURSE IS COMING OUT IN FEW HOURS This is the animation that YOU will be creating with me during my Coloso course. Huge thanks to Okku for allowing me to animate their art and use it for the course!
0:20

MY COURSE IS COMING OUT IN FEW HOURS This is the animation that YOU will be creating with me during my Coloso course. Huge thanks to Okku for allowing me to animate their art and use it for the course!

Seter

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

The tiger is a monk. It won't bother you, or be bothered by you. It tries to maintain its composure as much as it can. Even if you are around it, it will most likely be unfazed. And even when a tiger expresses its aggression, it is mock. It's a construct.
0:19

The tiger is a monk. It won't bother you, or be bothered by you. It tries to maintain its composure as much as it can. Even if you are around it, it will most likely be unfazed. And even when a tiger expresses its aggression, it is mock. It's a construct.

Ramesh Pandey

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

First Sachi 3D file is ready which you are able to use your character where you want in any metaverse, for rendering or in animation as a few example. Use the link below to try it out👇
0:16

First Sachi 3D file is ready which you are able to use your character where you want in any metaverse, for rendering or in animation as a few example. Use the link below to try it out👇

LUX

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

The only rule with Crown Premium Spaghetti is to enjoy it your way. You can make it Jollof style, Stir-fry style or maybe an out of the box style, it will always come out delicious. Try it out today and enjoy it with your family and friends.
0:10

The only rule with Crown Premium Spaghetti is to enjoy it your way. You can make it Jollof style, Stir-fry style or maybe an out of the box style, it will always come out delicious. Try it out today and enjoy it with your family and friends.

Crown Premium Pasta

610,181 просмотров • 3 месяцев назад

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.
0:18

If you are using an if statement inside a for loop, did you know there's a better way of doing this is Swift? I'm talking about the where clause. Using the where clause in a for loop can provide several benefits over using an if statement inside a for loop: Readability: It explicitly states the condition that must be met for an element to be processed, making the purpose of the loop clearer to anyone reading the code. Efficiency: When using a where clause, the filtering of elements is done at the level of the sequence, which can be more efficient than filtering within the loop with an if statement. Brevity: Using a where clause often results in more concise code, as it eliminates the need for an if statement and associated braces. This can make the code more manageable and easier to maintain.

Everton Carneiro

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

This Blender simulation created by MaxMilez looks so slimy and sticky that you can even imagine how it sounds. It was made using an add-on, and it will be available to the public:
0:15

This Blender simulation created by MaxMilez looks so slimy and sticky that you can even imagine how it sounds. It was made using an add-on, and it will be available to the public:

80 LEVEL

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

I just created my portfolio with Gemini But…. I can’t change the pictures to what I want. I’m doing some rebranding and I’m starting with my portfolio. I decided to use Gemini to build it, and it actually gave me something really cute like you’ll see in the video below. But I still can’t change the pictures to my own. I’ve tried prompting it. I’ve tried editing the source code myself 😫 But it’s not working. I need to figure this out by fire, by force, by YouTube, or by ChatGPT. Somebody should wish me luck. If you’ve used Gemini to build a website before and successfully changed the images, please come to my rescue.
0:14

I just created my portfolio with Gemini But…. I can’t change the pictures to what I want. I’m doing some rebranding and I’m starting with my portfolio. I decided to use Gemini to build it, and it actually gave me something really cute like you’ll see in the video below. But I still can’t change the pictures to my own. I’ve tried prompting it. I’ve tried editing the source code myself 😫 But it’s not working. I need to figure this out by fire, by force, by YouTube, or by ChatGPT. Somebody should wish me luck. If you’ve used Gemini to build a website before and successfully changed the images, please come to my rescue.

Kemi

15,748 просмотров • 8 месяцев назад

This exercise tested me 🚀💪🏼🔥 try it out too to see some good results 💪🏼 If you can’t do it against a wall you can do it on a mat with your knees bent on the floor 💪🏼
0:10

This exercise tested me 🚀💪🏼🔥 try it out too to see some good results 💪🏼 If you can’t do it against a wall you can do it on a mat with your knees bent on the floor 💪🏼

Up Workout

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

Hyped to share this – I recently built an AI chat plugin for Obsidian using Cursor Composer. I've been using it for the last couple weeks and its totally changed how I use Obsidian. I use it to reflect, generate ideas, plan my day, and more. It's also great at being a search-and-synthesis machine for my 2,000+ notes – like having a Perplexity for my brain. If you're an Obsidian power user and want to try out the alpha, reply below and I'll DM you details!
0:18

Hyped to share this – I recently built an AI chat plugin for Obsidian using Cursor Composer. I've been using it for the last couple weeks and its totally changed how I use Obsidian. I use it to reflect, generate ideas, plan my day, and more. It's also great at being a search-and-synthesis machine for my 2,000+ notes – like having a Perplexity for my brain. If you're an Obsidian power user and want to try out the alpha, reply below and I'll DM you details!

Adil

56,811 просмотров • 1 год назад

Devin for Terminal is the first CLI agent with its own dedicated virtual machine. You can start a project locally and hand it off to Devin to test it end-to-end. Devin for Terminal is super performant, and it works with all frontier models. Try it out today.
0:15

Devin for Terminal is the first CLI agent with its own dedicated virtual machine. You can start a project locally and hand it off to Devin to test it end-to-end. Devin for Terminal is super performant, and it works with all frontier models. Try it out today.

Cognition

3,744,423 просмотров • 3 месяцев назад

Devin for Terminal is the first CLI agent with its own dedicated virtual machine. You can start a project locally and hand it off to Devin to test it end-to-end. Devin for Terminal is super performant, and it works with all frontier models. Try it out today.
0:15

Devin for Terminal is the first CLI agent with its own dedicated virtual machine. You can start a project locally and hand it off to Devin to test it end-to-end. Devin for Terminal is super performant, and it works with all frontier models. Try it out today.

Cognition

12,805,631 просмотров • 3 месяцев назад

This simple trick will make your Livewire apps 10x faster with zero JavaScript 🏎️💨 Whenever you have a selectable element, you might be tempted to write something like this in your classes: {{ $selected ? ‘bg-blue-500’ : ‘’ }} This is very slow, that class will only get added when the server responds. Instead, use an input element with wire:model on it, and add the following class to its parent: has-checked:bg-blue-500 Now the element reacts instantly and doesn’t wait for the server, unlike the first solution. This alone makes your app feel A LOT faster because it gives the user immediate feedback that something happened, even if the page updates 100ms later after the server responds. You can use this trick with various form elements, toggles, checkboxes, etc. Code below 👇
0:19

This simple trick will make your Livewire apps 10x faster with zero JavaScript 🏎️💨 Whenever you have a selectable element, you might be tempted to write something like this in your classes: {{ $selected ? ‘bg-blue-500’ : ‘’ }} This is very slow, that class will only get added when the server responds. Instead, use an input element with wire:model on it, and add the following class to its parent: has-checked:bg-blue-500 Now the element reacts instantly and doesn’t wait for the server, unlike the first solution. This alone makes your app feel A LOT faster because it gives the user immediate feedback that something happened, even if the page updates 100ms later after the server responds. You can use this trick with various form elements, toggles, checkboxes, etc. Code below 👇

Filip Ganyicz

26,010 просмотров • 1 год назад