Loading video...

Video Failed to Load

Go Home

🐍 Solid Snake can use the Soliton Radar Mk. III to check his immediate surroundings. 🟢 Green = all clear 🟡 Yellow = active camera 🔴 Red = enemy operator It also has a precision mode 🎯👀

1,240,140 views • 5 months ago •via X (Twitter)

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

CSS Trick 🤙 You can create these tab bar controls by using :has() to count the number of tabs ⭐️ .tabs:has(input:nth-of-type(3)){--count: 3;} .tabs:has(:checked:nth-of-type(3)){--active: 200%;} .tabs::after{ translate:var(--active) 0;} Let's break it down in this ! 📼 Couple of CSS :has() tricks here combined with custom properties 😎 First things first, lay out the tabs using display: grid. This gives you a way to create equal-width tabs 🙏 .tabs { display: grid; grid-auto-flow: column; } Then you use :has() to count the number of tabs and store that in a custom property 🤓 .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Using the tab count, you can size the tab indicator. For the tab indicator, use the tabs pseudoelement: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } See how you can use --count to determine its size 📏 Next, use :has() to determine which tab is active or :checked with input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } Or you could set active to the translation: .tabs:has(:checked:nth-of-type(2)) { --active: 100%; } Setting the custom property allows you to use the index elsewhere if you need it 🤙 The final piece is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

70,730 views • 2 years ago

CSS Tip! 💪 You can create these tab controls with CSS :has() + radio buttons ✨ .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } .tabs::after { translate: calc(var(--active, 0) * 100%) 0; width: calc(100% / var(--count)); } Two CSS :has() tricks here combined with a rendering trick 🤙 The tab control is a container using display: grid. You can use :has() to count the number of tabs in the container: .tabs:has(input:nth-of-type(3)) { --count: 3; } .tabs:has(input:nth-of-type(4)) { --count: 4; } Using the cascade, the last valid :has() gives you the number of tabs 🫶 Once you know the number of tabs, you know how to size the indicator: .tabs::after { content: ""; position: absolute; height: 100%; width: calc(100% / var(--count)); } It's a pseudoelement that uses --count to determine its size 📏 The next :has() trick is determining which tab is active or :checked as it's an input [type=radio] .tabs:has(:checked:nth-of-type(2)) { --active: 1; } .tabs:has(:checked:nth-of-type(3)) { --active: 2; } You can use a zero-indexed translation here. If the second input is :checked, set --active: 1, then translate the pseudoelement on the tabs to that position 👉 .tabs::after { translate: calc(var(--active, 0) * 100%) 0; } The last rendering trick is using mix-blend-mode 👀 The tabs have a black background-color, the pseudoelement is white, and the label text is white. When you use mix-blend-mode: difference on the pseudoelement it will give this effect that the text transitions from white to black sliding across 😎 .tabs::after { color: hsl(0 0% 100%); mix-blend-mode: difference; } You can totally mix up the colors here though and go with a different effect. The mechanics of how you can use CSS :has() is the main point here 🙏 As always, any questions, suggestions, etc. let me know CodePen.IO link below! 👇 (There's even a Tailwind CSS play for this one too 👀)

jhey ʕ•ᴥ•ʔ

437,426 views • 2 years ago

Testing one of the best safety features of an airplane, the “Enhanced Ground Proximity Warning System” (EGPWS, pronounced E Gyp-Wiz). It’s part of every preflight check. Sound on! It’s a warning system. While the jet has separate warnings for things wrong internally, EGPWS is concerned about what’s outside the jet, not what’s inside. It’s primarily concerned w/ terrain & obstacles…EGPWS can “see” outside when pilots can’t. It doesn’t actually see anything, though. There are no cameras or lasers. EGPWS does use the jet’s radar, but not for detecting terrain. (We’ll talk more about radar in a minute, but it’s not useful for orienting yourself to terrain in the vertical. It has a “map” mode that you can use to “paint” things like cities, lakes & shorelines, but it only knows how strong the reflection is & how far away, not how high. We almost never use it in map mode, anyway) EGPWS uses the jets navigation systems – like GPS, Inertial Reference, Altimeters, airspeed, etc. – to plot a position in a virtual world. This world is contained in a database on the jet; it’s constantly plotting your position & then estimating where you’ll be in the next few minutes if the trend continues. The virtual world database knows where the mountains are. When you get close to airports in the database (not all airports are in it), it knows where the buildings & antennas are, too, out to a certain radius. Past that radius, it stops caring about the manmade objects. Anyway, it can tell if you will hit something on your current trend & will issue various warnings. It can give you up to 60 seconds of warning. It starts out slow, like saying “CAUTION, TERRAIN”, but if you don’t fix it, it gets serious…“TERRAIN, TERRAIN, PULL UP!”. You’re 20-30 seconds from impact. It’s not a miracle worker, though. It can wait to give you a warning that you can’t fix. Imagine flying toward a 10,000’ high cliff at 1,000’. A 60 second warning will not be enough time to climb 9,000’ & clear it. Or, it sees a mountain to your right, but your current path is clear. It doesn’t know you’ll do a 90° right turn once abeam the mountain. Now you’ll get some late warnings. EGPWS has various other functions. If you get on the approach but haven’t configured to land, it will say “TOO LOW, FLAPS” (or GEAR). If you start getting below the glidepath, it will say “GLIDESLOPE”. Start descending right after takeoff? “DON’T SINK”…and if you do keep sinking, it switches to “PULL UP!” Now, EGPWS doesn’t use the onboard Doppler radar for any of these functions, but it does use it to detect windshear. EGPWS doesn’t care if you turn on the radar or not, it turns it on itself when you push the throttles up for takeoff or when you descend below a certain altitude on approach. It takes about 12 seconds for the radar to build a picture from that point, but once it does, it can “see” windshear. The Doppler detects this by bouncing radar off of particulates & reading how they are moving at different altitudes. The particulates can be dust or just humidity…the radar can’t read air molecules by themselves. So, it’s still possible to get windshear the radar doesn’t see on very dry, clean days. EGPWS hates windshear. If it detects it, EGPWS replaces your screen w/ the radar – even if not turned on by you – & starts with a gentle warning to “MONITOR RADAR DISPLAY”. If you get closer to it, you get “WINDSHEAR AHEAD” (on takeoff – abort if you still can) or “GO AROUND, WINDSHEAR AHEAD!” (on landing). EGPWS is great, but can’t actually move the jet. It’s not connected to the controls in any way. Some fighters do have that capability, but not airliners. The pilots have to fix it. OK, that’s a brief summary of EGPWS. As usual, I’m dramatically simplifying things for a non-techie audience…there is much more to it & different models of jets have slight differences in how this all works. The 737 MAX has some improvements, w/ different voices & even panic, but I don’t have one to record, sorry!

KC-10 Driver ✈️ 👨‍✈️ B-737 Wrangler

35,259 views • 1 day ago

📚 YOUR NEXT LEVEL STARTS WITH YOUR NEXT BOOK! The Ultimate Business & Motivational Reading Stack — all in one place! 🔴 The Diary of a CEO— Steven Bartlett 🟠 The 5AM Club— Robin Sharma 🟡 Mindset— Carol S. Dweck 🟢 The Subtle Art of Not Giving a F\ck— Mark Manson 🔵 The 7 Habits of Highly Effective People— Stephen Covey 🟣 Deep Work— Cal Newport ⚫ The Psychology of Money— Morgan Housel 🔴 The Personal MBA— Josh Kaufman 🟠 Surrounded by Idiots— Thomas Erikson 🟡 Surrounded by Liars— Thomas Erikson 🟢 The Mountain Is You— Brianna Wiest 🔵 The Let Them Theory— Mel Robbins 🟣 Shoe Dog— Phil Knight ⚫ Start With Why— Simon Sinek 🔴 Ikigai— Garcia & Miralles 🟠 Zero to One— Peter Thiel 🟡 The Intelligent Investor— Benjamin Graham 🟢 The 21 Irrefutable Laws of Leadership— John Maxwell 🔵 Atomic Habits— James Clear 🟣 The Millionaire Fastlane— MJ DeMarco ⚫The Art of War— Sun Tzu 💡 Every book on this stack has changed someone's life. Which one is yours?👀 🛒 All available NOW at Innov8 Bookshop! 📍 Find us at ALL these locations: 🔴 Harare CBD — Rezende Parkade George Silundika Ave 🔴 Ambassador Hotel — Kwame Nkrumah/Sam Nujoma St 🔴 Avondale Shopping Centre 🔴 Arundel Village, Mount Pleasant 🔴 Kamfinsa Shopping Centre 🔴 Pomona Borrowdale — Authenteak Mall 🔴 Bulawayo — Family of God Church Building 🔥 Read more. Earn more. Become more.👑⚡

Innov8 Bookshop

83,658 views • 1 month ago