Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

🚨 There are more cool things in PostHog: - Max AI has evolved into PostHog AI. It can now navigate the app, create feature flags, and is automatically aware of the active tab. - PostHog AI's updated chat UI now shows its reasoning, planning, and tool calling all in...

12,050 görüntüleme • 8 ay önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

long time no posting, here's some of the stuff we released in helium recently: - customizable keyboard shortcuts on all platforms - automatic updates on windows - frameless mode (previously zen mode), with floating sidebar, is now out of beta and included in settings by default - improved fingerprint noising: fixed the canvas noising algorithm and added protections against analysis attacks (thank you Cynthia 🐈 for your report, research, and assistance) - tab URL copying, one or multiple, formatted as a list with line breaks - manual tab hibernation, with an option to hibernate all tabs except for selected/active ones - an option to close tabs to the left (or above, in vertical layout) - redesigned toast notifications, now anchored to the active web page, and no longer blinding in dark mode - toast notification about newly opened background tabs in frameless mode (can be disabled in settings) - redesigned the infobar, it no longer looks out of place - improved QR code generation, now it's actually useful - downloads bubble is now shown instead of the full page whenever applicable - kagi search now supports reverse image search from image context menu - frameless mode animations are now smoother - better color contrast in light and dark modes - a lot of bug fixes and other minor improvements all of these changes are present in the latest version of helium. if you're using helium on windows, please update to the latest version, so your browser can be updated automatically from now on!

Helium

89,825 görüntüleme • 1 ay önce

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,670 görüntüleme • 2 yıl önce

.Naval: You define wealth in a beautiful way. You talk about wealth as a set of physical transformations that we can affect. So as a society it becomes very clear that knowledge leads directly to wealth creation for everybody. A given individual can obviously affect physical transformations proportional to the resources available to them—but much more proportional to the knowledge available to them. Knowledge is a huge force multiplier. You then define resources as the thing that you combine with knowledge to create wealth. New knowledge allows you to use new things as resources and discard old things that maybe we’re running out of. There are lots of examples of how we’ve done that in the past. For example, in energy we’ve gone from wood to coal to oil to nuclear. But then people say, “Now we’re out of ideas. Now we’re caught up. Now we’re done. There aren’t going to be new ideas, and now we have to freeze the frame and conserve what we have.” The counter to that is, “No, we’ll create new knowledge and have new resources. Don’t worry about the old ones.” Well they say, “If you’re going to have new resources, if you can’t think of them now, it’s not real.” This now gets into the realm of people demanding that if you’re going to claim that new knowledge will be created, you have to name that knowledge now. Otherwise it’s not real. But that seems like a Catch-22. David Deutsch: It does, and it’s a bad argument. I don’t want to claim that the knowledge will be created. We’re fallible; we may not create it. We may destroy ourselves. We may miss the solution that’s right under our nose, so that when the snailiens come from another galaxy and look at us, they’ll say, “How can it possibly be that they failed to do so-and-so when it was right in front of them?” That could happen. I can’t prove or argue that it won’t happen. What I always argue, though, is that we have what it takes. We have everything that it takes to achieve that. If we don’t, it’ll be because of bad choices we have made, not because of constraints imposed on us by the planet or the solar system. Naval: It will be by anti-rational memes that restrict the creation of knowledge and the growth of knowledge. David Deutsch: Maybe. Or maybe it’ll be by well-intentioned errors, which nobody could see why they were errors. Again, it doesn’t take malevolence to make mistakes. Mistakes are the normal condition of humans. All we can do is try to find them. Maybe not destroying the means of correcting errors is the heart of morality; because if there is no way of correcting errors, then sooner or later one of those will get us. Naval: Don’t destroy the means of error correction is the base of morality. I love that. I think about places like North Korea where you can’t have elections and a revolution is very difficult because the gang in charge is armed to the teeth and they’ve destroyed the means of political error correction for a long time. That is a case where humanity is trapped in a local minimum, and it’s very hard to climb out of that hole. If too much of the world falls into that mindset, then we as a species may just stagnate because we’ve lost our biggest advantage. We’ve lost our biggest discovery, which was the ability to make new discoveries.

Deutsch Explains

143,913 görüntüleme • 1 yıl önce

NEW: Introducing Octane AI Agentic Commerce Quizzes - Increase sales with AI. What is it? A sales quiz AI agent that makes 1-1 personalized sales experiences for every single customer. In real time. Powered by our new AI model CORE-1. Examples: 📸 Want to ask your customer to take a selfie and your AI agent automatically recommends them a full outfit from your catalog? Octane AI agents can do that. 🪞 Want to have an AI agent hand pick out each product for a personalized skin care routine? Want them to upload a selfie to detect their skin tone? Octane AI agents can do can that. 📊 Want to create an incredibly detailed report with graphs and tables and graphics thats generated by AI for each customer? Octane AI agents can do that. We give you the building blocks and you can build anything. And you can build it fast because our AI will do the heavy lifting for you. This is v1 and a representation of where our commerce and quiz technology is headed. Available today to everyone at 🆕 What we are launching today: • Smart Quiz Builder: Have an AI agent plan out and build your Octane AI quiz for you. It can even write custom HTML for beautiful results pages and progress bars. • Smart Products: It can take forever to setup the recommendation logic for a quiz. For those of you who need help, simply add smart products to your Octane AI quiz and your very own AI agent will hand-pick products for each customer who takes your quiz. It’s amazing. • Smart Copy: Instead of showing everyone who takes your quiz the exact same copy, use AI to personalize the quiz for every single person who takes it. Explain why these specific products are perfect for specifically them. • Image Analyzer: Let your customers upload or take a photo during the quiz and have AI analyze it. You can use this for anything from skin tone detection to picking out outfits! • Shopping Assistant: An AI agent that lives on your store that can help your customers at the right time. We have been building quiz software for almost 10 years now and AI is enabling us to make quizzes even more powerful. This is just the v1 of what we will be releasing in this area. We are so excited to see what you create with these new agentic products. Get creative, we think you will be surprised at how many interesting experiences you can create with Octane AI now.

Matt Schlicht

290,828 görüntüleme • 7 ay önce

Don’t Scroll—God Is Calling You to Submit and Move Praise the Lord that He has given us such a commission and such a call and we should be humbled by that and we should want to go out for His kingdom and do that. All of you are usable by God. There is not one of you that is not usable if you're only willing to submit. We all fall short. It's a matter of who is willing. Here I am, Lord, send me. That's what Isaiah said. Here I am. Send me. You are all usable. When a lot of you out there go, well, what can I do for God in my life? There's a lot you can do. If you're only willing to be picked up as an instrument in his Hands and implemented the way you were created to move. Many of you are operating outside the realm of what you were created to be. And in this season, that's going to be reconciled. And many of you are going to change course in this season drastically. Because you're in jobs, you're in areas, you're doing things, you were not created to do. You have gifts for it, but you weren’t created to do it. And there's going to be massive shifts in many of your lives and a sudden turn. And the Lord is going to realign. And this is going to be quick when He does it. Realign you into the position, redirect you and put you on that course because time is short and He needs you operating in what you were created to do. He needs that right now. And many of you are going to enter that process in this season. So praise the Lord because you are. You will enter that process and you will be redirected. And you will do what is written about you in the books of heaven, what you were created to do on this earth. Because many of you know and feel uncomfortable and know you're not in your call. You know you are just trying to try to endure, you're trying to survive. And it's because you're not in your call. Surrender to God, allow Him to redirect you into your call and your purpose that you were beautifully created to do. Because it's needed in this season and we cannot dilly dally anymore and go dabbling in things we are not created to do. It's time for us to go to work and it's time for us to be willing to go there.

Amanda Grace

12,379 görüntüleme • 2 ay önce