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

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

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

in zoomable / canvas-like apps (like Krea Nodes) small controls get frustratingly hard to click when zoomed out adding an invisible hit area keeps them (a tiny bit) easier to use without changing visuals super easy with an `::after` pseudo element, `position:absolute` + sizing

daniel petho

7,470 subscribers

15,394 просмотров • 6 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

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

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

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

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

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

want to increase the click area without messing up your layout? try `:after` with `position: absolute` + `inset: -{value}px` this creates a larger, invisible hit area around the element, making it easier to click without changing the layout

dmytro

326,289 просмотров • 1 год назад

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

In Firefox DevTools you can use a visual editor to adjust CSS clip-path of an element! Love such small features, just like the visual controls for flexbox and grid in Chrome DevTools 🔥

Minko Gechev

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

Here’s what the NYPD presence looks like when protest organizers get a sound & park permit, get permission to use the roadway, & share their route with the NYPD. Even when you follow every one of the constantly changing guidelines laid out by the cops, they send an army.

Here’s what the NYPD presence looks like when protest organizers get a sound & park permit, get permission to use the roadway, & share their route with the NYPD. Even when you follow every one of the constantly changing guidelines laid out by the cops, they send an army.

Isabelle

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

Don’t be like this player. So many players still don’t use boost efficiently, even though boost management is the most important skill in the game. A good guideline is to save boost for when you’re making a play on the ball and use your movement to get to the ball. Here is a player who uses all of his boost to chase the ball, and when he ends up low on boost, he keeps chasing anyway. This leads to him bumping his teammate and giving up an easy goal.

Don’t be like this player. So many players still don’t use boost efficiently, even though boost management is the most important skill in the game. A good guideline is to save boost for when you’re making a play on the ball and use your movement to get to the ball. Here is a player who uses all of his boost to chase the ball, and when he ends up low on boost, he keeps chasing anyway. This leads to him bumping his teammate and giving up an easy goal.

COACH KINSEH

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

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 👇

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 год назад

Third base coach must not have realized Kyle Stowers had such a cannon! Tough send. 98.1 MPH on the money for the easy out. The Orioles could really use a guy like Stowers in their outfield, they should look into him. He has a .947 OPS. Maybe even get the Marlins to throw in an infielder like Connor Norby.

Third base coach must not have realized Kyle Stowers had such a cannon! Tough send. 98.1 MPH on the money for the easy out. The Orioles could really use a guy like Stowers in their outfield, they should look into him. He has a .947 OPS. Maybe even get the Marlins to throw in an infielder like Connor Norby.

The WARmonger

389,683 просмотров • 1 год назад

While flying I like to track my flight, but it was slow & ugly so I started building v0⁠ing my own. Some insights: • I started out with test data, but adding an API key & server endpoint to get actual flights was a breeze • I got back 20,000 flights which murdered DOM performance. v0 suggested implementing it as a . With some Grok research help, it shockingly nailed it. Notably, it used an OffscreenCanvas to render the airplane SVG to and subsequently `drawImage` it. It got approximately 100x faster and smoother.

While flying I like to track my flight, but it was slow & ugly so I started building v0⁠ing my own. Some insights: • I started out with test data, but adding an API key & server endpoint to get actual flights was a breeze • I got back 20,000 flights which murdered DOM performance. v0 suggested implementing it as a . With some Grok research help, it shockingly nailed it. Notably, it used an OffscreenCanvas to render the airplane SVG to and subsequently `drawImage` it. It got approximately 100x faster and smoother.

Guillermo Rauch

206,410 просмотров • 1 год назад

✨🇨🇳 Heartwarming moments like this are common in China. When traffic police officers are on duty and get caught in a sudden heavy rain, passing drivers will toss them an umbrella to help. The officers then salute to show their thanks. These small, kind acts perfectly show the mutual respect between the police and the public.

✨🇨🇳 Heartwarming moments like this are common in China. When traffic police officers are on duty and get caught in a sudden heavy rain, passing drivers will toss them an umbrella to help. The officers then salute to show their thanks. These small, kind acts perfectly show the mutual respect between the police and the public.

🇨🇳XuZhenqing徐祯卿

29,400 просмотров • 25 дней назад

WHIFFLE BALL BAT THROWS— GREAT DRILL FOR YOUNG PLAYERS… when working with young players at Hitters U we like to use drills with external focuses to get the players to understand & feel the proper way of moving without explaining it to them. These drills naturally get you to the place you need to be or you won’t be able to throw the whiffle bat through the middle. Fly open it will go in foul territory, have a big upper cut the bat will hit the ceiling. Hitters University

WHIFFLE BALL BAT THROWS— GREAT DRILL FOR YOUNG PLAYERS… when working with young players at Hitters U we like to use drills with external focuses to get the players to understand & feel the proper way of moving without explaining it to them. These drills naturally get you to the place you need to be or you won’t be able to throw the whiffle bat through the middle. Fly open it will go in foul territory, have a big upper cut the bat will hit the ceiling. Hitters University

Tyler Osik

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

I gained 1K Instagram followers in just 5 days, WITH AN ABG Everyone says growing on Instagram is hard. With ABG, it becomes easy. My strategy: > Build a K-pop looking ABG persona > Posted 3 trending viral dance videos daily > Host an OpenClaw that auto-replies to every DM when someone follows The growth breakdown: 0 → 100 : 2 days 100 → 500 : 2 days 500 → 1,000 : 1 day My hypothesis was simple : if K-pop works globally, an AI influencer that looks like a K-pop star will too. And it worked. ABGs are just a social phenomenon that works. As an AI-native founder, your job is to inductively catch the weird, hard-to-explain things happening in the world, and leverage them. Everyone's trying to use ABG for distribution now. But without a precise playbook, it won't work. Every detail of your influencer's content matters. Just follow, repost, and comment. I'll DM you the whole guidebook 👇

I gained 1K Instagram followers in just 5 days, WITH AN ABG Everyone says growing on Instagram is hard. With ABG, it becomes easy. My strategy: > Build a K-pop looking ABG persona > Posted 3 trending viral dance videos daily > Host an OpenClaw that auto-replies to every DM when someone follows The growth breakdown: 0 → 100 : 2 days 100 → 500 : 2 days 500 → 1,000 : 1 day My hypothesis was simple : if K-pop works globally, an AI influencer that looks like a K-pop star will too. And it worked. ABGs are just a social phenomenon that works. As an AI-native founder, your job is to inductively catch the weird, hard-to-explain things happening in the world, and leverage them. Everyone's trying to use ABG for distribution now. But without a precise playbook, it won't work. Every detail of your influencer's content matters. Just follow, repost, and comment. I'll DM you the whole guidebook 👇

David Im

77,352 просмотров • 5 месяцев назад

Reports coming out of Bahrain suggest that a U.S. Patriot interceptor, not an Iranian drone, may have been involved in a blast over a residential area on March 9th, causing civilian casualties. Events like this are rare, but not unusual. SAMs are not designed to hit ground targets. When something goes wrong, they can unfortunately come down unpredictably. Now here’s where it gets interesting. Did you know that, in the past, one of Bahrain’s neighbours looked at a SAM… and tried to repurpose it to hit ground targets? Not an accident. A deliberate attempt to make it work. 1/2

Reports coming out of Bahrain suggest that a U.S. Patriot interceptor, not an Iranian drone, may have been involved in a blast over a residential area on March 9th, causing civilian casualties. Events like this are rare, but not unusual. SAMs are not designed to hit ground targets. When something goes wrong, they can unfortunately come down unpredictably. Now here’s where it gets interesting. Did you know that, in the past, one of Bahrain’s neighbours looked at a SAM… and tried to repurpose it to hit ground targets? Not an accident. A deliberate attempt to make it work. 1/2

Air Power

31,375 просмотров • 5 месяцев назад

An American burger turned out to be more important than the “honor” of dying for Putin Captured occupiers were given a meal from the scarce-in-their-country McDonald’s. They said that when Russians try to surrender, their own troops attack them with drones — just like Soviet blocking detachments.

An American burger turned out to be more important than the “honor” of dying for Putin Captured occupiers were given a meal from the scarce-in-their-country McDonald’s. They said that when Russians try to surrender, their own troops attack them with drones — just like Soviet blocking detachments.

NEXTA

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

Hot Take: The New Camera app on iOS 26 is GREAT i initially hated it when i first saw it on the keynote, but now that i've used it, I'm loving it It’s familiar while being really simple I've always felt that the Camera app on iOS has gotten really complex and convoluted in these last few years, and the new one fixes that, while still being as nuanced as the old app if you configure it the way you want it to behave takes some time to get used to, but this is great, it really does simplify the whole Ul but, this could've been the perfect time for Apple to introduce Manual controls as an Option in the Native app, even after all this redesign, Apple is still stubborn on not adding Manual Controls it's 2025 Apple,if you're gonna let users shoot LOG Video from the Native App, let us have Manual Controls as an option in the Native App, instead of downloading third party apps👏 i wonder how people shoot LOG Videos without Manual Controls💀

Hot Take: The New Camera app on iOS 26 is GREAT i initially hated it when i first saw it on the keynote, but now that i've used it, I'm loving it It’s familiar while being really simple I've always felt that the Camera app on iOS has gotten really complex and convoluted in these last few years, and the new one fixes that, while still being as nuanced as the old app if you configure it the way you want it to behave takes some time to get used to, but this is great, it really does simplify the whole Ul but, this could've been the perfect time for Apple to introduce Manual controls as an Option in the Native app, even after all this redesign, Apple is still stubborn on not adding Manual Controls it's 2025 Apple,if you're gonna let users shoot LOG Video from the Native App, let us have Manual Controls as an option in the Native App, instead of downloading third party apps👏 i wonder how people shoot LOG Videos without Manual Controls💀

Sankew

13,082 просмотров • 1 год назад

Women when they FEEL the power of NARINGENIN!!! 🍊😁: “Marmalade is like a SUPER DRUG...the peels are rich in anti-inflammatory chemicals, more than the juice” "When I get sour oranges / make marmalade from the peels, if they are organic. Shred, soak, cook slowly simmering in water for about an hour before adding sugar, and letting that simmer without boiling until it thickens a little. When it's cool it thickens more[…] and the marmalade is a good way to get sugar with the cottage cheese or parmesan." — RP Orange marmalade is rich in protective, anti-inflammatory compounds like naringenin, which helps suppress nitric oxide and prostaglandins, guarding against endotoxin and many of the horrors of modern living. Eat your marmalade. From organic unwaxed oranges. 🍊🧡

Women when they FEEL the power of NARINGENIN!!! 🍊😁: “Marmalade is like a SUPER DRUG...the peels are rich in anti-inflammatory chemicals, more than the juice” "When I get sour oranges / make marmalade from the peels, if they are organic. Shred, soak, cook slowly simmering in water for about an hour before adding sugar, and letting that simmer without boiling until it thickens a little. When it's cool it thickens more[…] and the marmalade is a good way to get sugar with the cottage cheese or parmesan." — RP Orange marmalade is rich in protective, anti-inflammatory compounds like naringenin, which helps suppress nitric oxide and prostaglandins, guarding against endotoxin and many of the horrors of modern living. Eat your marmalade. From organic unwaxed oranges. 🍊🧡

Veronica, Collagen Scientist

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

Vitaliks mandarin fluency is a super bullish signal for Ethereum 🐂 He had an open town hall at HK where community members asked him all sorts of questions, from the easy to the difficult The hard questions were all in Mandarin so i couldn't follow those 😅 At the town hall he laid out the guiding principle for Ethereum: cooperation without domination It's especially important in today's world where a powerful person dictates terms and others have to follow, or we have no cooperation & there's chaos What this means at a technical level is that Ethereums the world computer & we need to build enough trust that developers feel comfortable building apps on top of it. Solo staking, a conservative approach to changing the protocol etc are all part of this He also spoke on how new technology is a reset & creates a level playing field where the game starts again from zero with bringing a lot more people right to the frontier We are seeing this with AI (and zk too), where a noob developer can still catch up to a veteran with good prompt engineering. He shared his own experience of building an android app for the first time using AI despite having no prior experience in it Before people would say that EF needs to write more documentation. Now it's more relevant to show how deep seek integrations with solidity and Java can help easily create new Ethereum apps He sees AI as making it much easier for newcomers to build web3 apps & is making a push in this direction

Vitaliks mandarin fluency is a super bullish signal for Ethereum 🐂 He had an open town hall at HK where community members asked him all sorts of questions, from the easy to the difficult The hard questions were all in Mandarin so i couldn't follow those 😅 At the town hall he laid out the guiding principle for Ethereum: cooperation without domination It's especially important in today's world where a powerful person dictates terms and others have to follow, or we have no cooperation & there's chaos What this means at a technical level is that Ethereums the world computer & we need to build enough trust that developers feel comfortable building apps on top of it. Solo staking, a conservative approach to changing the protocol etc are all part of this He also spoke on how new technology is a reset & creates a level playing field where the game starts again from zero with bringing a lot more people right to the frontier We are seeing this with AI (and zk too), where a noob developer can still catch up to a veteran with good prompt engineering. He shared his own experience of building an android app for the first time using AI despite having no prior experience in it Before people would say that EF needs to write more documentation. Now it's more relevant to show how deep seek integrations with solidity and Java can help easily create new Ethereum apps He sees AI as making it much easier for newcomers to build web3 apps & is making a push in this direction

Devansh Mehta

49,358 просмотров • 1 год назад

004/100 Buttons. A bit of the process on building an animation. When looking at a finished animation or in this example a finished button, it can look quite complex inside the CSS. But when building it, it’s more like a lot of simple steps, one after another. Here I had the idea to make some kind of text animation like the footer logo on the Osmo site. I try to add the base animation with no complex easing, for example transition: translate 0.4s ease. Starting with just moving the one text from bottom to top and the other text to top. Adding a stagger, play around with it. Searching for a way to make it more circular. On the research I found the sin() function inside CSS which can build a more smooth non linear curve for the stagger which creates this circular effect. And step by step adding more complexity like, different easing for hover/hover-out, opacity, 3D transform and more. I use also the sin() function to rotate the letters, so the middle ones are getting more rotated than the outer ones. Another thing which helps is to add a small delay on hover, for example 0.05s or 0.1s, you don’t really see the difference, but when you hover pretty fast on and out it doesn’t get that jumpy. I’m using here GSAP’s SplitText to split every char into spans. And then I’m adding a CSS index variable to every span, starting from the center. SplitText can provide CSS index variables, but you cannot tell it from which direction. For the sin() it’s also important to have a max length, so I add another CSS variable with the max char number on it. Crafting 100 Buttons with Osmo ⏳ Total time: 63h

Eduard Bodak

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

Some might have noticed Alexander Isak being put through top-up runs after coming off at half-time last night. With his limited pre-season, Liverpool are building his load in a controlled way. Last night slowly built up his game minutes, but the half-time runs ensured he still hit key physical thresholds needed to get him up to full match fitness - without the added risk that could come from simply keeping him on the pitch longer. In a 1 to 1 scenario like this, the Sonra Watch application is perfect. Liverpool’s staff can track data live, even in the stadium environment, giving them real-time visibility of Isak’s thresholds and enabling them to deliver a precisely prescribed top-up. No surprise to see an elite set-up like Liverpool taking such a pragmatic approach to managing Isak's integration.

Some might have noticed Alexander Isak being put through top-up runs after coming off at half-time last night. With his limited pre-season, Liverpool are building his load in a controlled way. Last night slowly built up his game minutes, but the half-time runs ensured he still hit key physical thresholds needed to get him up to full match fitness - without the added risk that could come from simply keeping him on the pitch longer. In a 1 to 1 scenario like this, the Sonra Watch application is perfect. Liverpool’s staff can track data live, even in the stadium environment, giving them real-time visibility of Isak’s thresholds and enabling them to deliver a precisely prescribed top-up. No surprise to see an elite set-up like Liverpool taking such a pragmatic approach to managing Isak's integration.

STATSports

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

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Vishal Bhardwaj

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