Some hover states might be hurting your website's mobile... experience. On mobile, hover states gets stuck when users tap on them. This CSS media query fixes that: @ media (hover: hover) { .card:hover { opacity: 0.5; } } With that, the hover transitions will only apply for devices that actually supports hovering. If you found this one useful, follow for more. ❤️show more

This CSS unit is quietly ruining your website's mobile... experience. In mobile, "vh" doesn't account for the browser's address bar so the bottom of your page gets cut off. Even worse if you have a bottom right action button since users won't even know it's there. The "svh" unit fixes it: .page { min-height: 100svh; } If you found this one useful, follow for more! ❤️show more

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: 63hshow more

One of my favorite things about these HTML slides... is these clickable dots on the side that serve as "table of contents" for navigating the deck. When you hover it, you can see the slide title. If you think about slides as websites, there's so much interactive stuff you can doshow more

This one line of CSS will fix the annoying... layout shift that scrollbars cause. This happens when a non-scrollable container becomes scrollable due to its content. This gets rid of that problem: .container { scrollbar-gutter: stable; } With that, space is reserved for the scrollbar before it even appears. So there's no layout shifts when content grows. Use both-edges if your content is centered. It mirrors the reserved space on both sides of the container to keep the layout balanced. If you found this one useful, follow for more. ❤️show more

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. ❤️show more

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 everytimeshow more

Source: Tangledtitty🛸 jerry_official88 Location: 📍AZ, USA 🇺🇸 Multiple UFO... UAP Orbs Drones seen hovering over the residential area…👀🛸 These UAP can hover for long periods of time and fly also which leads people to think they are drones but where is the energy source that can last over several hours if not days. The government is pretending like they have this under control but they don’t. They are everywhere. Seen on Xshow more

🚀 We just released Zed v0.197! If the Debug... Adapter for your language supports it, you can now configure breakpoints such that the debugger only stops on them based on variable access patterns: Read, Write, Read & Write. This is super useful for tracking down unexpected data changes to your application state.show more

Honestly, I don't get why Vgen still doesn't have... basic price sorting or filters in 2026 😩 You're telling me I have to click into every single commission listing just to find out the price... and half the time it's way out of my budget? To solve this: I developed VGENUnlocked. It fixes the BS: 1. Prices show automatically as you scroll through commissions 2. Hover over "mature" images → they unhide instantly 3. Set a min/max price range and everything outside it gets filtered out automatically 4. Sort by price, rating, or review count. Actual useful controls. If you hunt for commissions on Vgen, this is about to make your life 10x easier.show more

Just dropped: Horizon. Not just a theme. A new... foundation for building online stores on Shopify. One system. Ten new themes. All live today. Horizon incorporates theme blocks - 30+ drag-and-drop components you can remix across your store. Video. Product recs. Rich text. Custom content. Want holographic effects on images as you hover over them? Just say so and AI will code something just for you. We’ve also made some of your most requested updates to the theme editor: • Copy + paste blocks anywhere • Drag + drop across pages • Preview blocks before publishing This is total design freedom. The fastest way to go from idea to store. Horizon is the new starting line for great brands. Let’s build.show more

We also made white standable Paws!!🐾❤️ We're excited to... announce that the Standable Paws will be available starting TOMORROW! Be sure to follow us on social media for the latest updates and get ready to bring this adorable one home!⏰ #silicone #furrjoi #paws #fetishshow more

⚠️ NEW ASSETS??? ⚠️ They’re more valuable than you... think 👀 ❌ AND THEY AREN’T AI ??? ❌ Assets allow you to change things up, create new redeems and ways to interact with chat, and are a great thing to use for social media posts! You can commission your own too !!! ✨ I am so grateful that this site opened and allowed for the opportunity to easily find artist-made L2D assets!! I love that I can use it on mobile and search for new ideas on the go !! 💗📲show more

How to 10x your design with Figma Make ⭐️... I spent 40+ hours testing Figma Make prompts. Most designers waste time with vague prompts and get garbage outputs. Here are the exact prompts and proven workflow that actually work: 1️⃣. Prompt formula: Bad: "Create a dashboard" Good: "Create a SaaS analytics dashboard with: → Left sidebar navigation (240px wide) → Top bar with user profile → 4 metric cards in a grid → Line chart showing revenue trend → Use blue (#2563EB) as primary color" The more you specify = higher quality. 2️⃣ Workflow: Import Your Design System First Before your first prompt: → Go to your main Figma file → Export your component library → Import it into Make → Add this to every prompt: "Use components from [Your Library Name]" Now everything matches your brand automatically. 3️⃣. Prompt for Interactive States: "Create a login form with: → Email and password inputs → Show error state when fields are empty → Disabled button state when form is incomplete → Success message after submission → Add smooth transitions between states" Gets you working prototypes, not static screens. 4️⃣. Advanced Prompts: Data States "Create a user list screen with three states: → Loading (skeleton screens) → Success (populated table with 10 users) → Empty (illustration + 'No users yet' message + 'Add User' CTA)" One prompt = complete UX coverage. 5️⃣. The "Design System Drift” Fix: Notice Make using wrong colors? → Try this Prompt: "Analyze my imported library and list all color tokens, then regenerate using only those exact values" It'll self-correct and stick to your system. 6️⃣. Responsive Design Prompt: "Create a pricing page with 3 tiers. Make it responsive: → Desktop: 3 columns side-by-side → Tablet: 2 columns with 3rd below → Mobile: Stacked vertically → Use Auto Layout for fluid scaling" This gets you mobile + desktop in one shot. 7️⃣. Magic Troubleshoot Prompts: Output looks off? → Try: "Redesign this following Material Design principles" → Or: "Make this follow iOS Human Interface Guidelines" → Or: "Apply Gestalt principles for better visual hierarchy" Give it design frameworks to follow. It works magic. Designers who master prompt engineering in 2026 will ship 10x more than everyone else. P.s. I made a Gameboy for Pokémon. (bookmark this for later)show more

✨ 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 Commissionshow more

I don’t expect much from you. I’m simply asking... you to replace these Muslim people with a European Christian in your imagination and imagine a Christian being told by a Muslim: “Why have you come to England, a Christian country?” If that had happened, the entire global media would be condemning it right now. They would be interviewing the Muslim man’s family. The Pope and senior bishops would be issuing statements of condemnation. There would be no hesitation in calling it out for what it is. Yet this is one of the most blatantly racist videos circulating and because the man being targeted is called Tommy, there is silence. This double standard is shameful. Media outlets that are too cowardly to tell the truth for fear of losing credibility should remember this: one day, the same intolerance will turn on them and when it does, there will be no one left to defend them.show more

A vapor trail that clean only shows up when... the round is moving fast through dry air… you might see it a few times in your entire life, and when you do, it tells you the shot was perfect. And if you’re a Democrat, you’ll never understand that this is how real Americans eat… you’ll feel more for the deer than for the families who feed their children with it. So be quiet. 🤫 HK Guns #SilentMajoritySpeaks #AStoneGrooveshow more

Surprise! We’re excited to share that we’ve just dropped... an early demo version of “I’m Just A Kid” exclusively on Amazon Music ! 🤩🤩🤩 In honor of our documentary “Simple Plan: The Kids in the Crowd” coming this summer on Prime Video Prime VideoCA , we went through our archives to find some never-heard before versions of our songs to share with you! And while opening our vault of old CDs and cassette tapes, we might have also found some completely unreleased songs too…😮🤩🎉 More on that coming later, but for now we hope you enjoy this little piece of SP history of the song that started it all for us.🤘❤️🙏 Check it out now on Amazon Music! More on that coming later, but for now we hope you enjoy this little piece of SP history of the song that started it all for us.🤘❤️🙏show more

SEO for AI, why you should not block AI... answer engines, and the future of the web. We published an article *today* with updated guidance on databases on vercel. Brand new knowledge. Grok already has it (impressive!), sources it correctly, and links to our authoritative source, our website. This is good for users and good for the web. For users, this is the ideal experience. I use Grok myself like this every day. I don't want 10 blue links and a bunch of browser tabs. I want the AI to do the research for me. For companies, this is the future of getting information out about your products. It's going to be the norm and it'll be bigger than social media. Instead of blocking AI with legacy firewalls, I'd focus on: ▪️ writing content that matches the kinds of questions people are asking about ▪️ massively speeding up your content velocity. So many nuggets of wisdom get lost in private channels and groups. Get information out more quickly! ▪️ shipping agent integrations (like MCPs) and tools/infrastructure that plays well with agents (even CLIs are a good example) ▪️ offering 1P agentic & AI experiences to your end users. There won't be "one chatbot to rule them all". Build your own!show more