Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

shipped these dynamic candlestick charts for Farcaster last week: - smooth Y axis resizing on scroll - hold down to highlight a candle - buy / sell markers - haptics on hold - rubber banding + inertial scrolling - 60 FPS react native / reanimated / skia

49,576 görüntüleme • 11 ay önce •via X (Twitter)

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Build uncompromising high-performance, high-fidelity apps with React. What you see is not the Apple Messages app, nor is it meant to be 1:1. Rather it serves as an aspirational and real example of UI/UX that is possible. Every detail from the bubble animations to keyboard gestures to scroll view insets and safe areas to parallax timestamps required care and attention. Quality UIs come from caring hard. The little chat bubble tails that morph away when the next message animates in. Timestamps that scroll at a different rate than the bubbles. Peek gestures powered by UIKit that lift a chat bubble, tail and all, with a gentle haptic pulse. The subtle shadow of the text composer and responsively sliding down the keyboard in pixel-perfect concert. The composer shrinking its width to fit iPhone’s rounded bezel. The beautiful Liquid Glass refractions have the level of glassiness chosen by the user (new in iOS 27). Scroll view insets that adjust to fit the home bar and keyboard dynamically, creating a sense of depth as the chat bubbles are slightly visible as they scroll under the keyboard. Keeping the keyboard on screen if the prior screen already presented it. Sliding the keyboard and composer with the screen when the user drags to navigate back. I am excited to explore using the new iPhone Duo view controllers natively with React when the time comes. There is always room for innovation and improvement. This chat demo runs at 120 FPS on iOS 27 even on my phone that’s four versions old now. There are several approaches to high-performance lists. I explored a new Expo scroll view that uses the native gesture systems along with react-native’s VirtualView (codenamed “Fling” to reflect the speed of flinging a scroll view), which Meta’s React team designed to prioritize scroll momentum with React’s scheduler. There are tradeoffs with other scroll strategies for how the scroll views gracefully degrade, and they can be swapped out based on what’s best for your app’s use case. And, by virtue of using modern React, high-priority events like user gestures can preempt lower-priority ones like a network response. Let us dispel any myth that using React requires compromising on beautiful, smooth, user-friendly UI/UX that Uses the Platform. Let us dispel any myth frame-perfect UI coordination is not achievable. The Hermes thread and the UI thread can coordinate when needed, like for controlled text inputs. Let us dispel any myth that React Native’s performance is impacted by a bridge, let alone has a bridge. Bridgeless JSI and the Fabric renderer are here for apps that use the New Architecture. What about Android? The app runs and I’ll share a screenshot from my cloud agent’s emulator. With some attention to detail dedicated to Android I’m confident crafted UX is attainable. I’ve spent my tokens once and have a structural head start everywhere. One more thing! Most of this chat’s application code is written with , , , and other familiar elements. The styling is mostly CSS, including linear-gradient(), background-attachment: fixed, and semantic platform colors that adapt to dark mode. Not just appearance - CSS Animations and CSS Transitions run entirely natively. There are a handful of custom native components written in Swift and Kotlin, like the chat bubbles and a custom CAShapeLayer and UIBezierPath for the tails. Native coding is a first-class feature. The way to think about building beautiful apps this way is React and Native, not React vs. Native. Aspire high and raise your ambitions for what is possible!

James Ide

140,188 görüntüleme • 24 gün önce

These quick workouts are for people who want to improve their postures. The exercises target the weakened foundations pulling your body out of alignment. The sessions are short yet effective. Use the workouts to raise yourself to the next level before the new year starts. Instructions: - Do the exercises as a circuit, or one at a time if you find the circuit format too challenging. - Repeat the circuit or each exercise 3 to 4 times. - The sessions are light enough that you can done daily. Follow the sequence from Day 1 to Day 7 in order. - Ideally done at the start of your day or at the end. Day 1: Kneeling T-Spine Stretch (0:06) [ 10 reps/side ] - Start: Kneeling, one hand on the floor. - Slide your straight arm under your torso. - Reach as far forward as possible. - Keep your hips squared throughout the motion. Kneeling T-Spine Rotation (0:12) [10 reps/side] - Start: Kneeling, one hand on the floor, the other behind your head. - Rotate inward to point your elbow toward the floor. - Rotate outward to point your elbow toward the ceiling. - You may not have the mobility to go all the way up. Stop when you reach your max, and do not force it. Supine Around The World (0:18) [10-20 reps/side] - Start: Lying on your back, arms by your sides, palms toward the ceiling. - Rotate your arms back to have your hands pointing behind you. Day 2 Side-Lying Quad Stretch (0:27) [30-60 seconds/leg] - Start: Lying on your side, legs stacked. - Grab your ankle and pull your foot toward you. - Use a towel or elastic band if you cannot reach your ankle. Hip Bridge, Feet on Bench (0:37) [10 reps with a 3s hold at the top of each rep] - Start: Lying on your back, feet on an elevated surface like a bench, couch, or chair. - Lift your hips off the floor to align your upper and lower bodies. - Adapt: If you cannot lift all the way, do the same exercise with your feet on the floor. - Adapt: If this variation is too easy, do one leg at a time. Dynamic Hip Extension Plank (0:49) [ 10-20 reps/leg] - Start: Push-up position. - Lift one leg as high as possible, keeping it straight. - Alternate legs. - Adapt: Rest on your forearms if you struggle to hold the push-up position. Day 3 Sky Reach (1:04) [10 reps/side] - Start: Deep Squat position - Rotate one arm to have your hand pointing toward the ceiling or as close as you can reach. - Do not force the range of motion if you block before that. - Alternate arms. - Adapt: Kneeling variation. Side-Lying External Rotation (1:21) [10 reps/arm] - Start: Lying on your side, one hand supports your head, and the other holds a dumbbell or any weighted object if you lack equipment. - Rotate the weight directly above your body while keeping your arm locked to your torso. Bent-Over Reverse Flys (1:28) [20 reps] Start: Bend forward, arms hanging down. Ensure your back is straight and your hips are held high. Lift your arms to shoulder level and keep them straight. Adapt: Add weights if bodyweight is too easy. Day 4 Deep Squat (1:36) [10 reps] - Start: Feet slightly wider than hips apart. Inhale first, then hold it in. - Lead the motion by sliding your knees forward and letting your hips naturally fold. - Go as low as your body allows, then push back up. - Exhale on the way up. - Adapt: Hold onto something stable to help you go lower. Hip Thrust (1:44) [10 reps with a 3s hold at the top of each rep] - Start: Both feet on the ground, shoulders on the edge of a bench or couch, hips down. - Lift your hips to align your lower and upper bodies, and hold. Side Bridge (1:57) [10 reps/side] - Start: Side Plank position, legs stacked. - Lift your hips off the floor and hold when you reach the top. - Ensure your head stays aligned with your shoulders and hips. Avoid bending it forward to make the motion easier. - Adapt: Bend the lower leg. Day 5 Wall Slides (2:23) [10 reps] - Start: Stand in front of a wall with your forearms and hands flat behind you. - Be as close as you can to the wall, but you can take a few steps forward if you lack the mobility to keep your arms flat. - Straighten your arms while keeping them flat against the wall. Y-Raises (2:29) [10 reps with a 3s hold at the top] - Start: Lying on your stomach, arms in a Y position, thumbs toward the ceiling. - Lift your thumbs toward the ceiling and hold. - Lower back to the floor. T-Raises (2:41) [10 reps with a 3-second hold at the top] - Start: Lying on your stomach, arms in a T position, thumbs toward the ceiling. - Lift your arms toward the ceiling and hold. - Lower back to the floor. Day 6 Seated Toe Pointing (2:56) [10 reps] - Start: Sitting on the floor with your legs ahead of you, feet together. - Point your toes forward. - Point them toward you. Seated Ankle Rotations (3:02) [10 reps] - Start: Sitting on the floor with your legs ahead of you, feet apart. - Rotate your feet like a windshield wiper, going as deep as possible on either side. Reverse Plank (3:09) [Hold for 30-60 seconds] - Start: Ball of the feet on a step, heels hanging. You may hold on to a ramp or wall for added support. - Lower your heels as low as possible and hold at the bottom. - Lift your heels as high as possible. Day 7 Unilateral Chest Stretch (3:21) [30-60 seconds/arm] - Start: Place your hand flat against the wall at shoulder level. - Rotate your body in the opposite direction and hold. - Placing your hand higher than shoulder level increases the stretch. Cat-Cow Stretch (3:31) [10 reps] - Start: Hands and knees on the floor. - Round your lower back like a cat (pulling it toward the ceiling) and hold. - Push it down as much as possible and hold. Wide Leg Adductor Stretch (3:38) [30-60 seconds] - Start: Sit on the floor with your legs as wide as possible, hands right in front of you. - Hold the position. // Start your New Year's resolutions with these quick posture workouts. You'll build up the foundations needed to withstand 2024 and crush your goals. Have an excellent weekend!

Alex Bernier

380,762 görüntüleme • 2 yıl önce

Episode 213: Agent Markets Your agents can now hold and trade bitcoin. But how can they earn bitcoin? We introduce the five markets of the OpenAgents Marketplace, launching one per week starting March 11th: 1. COMPUTE - Sell your spare compute for bitcoin. A reboot of our most popular product launch (GPUtopia in 2023), now optimized for agents. Launches March 11. 2. DATA - Sell your spare data. For example those Claude Code or Codex conversations sitting on your computer are highly valuable. Redact the sensitive info, anonymize any of it you want, and sell the rest. Agents as data brokers: what else will they want to buy or sell? Launches March 18. 3. LABOR - Sell autonomous labor. Your Claude Code or Codex sits idle overnight. Turn that downtime into uptime by letting your agents accept and execute coding or other tasks for bitcoin while you sleep. Launches March 25. 4. LIQUIDITY - Provide liquidity for yield. Automate the management of Lightning channels or other Bitcoin-native financial instruments. Let your agent put your idle capital to work earning returns. Launches April 1. 5. RISK - Underwrite verification and performance bonds. The biggest barrier to agent adoption is trust. We built an Economy Kernel based on the recent "Some Simple Economics of AGI" paper where agents stake collateral to verify work and guarantee outcomes. Launches April 8. "Your entry point to all of these markets is going to be Autopilot. We're really focusing on Autopilot as a desktop app. So along with the launch of our compute market, we're going to launch version 0.1 of Autopilot, your personal agent. Think OpenClaw but with a built-in bitcoin wallet, built-in Nostr keypair, and a more curated set of integrations where we can better reason about the security of them." "Because all this is on open networks and open protocols, if you're a Nostr or Bitcoin developer, you'll be able to plug into this same liquidity pool we are building." After 200+ episodes chronicling 2+ years of development, we are excited to finally launch the open marketplace for agents. We are excited for you to participate. And we will measure our success by how much Bitcoin you get paid!

OpenAgents

183,442 görüntüleme • 7 ay önce

It sucks to see my art sell for peanuts. Because in a way "my worth" is literally tied to these prices. Like my art is sold on the stock market, next to all these rugs all the bullshit and yet it's sold for pennies on the dollar. Why? I could have done things differently. Obviously my timing was off with the release. Though in hindsight I'm grateful it's out there. I know a large group of you supported me, believed in me, and saw the vision. The vision we have been dreaming off since 2021. The kind of vision that makes normies ask "how do I get this". The vision that only makes sense on the chain. But here we are. A FP going down. And beyond it sucking for my ego. I know it sucks really hard for those who believed in me You supported me. Big time. And yet here we are. Its even more frustrating seeing the things that are happening and going wel. My art being shown at artbasil with NOLCHA and nftmiami with SuperchiefGalleryNFT . An interview with OpenSea Dreams. Big dreams being fulfilled. Some of you found yourself in my art. You will hold forever. Because its you in there. Some of you want to play the collector game. Find how deep it goes. And others , the speculators, sell my art because there's no upside. But who did you sell it to? Ever wondered this? Why can you sell in the first place? There's a group of people, who love it. And they love it so much they'll buy it when they can. Regardless of price. So what's my job? I need to grow this group. And this is where we one up the degens. Because the art is good. The collection is good. Its undeniable. And so its a matter of time. And perseverance. And I happen to have both. Stay breezy. Stay bullish

Dutchtide.eth

43,047 görüntüleme • 10 ay önce

ACTFUN V2 is live on Arc tesnet A complete redesign and the most ambitious version of the platform we've shipped yet. 🧵 Let break down exactly what ACTFUN is, how it works, and why V2 is a big deal. ACTFUN is a Mine-to-Launch token launchpad built on Arc testnet. The idea is simple: anyone can create a token. But instead of a presale or a bonding curve you buy into the community mines it by writing funny posts. No VCs. No insider allocations. Just the community earning supply by participating. Every token launched on ACTFUN has a fixed tokenomic structure: 5% mints instantly to the creator's wallet on launch, 60% is community-mineable (write a funny post, pay a small USDC fee, earn tokens), and 35% is locked as LP reserve. When the full 60% is mined out, the contract auto-graduates no manual step, no admin key, no intervention. Pure code. On graduation, ACTFUN seeds liquidity on up to 4 AMMs simultaneously: UNITFLOW V3 (a Uniswap V3 fork), Uniswap V2, Curve Finance (StableSwap), and Synthra V3 DEX. The 35% LP reserve + all accumulated USDC becomes real onchain liquidity the moment the last token is mined. That's the whole mechanism mine it, graduate it, trade it. V2 also brought a full visual overhaul. New hub landing with dedicated product slabs, Cinzel typography across the entire site, a cleaner Minepad grid, and ecosystem logos representing the infra stack powering the platform: Arc Goldsky ☀️ , Uniswap, Curve, Synthra, Neon, LiveKit, OpenZeppelin, Hardhat. Built to look as serious as the contracts underneath it. The infra running underneath ACTFUN V2: smart contracts in Solidity 0.8.24 with OpenZeppelin 5.x deployed on Arc Testnet (Chain ID 5042002), event indexing via @goldsky_io Turbo pipeline streaming into Neon Postgres with sub-1s lag and zero RPC fanout on the browser, live voice rooms via starnews2.com per token (creators broadcast video + mic, miners join by voice), and a React 18 + Vite + wagmi v2 + Dynamic Labs frontend. Everything is live on Arc Testnet right now. Mint testnet USDC, deploy a token, mine it with your community, and watch it graduate to a live DEX all onchain, all open,

ACT FUN

22,327 görüntüleme • 2 ay önce

VIDEO: How to Get $AXGT on any Decentralized Exchange (DEX) in 5 Easy Steps! 🔑 Are you ready to join the DeSci revolution with AxonDAO? Getting $AXGT on Ethereum is easy! Here’s a step-by-step guide to get started using MetaMask. (These steps work for Uniswap too!) Step 1: Get an ETH Wallet Download🦊 MetaMask 🦊 ( or 🦄 Uniswap Labs 🦄) , They're free mobile ETH wallets trusted by millions! 📲 Get them from your app store and set up your wallet, Hint: Save and protect your 12 word phrase in a special place, write it down on paper, dont save on any app, BUT NEVER LOSE IT. 🦊🦄Desktop plugins avail for Chrome / Brave browsers! Step 2: Get some ETH Buy Ethereum on an exchange like Coinbase, Moonpay, or OKX, then send that ETH over to your MetaMask wallet ETH address to be ready for the swap! *Skip this step f you already have ETH. Step 3: Confirm AXGT Contract Visit and scroll down to the footer, confirm, and copy our ETH contract address: 0xDd66781D0E9a08D4FBb5eC7BAc80B691BE27F21D. ✔️ This is essential to avoid any fake tokens! Step 4: Begin the Swap In MetaMask, select ETH and hit Swap. 🔄 Paste the contract address into the search bar to pull up the official $AXGT token. Step 5: Slippage & Finalize your Swap Enter the amount of $ETH you want to swap for $AXGT. Leave some ETH for gas fees, and set slippage to .1% for the best rate. If it doesn’t go through, increase it slightly. Congratulations! You now hold $AXGT, one of the most innovative tokens in #Crypto! Welcome to the future of decentralized science with #AxonDAO. 🌍🔬 😎

AxonDAO

24,166 görüntüleme • 1 yıl önce