Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

little details: the intention of CSS :hover 👆 a::after { transition: scale 0.26s; } a:is(:hover, :focus-visible)::after { transition-delay: 0.125s; } add a small transition-delay so you don't trigger :hover events whilst passing over an element unintentionally

jh3yy's profile picture

jhey ʕ•ᴥ•ʔ

135,314 subscribers

39,646 görüntüleme • 1 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }
0:14

little details 👨‍🍳 tiny css transition-delay on :hover filters noise and captures intent .text { transition: grid-template-columns 0.2s var(--ease); } button:hover .text { grid-template-columns: 1fr; transition-delay: 0.1s; }

jhey ʕ•ᴥ•ʔ

59,207 görüntüleme • 8 ay önce

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇
0:16

don't know the size of a container in CSS? container query units 🤝 translate a:hover .corner:nth-of-type(odd) { translate: 100cqi 0; } /* hover intent */ a:hover .corner { transition: translate 0.26s 0.12s; } adapts to content size 👇

jhey ʕ•ᴥ•ʔ

65,006 görüntüleme • 1 yıl önce

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨
0:19

using CSS grid you can avoid width change in the parent container whilst making it responsive 🤙 the trick: update and transition the grid-template-columns for the list on :focus/:hover ✨

jhey ʕ•ᴥ•ʔ

270,727 görüntüleme • 1 yıl önce

one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }
0:11

one way w/ css 🪄 stack an image 2x filter 1st, unclip 2nd on :hover 🤙 a img { grid-area: 1 / 1; } img:first-of-type { filter: grayscale(1) invert(1); } img:last-of-type { clip-path: circle(0); transition: clip-path; } a:hover img:last-of-type { clip-path: circle(100%); }

jhey ʕ•ᴥ•ʔ

320,591 görüntüleme • 5 ay önce

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
0:17

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 görüntüleme • 2 ay önce

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime
0:12

Use CSS @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 to unlock things like > Animated conic gradients > Rotating borders, loaders > Hover transition on gradient stops the regular --𝚊𝚗𝚐𝚕𝚎 variable doesn't work with animating gradient stops because CSS has to idea how to interpolate it @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 fixes that with , and more @𝚙𝚛𝚘𝚙𝚎𝚛𝚝𝚢 --𝚊𝚗𝚐𝚕𝚎 { 𝚜𝚢𝚗𝚝𝚊𝚡: ' '; 𝚒𝚗𝚑𝚎𝚛𝚒𝚝𝚜: 𝚏𝚊𝚕𝚜𝚎; 𝚒𝚗𝚒𝚝𝚒𝚊𝚕-𝚟𝚊𝚕𝚞𝚎: 𝟶𝚍𝚎𝚐; } .𝚌𝚊𝚛𝚍 { --𝚊𝚗𝚐𝚕𝚎: 𝟶𝚍𝚎𝚐; 𝚋𝚊𝚌𝚔𝚐𝚛𝚘𝚞𝚗𝚍: 𝚕𝚒𝚗𝚎𝚊𝚛-𝚐𝚛𝚊𝚍𝚒𝚎𝚗𝚝( 𝚟𝚊𝚛(--𝚊𝚗𝚐𝚕𝚎), #𝟹𝟾𝚋𝚍𝚏𝟾, #𝟶𝚎𝚊𝟻𝚎𝟿, #𝟸𝟻𝟼𝟹𝚎𝚋, #𝟷𝚎𝟺𝟶𝚊𝚏 ); 𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗: --𝚊𝚗𝚐𝚕𝚎 𝟶.𝟾𝚜 𝚎𝚊𝚜𝚎; } .𝚌𝚊𝚛𝚍:𝚑𝚘𝚟𝚎𝚛 { --𝚊𝚗𝚐𝚕𝚎: 𝟺𝟻𝚍𝚎𝚐; } Defaults to initial value so you don't have to set them everytime

Manu Arora

23,868 görüntüleme • 2 ay önce

Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.
0:19

Hold up, here is the prompt: works with almost any model. enjoy :) Role & Objective: Act as an Elite UI/UX Front-End Engineer specializing in Apple-tier micro-interactions and advanced CSS. Your task is to program a perfectly centered navigation bar in a strictly SINGLE HTML file containing all HTML, vanilla CSS, and vanilla JavaScript. No external libraries or frameworks (No Tailwind, React, etc.). Design Concept - "True Liquid Glass": CRITICAL INSTRUCTION: Do NOT generate standard, flat "glassmorphism" or basic frosted glass. I require a physically accurate "Liquid Glass" aesthetic. It must look like wet, poured clear resin, combining the high-gloss specular highlights of classic macOS Aqua with the volumetric spatial depth of modern Apple VisionOS. 1. The Liquid Glass Material & Lighting (CSS): - Deep Refraction: Use `backdrop-filter` with extreme blur (e.g., 50px) and over-saturation (200%). - Specular Highlight: Create a curved, semi-transparent white gradient on the top half using a pseudo-element (`::before`) to simulate a hard light reflection on a wet, rounded 3D surface. - Caustics & Volume: Use multi-layered inner and outer `box-shadow` properties to simulate light refracting at the bottom edge and casting a realistic ambient drop shadow. - Interactive Glare: Implement a soft radial-gradient spotlight inside the glass that dynamically tracks the user's mouse cursor (X/Y coordinates) using JavaScript and CSS variables (`mix-blend-mode: overlay`). 2. Navigation Layout & Elements: - Center the pill-shaped navigation bar perfectly in the middle of the viewport. - Include 3 main navigation items with minimalist, inline SVG stroke icons and text labels: "Home", "Call", and "List". - Add a subtle vertical divider line after the main buttons. - Next to the divider, add a Dark/Light Mode toggle button containing inline SVG Sun and Moon icons. 3. Animations & "Apple Magic": - Sliding Active Pill: Create a solid background "pill" that sits *behind* the active navigation item's text/icon. When a different item is clicked, this pill must dynamically recalculate its width and slide to the new position. - Spring Physics: The sliding transition MUST use an exact Apple-style bouncy spring easing curve (e.g., `transition: all 0.5s cubic-bezier(0.34, 1.2, 0.64, 1)`). - Tactile Feedback: Buttons and icons must physically press down slightly (`transform: scale(0.92)`) when clicked (`:active`). - Theme Switch: The Sun and Moon icons must smoothly rotate, scale, and cross-fade during the transition. 4. Background Environment (Crucial): - Glass needs light and color to refract! Create a full-viewport, smoothly animated mesh gradient background using 3 large, heavily blurred, floating color blobs. - Implement full Dark/Light mode logic using CSS variables (`:root` and `[data-theme="dark"]`). Toggling the theme must seamlessly transition the background blob colors, glass opacity, shadow intensity, and text colors. Output ONLY the pristine, production-ready code. Prioritize maximum visual fidelity and silky-smooth 60fps animations.

Leon Lin

127,732 görüntüleme • 4 ay önce

TOKYO TRAVEL VLOG🗼 Image: GPT Image 2 Video: Seedance 2.0（DomoAI） ======================= Prompt: TOKYO TRAVEL VLOG — 15 SEC MUSIC CUT Subject: Same girl as the reference images. Young Korean idol-like woman in her early 20s. Long straight black hair with soft natural volume, fair porcelain skin, large bright expressive eyes, delicate V-line face, small nose, natural glossy lips, fresh minimal makeup, effortlessly cute and approachable expression. Casual Japanese streetwear (white hoodie / dark oversized hoodie / oversized jacket). 26mm phone lens, deep focus, realistic skin texture, mild HDR, neutral iPhone color science, unedited candid, no cinematic grading, no studio lighting, no light trails, no motion blur effects. (0:00–0:01) — walking shot, Tokyo Tower reveal Selfie, low angle. Tower behind her, sky overexposed. Natural smile. Neutral daylight, deep focus. Dialogue: "드디어 도쿄에 왔어요...!" Transition: Hard cut / beat drop (0:01–0:02) — Shibuya Crossing Mid-stride into crowd. Turns head toward camera. Neon signs sharp behind her. Real night exposure. Transition: Fast cut on beat (0:02–0:03) — Convenience Store Holds onigiri up to camera, eyebrows raised. Harsh fluorescent interior. Cool white light, realistic skin. Transition: Snap cut on beat (0:03–0:04) — Yoyogi Park Seated, looking away. Dappled light, lens smudge visible. Music drops one beat — wind, birds — snaps back. Transition: Cut on natural movement (0:04–0:06) — Takoyaki Reaction Bites, eyes wide, pulls back laughing. Warm practical lantern light. Realistic skin in amber. Dialogue: "뜨거워! 진짜 맛있어!" Transition: Cut on laugh end (0:06–0:07) — Vending Machine Night Stands before glowing vending machine. Mixed LED light on face. Slight smirk. No glow fx. Transition: Single beat cut (0:07–0:08) — Train Window Face reflected in window. City blurred naturally outside. She looks out, not at camera. Transition: Snap cut (0:08–0:09) — Torii Gate Low angle. Walks toward and through shrine gate. Gate fills top of frame. Natural daylight. Transition: Snap cut (0:09–0:11) — Digital Light Exhibit ★ SIGNATURE Looks up slowly. Blue, violet, gold projection on face. Rack focus — face sharp, lights diffused. Just projection on skin, no bloom. Speed: ~60% slow motion Transition: Soft cut mid-upward motion (0:11–0:12) — Gundam Reveal Face → camera tilts up → full statue in frame. Small impressed smile. Wide angle, natural daylight. Transition: Sharp cut after smile (0:12–0:13) — Lantern Alley Follow from behind. Lanterns warm, shadows dark. Natural low light. She glances back once. Transition: Cut on forward movement (0:13–0:14) — Rooftop Skyline Close selfie → arm extends → skyline revealed. Wind moves hair. Natural night phone exposure. Dialogue: "이런 야경은 처음 보는 것 같아요." Transition: Hard cut on last word (0:14–0:15) — Nara Deer Park, She crouches, holds out a deer cracker. Deer bows toward her — she bursts out laughing. Another nudges her from behind, she nearly topples. Handheld, slightly off-balance. All real. Dialogue: "잠깐! 진짜 절했어!" Transition: Fade to black DomoAI official #DomoAI
0:15

TOKYO TRAVEL VLOG🗼 Image: GPT Image 2 Video: Seedance 2.0（DomoAI） ======================= Prompt: TOKYO TRAVEL VLOG — 15 SEC MUSIC CUT Subject: Same girl as the reference images. Young Korean idol-like woman in her early 20s. Long straight black hair with soft natural volume, fair porcelain skin, large bright expressive eyes, delicate V-line face, small nose, natural glossy lips, fresh minimal makeup, effortlessly cute and approachable expression. Casual Japanese streetwear (white hoodie / dark oversized hoodie / oversized jacket). 26mm phone lens, deep focus, realistic skin texture, mild HDR, neutral iPhone color science, unedited candid, no cinematic grading, no studio lighting, no light trails, no motion blur effects. (0:00–0:01) — walking shot, Tokyo Tower reveal Selfie, low angle. Tower behind her, sky overexposed. Natural smile. Neutral daylight, deep focus. Dialogue: "드디어 도쿄에 왔어요...!" Transition: Hard cut / beat drop (0:01–0:02) — Shibuya Crossing Mid-stride into crowd. Turns head toward camera. Neon signs sharp behind her. Real night exposure. Transition: Fast cut on beat (0:02–0:03) — Convenience Store Holds onigiri up to camera, eyebrows raised. Harsh fluorescent interior. Cool white light, realistic skin. Transition: Snap cut on beat (0:03–0:04) — Yoyogi Park Seated, looking away. Dappled light, lens smudge visible. Music drops one beat — wind, birds — snaps back. Transition: Cut on natural movement (0:04–0:06) — Takoyaki Reaction Bites, eyes wide, pulls back laughing. Warm practical lantern light. Realistic skin in amber. Dialogue: "뜨거워! 진짜 맛있어!" Transition: Cut on laugh end (0:06–0:07) — Vending Machine Night Stands before glowing vending machine. Mixed LED light on face. Slight smirk. No glow fx. Transition: Single beat cut (0:07–0:08) — Train Window Face reflected in window. City blurred naturally outside. She looks out, not at camera. Transition: Snap cut (0:08–0:09) — Torii Gate Low angle. Walks toward and through shrine gate. Gate fills top of frame. Natural daylight. Transition: Snap cut (0:09–0:11) — Digital Light Exhibit ★ SIGNATURE Looks up slowly. Blue, violet, gold projection on face. Rack focus — face sharp, lights diffused. Just projection on skin, no bloom. Speed: ~60% slow motion Transition: Soft cut mid-upward motion (0:11–0:12) — Gundam Reveal Face → camera tilts up → full statue in frame. Small impressed smile. Wide angle, natural daylight. Transition: Sharp cut after smile (0:12–0:13) — Lantern Alley Follow from behind. Lanterns warm, shadows dark. Natural low light. She glances back once. Transition: Cut on forward movement (0:13–0:14) — Rooftop Skyline Close selfie → arm extends → skyline revealed. Wind moves hair. Natural night phone exposure. Dialogue: "이런 야경은 처음 보는 것 같아요." Transition: Hard cut on last word (0:14–0:15) — Nara Deer Park, She crouches, holds out a deer cracker. Deer bows toward her — she bursts out laughing. Another nudges her from behind, she nearly topples. Handheld, slightly off-balance. All real. Dialogue: "잠깐! 진짜 절했어!" Transition: Fade to black DomoAI official #DomoAI

TSUBAKI

72,556 görüntüleme • 21 gün önce

if you're not winning in 2026 is because you don't want to win at all fluently makes $200k/month they have a huge UGC army making the exact same format over and over again a girl saying a word wrong then pronouncing it correctly after hearing it app name always visible not only that but one of their most successful creators is an AI with over 500k followers on instagram these videos are extremely cheap to make they're getting millions of views a week while you're still waiting to make your first video
0:18

if you're not winning in 2026 is because you don't want to win at all fluently makes $200k/month they have a huge UGC army making the exact same format over and over again a girl saying a word wrong then pronouncing it correctly after hearing it app name always visible not only that but one of their most successful creators is an AI with over 500k followers on instagram these videos are extremely cheap to make they're getting millions of views a week while you're still waiting to make your first video

Mau Baron

16,567 görüntüleme • 6 ay önce

✨ I updated Photo AI's video model to Kling AI 2.6 now By default it also generates audio (like Veo 3 does) and if you prompt for it it also produces voice, and it's pretty realistic too I'd say the cadence of the voice can be improved to be a bit more real, but it's definitely getting there It's just one click, just generate an AI photo first then hover over it and press [ 📼 Make video ] It's 3x more expensive, but I sell it below cost (5 credits) so that you all sign up to Photo AI and generate your UGC influencers with me 😊 Here's my 100% AI influencer telling what she thinks of the European Commission
0:10

✨ I updated Photo AI's video model to Kling AI 2.6 now By default it also generates audio (like Veo 3 does) and if you prompt for it it also produces voice, and it's pretty realistic too I'd say the cadence of the voice can be improved to be a bit more real, but it's definitely getting there It's just one click, just generate an AI photo first then hover over it and press [ 📼 Make video ] It's 3x more expensive, but I sell it below cost (5 credits) so that you all sign up to Photo AI and generate your UGC influencers with me 😊 Here's my 100% AI influencer telling what she thinks of the European Commission

@levelsio

323,674 görüntüleme • 7 ay önce

Naptime for Bumpy, with no detail spared: a soft bean bag, a cosy blanket, and a special nanny to watch him as he sleeps! Pips the giraffe loves to look after the little orphans – so naturally she was very excited to meet the small, stout hippo who just entered the fold. Bumpy is our newest rescue. After his mother died, the little orphan spent at least a day huddled by her body before the Kenya Wildlife Service found him and brought him into our care. Now at our Kaluku Unit, he is really settling in – and sleeping in! You can become part of Bumpy’s journey – read his full rescue story and support him through an adoption:
0:14

Naptime for Bumpy, with no detail spared: a soft bean bag, a cosy blanket, and a special nanny to watch him as he sleeps! Pips the giraffe loves to look after the little orphans – so naturally she was very excited to meet the small, stout hippo who just entered the fold. Bumpy is our newest rescue. After his mother died, the little orphan spent at least a day huddled by her body before the Kenya Wildlife Service found him and brought him into our care. Now at our Kaluku Unit, he is really settling in – and sleeping in! You can become part of Bumpy’s journey – read his full rescue story and support him through an adoption:

Sheldrick Wildlife Trust

29,826 görüntüleme • 2 ay önce

"You cannot treat a 15-year-old talent like a musical chair!" — Ravi Shastri absolutely fires up the commentary box after Vaibhav Suryavanshi gets dropped for the 5th T20I🚨😡🗣️ "Listen, if you are going to pick a 15-year-old boy based on an insane IPL season and throw him straight into English conditions against Jofra Archer, you have to be ready to back him through the storms! You cannot treat a generational talent like a game of musical chairs—dropping him after scores of 14, 13, and 15 makes no sense. International cricket is a different beast, the short-ball parameters are harsh, but how is he supposed to adapt if he's looking over his shoulder after every single failure? You either give the kid a secure 10-match rope to absorb the pressure, or you don't expose him to this level so early!"
0:13

"You cannot treat a 15-year-old talent like a musical chair!" — Ravi Shastri absolutely fires up the commentary box after Vaibhav Suryavanshi gets dropped for the 5th T20I🚨😡🗣️ "Listen, if you are going to pick a 15-year-old boy based on an insane IPL season and throw him straight into English conditions against Jofra Archer, you have to be ready to back him through the storms! You cannot treat a generational talent like a game of musical chairs—dropping him after scores of 14, 13, and 15 makes no sense. International cricket is a different beast, the short-ball parameters are harsh, but how is he supposed to adapt if he's looking over his shoulder after every single failure? You either give the kid a secure 10-match rope to absorb the pressure, or you don't expose him to this level so early!"

sportified

1,003,498 görüntüleme • 7 gün önce

There are zero logical reasons to build a 10,000-year clock that tracks the precession of the equinoxes inside a mountain over 4,000 feet in elevation, along with plans for another copy to be placed at 10,000 feet. If that were not enough, why would they place in the same location the Rosetta Disc, containing over 1,500 preserved languages and a manual for rebuilding civilization? The 500 feet tall clock is built from materials designed to last thousands of years. It’s powered by the Sun and engineered to function without human maintenance. But did you know that the clock is synchronized with the Sun? It tracks solar noon, the Sun’s position, moon phases, and stellar precession. Most importantly, it displays the movement of the five visible planets, the 'fixed stars' within the constellations, and tracks the precession of the equinoxes—a 26,000-year cycle. This precession is the foundation of the astrological ages (e.g., the transition from the Age of Pisces to the Age of Aquarius). The clock is designed to preserve the antediluvian knowledge and transmit it to the next cycle after the geophysical event.
0:11

There are zero logical reasons to build a 10,000-year clock that tracks the precession of the equinoxes inside a mountain over 4,000 feet in elevation, along with plans for another copy to be placed at 10,000 feet. If that were not enough, why would they place in the same location the Rosetta Disc, containing over 1,500 preserved languages and a manual for rebuilding civilization? The 500 feet tall clock is built from materials designed to last thousands of years. It’s powered by the Sun and engineered to function without human maintenance. But did you know that the clock is synchronized with the Sun? It tracks solar noon, the Sun’s position, moon phases, and stellar precession. Most importantly, it displays the movement of the five visible planets, the 'fixed stars' within the constellations, and tracks the precession of the equinoxes—a 26,000-year cycle. This precession is the foundation of the astrological ages (e.g., the transition from the Age of Pisces to the Age of Aquarius). The clock is designed to preserve the antediluvian knowledge and transmit it to the next cycle after the geophysical event.

Open Minded Approach

430,205 görüntüleme • 6 ay önce

I learned this the hard way: do NOT use SwiftUI if you want your app to look and feel amazing. At least when coding with AI. (sorry, Apple colleagues reading this 😅) I'm sharing my process vibe coding this calorie tracker. I get a lot of questions about the fluid transition in the video. Here's the whole story. Initially, Claude built the grid with SwiftUI. It was quick and easy, and looked good! But the transition to the day view was a boring navigation push/pop. No fun. I wanted something custom. I asked Claude to make it a fluid transition that remaps the food tiles from their source to destination positions. All hell broke loose. Claude tried a bunch of horrible things. Initially it used matched geometry effects, which worked OK but didn't lend themselves well to gesture-driven animations. So it resorted to SwiftUI preference keys + geometry readers to figure out the source and destination positions and calculate the interpolated position based on gesture progress, coordinating across grid and day views. But this meant it had to write a custom layout because it couldn't reposition tiles inside the native SwiftUI grid. And it had to do an awkward handoff between views, which always created ugly pops or jumps. And don't get me started on trying to put it on a bouncy spring, that only made the math 10x buggier. Fortunately, Claude Fable was smart enough to see that this was becoming a disaster (and discover most of the issues itself, in the simulator), so it pivoted away from SwiftUI. Opus might not be so wise, so you'll have to pay attention and intervene. Ultimately, it rewrote it in plain UIKit and everything turned out great. After that, we moved from 2D images to 3D assets, which introduced a new set of performance challenges and yet another rewrite to a single Metal layer, which is what you see below. I can write more about the 2D-to-3D saga if anyone's interested. If I were to do it again, I'd just say "Don't use SwiftUI" from the very first prompt, and save a few hours of headaches. SwiftUI can be amazing for a human iterating directly in code. But agents don't benefit from any of its advantages. Plus, agents have seen decades of UIKit training data, so they're great at writing it, and it's far more flexible. Here's hoping we see more agent-friendly iterations of SwiftUI in the future. Till then, I'm probably going to avoid it.
0:12

I learned this the hard way: do NOT use SwiftUI if you want your app to look and feel amazing. At least when coding with AI. (sorry, Apple colleagues reading this 😅) I'm sharing my process vibe coding this calorie tracker. I get a lot of questions about the fluid transition in the video. Here's the whole story. Initially, Claude built the grid with SwiftUI. It was quick and easy, and looked good! But the transition to the day view was a boring navigation push/pop. No fun. I wanted something custom. I asked Claude to make it a fluid transition that remaps the food tiles from their source to destination positions. All hell broke loose. Claude tried a bunch of horrible things. Initially it used matched geometry effects, which worked OK but didn't lend themselves well to gesture-driven animations. So it resorted to SwiftUI preference keys + geometry readers to figure out the source and destination positions and calculate the interpolated position based on gesture progress, coordinating across grid and day views. But this meant it had to write a custom layout because it couldn't reposition tiles inside the native SwiftUI grid. And it had to do an awkward handoff between views, which always created ugly pops or jumps. And don't get me started on trying to put it on a bouncy spring, that only made the math 10x buggier. Fortunately, Claude Fable was smart enough to see that this was becoming a disaster (and discover most of the issues itself, in the simulator), so it pivoted away from SwiftUI. Opus might not be so wise, so you'll have to pay attention and intervene. Ultimately, it rewrote it in plain UIKit and everything turned out great. After that, we moved from 2D images to 3D assets, which introduced a new set of performance challenges and yet another rewrite to a single Metal layer, which is what you see below. I can write more about the 2D-to-3D saga if anyone's interested. If I were to do it again, I'd just say "Don't use SwiftUI" from the very first prompt, and save a few hours of headaches. SwiftUI can be amazing for a human iterating directly in code. But agents don't benefit from any of its advantages. Plus, agents have seen decades of UIKit training data, so they're great at writing it, and it's far more flexible. Here's hoping we see more agent-friendly iterations of SwiftUI in the future. Till then, I'm probably going to avoid it.

Anshu

107,685 görüntüleme • 27 gün önce

How long should my baby use a pacifier? I get this question a lot and it’s a tough one - both because there isn’t a single correct answer and because (like feeding and sleep) the topic brings out lots of strong opinions. But if you ask me, the family in this video has the right idea. Infants are born with a strong sucking reflex and pacifiers can help them to soothe and sleep. There’s even some evidence to suggest that sleeping with pacifiers might reduce the risk of Sudden Infant Death Syndrome (SIDS). In short: for babies (up to a year), I’m a big fan. But it’s not uncommon to see children with pacifiers well into toddlerhood, and in some cases, even beyond. And here I’d raise some important cautions. Children who rely heavily on pacifiers may be more prone to middle ear infections. And dentists note that prolonged pacifier use can affect your child’s teeth and create bite issues. Perhaps most importantly is their potential to impact expressive language development. Your child’s ability to speak is an important one. After a point, language shapes not only the content of our thinking, but the very structure of our cognition. By otherwise occupying the mouth over long periods of time, pacifiers may slow language development by limiting opportunities for expression. Speaking with a pacifier in the mouth can also lead to distortion of speech sounds (even when they aren’t in the mouth). All told, I’m an advocate for beginning to wean off of pacifiers at around a year of age - which is why this video spoke to me. We see an infant appropriately using one and big sister demonstrating her expressive language, her mouth unencumbered and free to chatter away happily. The transition can be difficult - but not nearly as challenging as for a child who has become dependent over a period of years. Do/did you use pacifiers with your child? Why or why not? How did you help transition away from their use? This sweet siblings were shared to IG by _lullabye_luxuries_.
0:17

How long should my baby use a pacifier? I get this question a lot and it’s a tough one - both because there isn’t a single correct answer and because (like feeding and sleep) the topic brings out lots of strong opinions. But if you ask me, the family in this video has the right idea. Infants are born with a strong sucking reflex and pacifiers can help them to soothe and sleep. There’s even some evidence to suggest that sleeping with pacifiers might reduce the risk of Sudden Infant Death Syndrome (SIDS). In short: for babies (up to a year), I’m a big fan. But it’s not uncommon to see children with pacifiers well into toddlerhood, and in some cases, even beyond. And here I’d raise some important cautions. Children who rely heavily on pacifiers may be more prone to middle ear infections. And dentists note that prolonged pacifier use can affect your child’s teeth and create bite issues. Perhaps most importantly is their potential to impact expressive language development. Your child’s ability to speak is an important one. After a point, language shapes not only the content of our thinking, but the very structure of our cognition. By otherwise occupying the mouth over long periods of time, pacifiers may slow language development by limiting opportunities for expression. Speaking with a pacifier in the mouth can also lead to distortion of speech sounds (even when they aren’t in the mouth). All told, I’m an advocate for beginning to wean off of pacifiers at around a year of age - which is why this video spoke to me. We see an infant appropriately using one and big sister demonstrating her expressive language, her mouth unencumbered and free to chatter away happily. The transition can be difficult - but not nearly as challenging as for a child who has become dependent over a period of years. Do/did you use pacifiers with your child? Why or why not? How did you help transition away from their use? This sweet siblings were shared to IG by _lullabye_luxuries_.

Dan Wuori

157,980 görüntüleme • 2 yıl önce

💬 We get asked Is it worth trading when the market is just moving sideways with no big trends? ❕ Answer from a GT App Trader: Actually, "boring" markets are where I make some of my most consistent gains. When the price is stuck in a range, I switch my focus to Grid or Scalping strategies. 🔸 Profiting from the "Ziz-Zag" While everyone is waiting for a massive pump, my strategies take advantage of small price fluctuations. They buy at the local bottom of the range and sell at the local top, over and over again. These small wins really add up. 🔸 High Frequency, Low Stress In a flat market, you don't need to catch a 10% move. Setting up a strategy to grab 0.5% – 1% multiple times a day works perfectly. It keeps my capital working instead of just sitting idle in the wallet. 🔸 Precision Settings I usually adjust my filters to be more sensitive during these periods. Using the Strategy Builder, I can set tight entry and exit points so the strategy stays active even in a narrow price corridor. Don't wait for the moon — trade the range!
0:11

💬 We get asked Is it worth trading when the market is just moving sideways with no big trends? ❕ Answer from a GT App Trader: Actually, "boring" markets are where I make some of my most consistent gains. When the price is stuck in a range, I switch my focus to Grid or Scalping strategies. 🔸 Profiting from the "Ziz-Zag" While everyone is waiting for a massive pump, my strategies take advantage of small price fluctuations. They buy at the local bottom of the range and sell at the local top, over and over again. These small wins really add up. 🔸 High Frequency, Low Stress In a flat market, you don't need to catch a 10% move. Setting up a strategy to grab 0.5% – 1% multiple times a day works perfectly. It keeps my capital working instead of just sitting idle in the wallet. 🔸 Precision Settings I usually adjust my filters to be more sensitive during these periods. Using the Strategy Builder, I can set tight entry and exit points so the strategy stays active even in a narrow price corridor. Don't wait for the moon — trade the range!

GT Protocol

36,613 görüntüleme • 2 ay önce

In 1995, 77.1% of global primary energy was provided by fossil fuels. As of 2024 (the latest data I could find), 76.4% still comes from fossil fuels. That's a whopping *sarc* 0.7 percentage point drop in 30 years. Governments have spent TRILLIONS of taxpayer dollars on “green” energy projects, and while growth in renewables has been enormous (particularly solar), it has barely made a dent in the global energy mix (note, these figures are based on the substitution method for fair cross-comparison, so it slightly lowers fossil fuels) because coal, oil, and natural gas consumption continue to increase year after year. If eco nuts like you actually wanted to “decarbonize” the economy, then a deregulation of and transition to nuclear fission would achieve that far faster.
0:10

In 1995, 77.1% of global primary energy was provided by fossil fuels. As of 2024 (the latest data I could find), 76.4% still comes from fossil fuels. That's a whopping *sarc* 0.7 percentage point drop in 30 years. Governments have spent TRILLIONS of taxpayer dollars on “green” energy projects, and while growth in renewables has been enormous (particularly solar), it has barely made a dent in the global energy mix (note, these figures are based on the substitution method for fair cross-comparison, so it slightly lowers fossil fuels) because coal, oil, and natural gas consumption continue to increase year after year. If eco nuts like you actually wanted to “decarbonize” the economy, then a deregulation of and transition to nuclear fission would achieve that far faster.

Chris Martz

99,711 görüntüleme • 23 gün önce

A Bell 407 collided with a open hangar door while trying to depart a airport hangar alleyway in Utah. I’ve seen several similar accidents happen over the years and this accident was easily preventable. For all the helicopter pilots out there, please do not takeoff from a small hangar alley like this and at a bare minimum close the hangar door. This 407 produces hurricane force winds with its rotor wash and could have easily forced FOD out of the hangar and into the aircraft. This aircraft was on a dolly with a tug and it would have probably taken the pilot an extra 5 minutes to find a more open and suitable location to depart from. You can also produce your own mechanical turbulence from the rotor wash hitting buildings and going back into your rotors make your hover less stable. Thankfully the only occupant onboard was the pilot and they were able to walk away with non-life threatening injures according to news reports. I also highly encourage unhooking any tow equipment for the dolly and moving it out of the way before taking off. So many times it just comes down to simple laziness and complacency. PS. Those are some gorgeous looking hangars! 🎥 KSL
0:11

A Bell 407 collided with a open hangar door while trying to depart a airport hangar alleyway in Utah. I’ve seen several similar accidents happen over the years and this accident was easily preventable. For all the helicopter pilots out there, please do not takeoff from a small hangar alley like this and at a bare minimum close the hangar door. This 407 produces hurricane force winds with its rotor wash and could have easily forced FOD out of the hangar and into the aircraft. This aircraft was on a dolly with a tug and it would have probably taken the pilot an extra 5 minutes to find a more open and suitable location to depart from. You can also produce your own mechanical turbulence from the rotor wash hitting buildings and going back into your rotors make your hover less stable. Thankfully the only occupant onboard was the pilot and they were able to walk away with non-life threatening injures according to news reports. I also highly encourage unhooking any tow equipment for the dolly and moving it out of the way before taking off. So many times it just comes down to simple laziness and complacency. PS. Those are some gorgeous looking hangars! 🎥 KSL

Thenewarea51

57,518 görüntüleme • 1 yıl önce