Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

1M data points. Scroll wheel zoom. Kinetic scrolling. Exceptional performance. Base UI Charts.

colmtuite's profile picture

Colm Tuite

10,950 subscribers

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

𝕏 just put a $1M bounty on writing. Not for noise. For impact. Culture movers step forward. Scroll merchants can keep scrolling. @x, Elon Musk
0:12

𝕏 just put a $1M bounty on writing. Not for noise. For impact. Culture movers step forward. Scroll merchants can keep scrolling. @x, Elon Musk

Mario Nawfal

53,923 görüntüleme • 7 ay önce

Chat might be one of hardest UIs to build. - Rich text editor - Stream/pause/refresh data - DOM weight - Scroll position - Markdown/Custom UI Easy to build but hard to get right. Just getting this scroll restoration perfect was brutal 👇
0:19

Chat might be one of hardest UIs to build. - Rich text editor - Stream/pause/refresh data - DOM weight - Scroll position - Markdown/Custom UI Easy to build but hard to get right. Just getting this scroll restoration perfect was brutal 👇

Brotzky

67,008 görüntüleme • 4 ay önce

Introducing v0 templates: • Next.js + shadcn/ui • Forms • Charts • AI Chatbot • Ecommerce • Docs site Templates let you build on well-designed, pre-configured starting points. What else should we add?
0:18

Introducing v0 templates: • Next.js + shadcn/ui • Forms • Charts • AI Chatbot • Ecommerce • Docs site Templates let you build on well-designed, pre-configured starting points. What else should we add?

v0

210,011 görüntüleme • 1 yıl önce

This is the most frustrating page to scroll on GitHub. Every single day I get to play the get-your-mouse-to-the-exact-correct-position game. The easiest solution is to disable scroll wheel zooming on the stupid graphical view, I've never wanted to zoom that in my life.
0:14

This is the most frustrating page to scroll on GitHub. Every single day I get to play the get-your-mouse-to-the-exact-correct-position game. The easiest solution is to disable scroll wheel zooming on the stupid graphical view, I've never wanted to zoom that in my life.

Mitchell Hashimoto

24,860 görüntüleme • 2 yıl önce

I call this Anxiety. I'm thinking this is recorded data from an extremely tense skirmish that went kinetic. Warning shots interpreted as hostile action. This person was NOT expecting engagements that day. I love degraded UI so much.
0:14

I call this Anxiety. I'm thinking this is recorded data from an extremely tense skirmish that went kinetic. Warning shots interpreted as hostile action. This person was NOT expecting engagements that day. I love degraded UI so much.

Broke My Pencil

35,936 görüntüleme • 1 ay önce

Whilst building the Base UI Data Grid, we've been testing its capabilities by recreating real interfaces: 1. A music player inspired by Spotify's desktop app. Not your typical data grid, but it requires sorting, row selection, virtualization, and focus management.
0:18

Whilst building the Base UI Data Grid, we've been testing its capabilities by recreating real interfaces: 1. A music player inspired by Spotify's desktop app. Not your typical data grid, but it requires sorting, row selection, virtualization, and focus management.

Kenan Yusuf

22,992 görüntüleme • 3 ay önce

Small Aseprite tip. Quickly change your selected color from the palette by holding Alt (Eye-drop tool) while scrolling mouse wheel. I use a tablet so I have the Alt as a hotkey and scroll with two buttons on the pen. #pixelart
0:18

Small Aseprite tip. Quickly change your selected color from the palette by holding Alt (Eye-drop tool) while scrolling mouse wheel. I use a tablet so I have the Alt as a hotkey and scroll with two buttons on the pen. #pixelart

Pixel Art Journey

44,250 görüntüleme • 2 yıl önce

You can now walk through a real-world Gaussian Splat scene in PlayCanvas 🚶🕺 New first-person and third-person demos, powered by a brand-new reusable third-person camera controller: mouse orbit, wall-collision avoidance, scroll-wheel zoom, animations & shadow catcher 🧵
0:15

You can now walk through a real-world Gaussian Splat scene in PlayCanvas 🚶🕺 New first-person and third-person demos, powered by a brand-new reusable third-person camera controller: mouse orbit, wall-collision avoidance, scroll-wheel zoom, animations & shadow catcher 🧵

Martin Valigursky

75,099 görüntüleme • 3 ay önce

Aerodrome UI & UX Overhaul 🛫 The top DEX on Base is now faster, smoother and easier to use: ⏲️ ~40% faster quote times ⚡ Quicker loads across pages (e.g. Dashboard) 🧈 Smoother scrolling, reduced lag Check out the latest improvements 👇
0:11

Aerodrome UI & UX Overhaul 🛫 The top DEX on Base is now faster, smoother and easier to use: ⏲️ ~40% faster quote times ⚡ Quicker loads across pages (e.g. Dashboard) 🧈 Smoother scrolling, reduced lag Check out the latest improvements 👇

Aerodrome

12,833 görüntüleme • 1 yıl önce

Kraken Desktop 1.9 is LIVE! 📈 Auto-scaling charts for sharper analysis 🖥️ UI scaling to 75% for max screen space 📊 Depth chart rework: full book depth + granular detail 🔥 Performance metrics preview: P&L & cost basis 🎨 Refreshed order tickets Go →
0:18

Kraken Desktop 1.9 is LIVE! 📈 Auto-scaling charts for sharper analysis 🖥️ UI scaling to 75% for max screen space 📊 Depth chart rework: full book depth + granular detail 🔥 Performance metrics preview: P&L & cost basis 🎨 Refreshed order tickets Go →

Kraken Desktop

21,906 görüntüleme • 11 ay önce

PhpStorm 2023.1 is now available! 🎉 This version brings: 🔹 Improved performance 🔹 3v4l.org: php shell support 🔹 Data flow analysis in the debugger 🔹 New UI enhancements 🔹 And more! See what else is new: #NewInPhpStorm
0:15

PhpStorm 2023.1 is now available! 🎉 This version brings: 🔹 Improved performance 🔹 3v4l.org: php shell support 🔹 Data flow analysis in the debugger 🔹 New UI enhancements 🔹 And more! See what else is new: #NewInPhpStorm

PhpStorm, a JetBrains IDE

26,181 görüntüleme • 3 yıl önce

🚨WILD: A vibe coder just built a SONAR app with GPT-6 Astra, that lets you scroll your macbook WITHOUT touching it, entirely in less than an hour. The app emits ultrasonic audio and uses the Doppler effect to detect the user's hand position and control scrolling. Double-tap in the air switches between scrolling up and down and pinch and hold enables zoom and Credits: Emanuel Perez
0:16

🚨WILD: A vibe coder just built a SONAR app with GPT-6 Astra, that lets you scroll your macbook WITHOUT touching it, entirely in less than an hour. The app emits ultrasonic audio and uses the Doppler effect to detect the user's hand position and control scrolling. Double-tap in the air switches between scrolling up and down and pinch and hold enables zoom and Credits: Emanuel Perez

Coin Bureau

36,975 görüntüleme • 1 gün önce

To simplify your charting skills, follow these steps: $SPY $QQQ $META $TSLA $AAPL $NVDA $AMD 1. Understand the purpose: Know why you're charting and what you want to achieve. 2. Choose the right chart type: Select the appropriate chart for your data. 3. Keep it simple: Avoid clutter and unnecessary elements in your charts. 4. Be consistent: Use the same formatting style throughout your charts. 5. Highlight important insights: Draw attention to key points in your data. 6. Practice regularly: Create charts using different datasets to improve your skills. 7. Seek feedback: Get input from others to identify areas for improvement. 8. Learn from examples: Analyze well-designed charts to improve your own. By following these steps, you'll simplify your charting process and create effective charts.
0:15

To simplify your charting skills, follow these steps: $SPY $QQQ $META $TSLA $AAPL $NVDA $AMD 1. Understand the purpose: Know why you're charting and what you want to achieve. 2. Choose the right chart type: Select the appropriate chart for your data. 3. Keep it simple: Avoid clutter and unnecessary elements in your charts. 4. Be consistent: Use the same formatting style throughout your charts. 5. Highlight important insights: Draw attention to key points in your data. 6. Practice regularly: Create charts using different datasets to improve your skills. 7. Seek feedback: Get input from others to identify areas for improvement. 8. Learn from examples: Analyze well-designed charts to improve your own. By following these steps, you'll simplify your charting process and create effective charts.

BurakTheScalper

113,733 görüntüleme • 2 yıl önce

Performance gains in bazza/ui vs. Base UI Finally did a side-by-side comparison... and the difference is ⚡ You can see how our implementation barely drops submenus opening when moving the cursor up/down at a fast speed. The video doesn't do it (enough) justice. We do a few things internally to make this happen -- excited to release this to the world. Soon.
0:17

Performance gains in bazza/ui vs. Base UI Finally did a side-by-side comparison... and the difference is ⚡ You can see how our implementation barely drops submenus opening when moving the cursor up/down at a fast speed. The video doesn't do it (enough) justice. We do a few things internally to make this happen -- excited to release this to the world. Soon.

kian bazza

137,476 görüntüleme • 6 ay önce

We just released an update to the Interval Map Quant Data. ATM contracts can create huge end-of-day bubbles that drown out everything else. We fixed that by scaling bubble sizes only to what’s in view, which keeps the chart clean and readable when reviewing historical data. The zoom slider lets you scroll back through the session to see how exposure built or faded over time, making it much easier to study intraday shifts.
0:18

We just released an update to the Interval Map Quant Data. ATM contracts can create huge end-of-day bubbles that drown out everything else. We fixed that by scaling bubble sizes only to what’s in view, which keeps the chart clean and readable when reviewing historical data. The zoom slider lets you scroll back through the session to see how exposure built or faded over time, making it much easier to study intraday shifts.

Andrew Hiesinger

12,937 görüntüleme • 9 ay önce

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?
0:15

Every app eventually needs an image viewer. Somehow, most of them still feel janky on the web. I’ve been working on a composable Lightbox primitive - Base UI / Radix by WorkOS / shadcn style API, native-feeling transitions, touch gestures, pinch-to-zoom, keyboard support, and all the little details that make it feel real. Is this something you’d reach for?

Artur Bień

35,821 görüntüleme • 2 ay önce

What’s new in Fantasy V3? Fantasy V3 brings major upgrades across the board. • Fully optimized frontend • Simplified and responsive UI/UX • Drastically improved mobile performance • Our fastest and most powerful backend yet This isn’t just a visual refresh. We rebuilt the foundation of Fantasy to support a larger player base, smoother gameplay, and a future ready to scale.
0:13

What’s new in Fantasy V3? Fantasy V3 brings major upgrades across the board. • Fully optimized frontend • Simplified and responsive UI/UX • Drastically improved mobile performance • Our fastest and most powerful backend yet This isn’t just a visual refresh. We rebuilt the foundation of Fantasy to support a larger player base, smoother gameplay, and a future ready to scale.

fantasy.top

10,993 görüntüleme • 1 yıl önce

We’re excited to announce the launch of our new website! Visit to: • Access real-time $DIME S2 trading data • Explore live market stats with historical trades • View real-time orderbooks and charts • Learn more about our rules and services S2 points only for now - S1 coming soon. Stay connected and explore the future of $DIME trading with Paradex OTC.
0:19

We’re excited to announce the launch of our new website! Visit to: • Access real-time $DIME S2 trading data • Explore live market stats with historical trades • View real-time orderbooks and charts • Learn more about our rules and services S2 points only for now - S1 coming soon. Stay connected and explore the future of $DIME trading with Paradex OTC.

CrossdeskOTC

24,652 görüntüleme • 8 ay önce

Vibe Marketing Series | Automotive Campaign A great car ad doesn't just showcase performance. It sells freedom. The road ahead. The thrill of the drive. The feeling of being behind the wheel. With Fotor, transform a vehicle into a cinematic story. Create bold visuals, immersive atmospheres, and scroll-stopping campaigns that people don't just watch—they feel. Your car. Your vibe. Your campaign. Create your next automotive ad with Fotor.
0:19

Vibe Marketing Series | Automotive Campaign A great car ad doesn't just showcase performance. It sells freedom. The road ahead. The thrill of the drive. The feeling of being behind the wheel. With Fotor, transform a vehicle into a cinematic story. Create bold visuals, immersive atmospheres, and scroll-stopping campaigns that people don't just watch—they feel. Your car. Your vibe. Your campaign. Create your next automotive ad with Fotor.

Fotor

66,647 görüntüleme • 1 ay önce

AI agent usage on SQD Portal is up ~200% in recent weeks. A dev from our community chat was scraping a wallet UI with Hermes. Mid-task, DeepSeek reasoned its way out of it: "I can use SQD Portal's Hyperliquid fills data directly — much more complete than scraping a UI with infinite scroll." No prompt engineering. The model just chose the better and faster path. This is the loop we wanted: Agents pick SQD because it's faster → devs see agents picking SQD → devs ship faster → more agents pick SQD The picks-and-shovels moment for AI x onchain is here.
0:12

AI agent usage on SQD Portal is up ~200% in recent weeks. A dev from our community chat was scraping a wallet UI with Hermes. Mid-task, DeepSeek reasoned its way out of it: "I can use SQD Portal's Hyperliquid fills data directly — much more complete than scraping a UI with infinite scroll." No prompt engineering. The model just chose the better and faster path. This is the loop we wanted: Agents pick SQD because it's faster → devs see agents picking SQD → devs ship faster → more agents pick SQD The picks-and-shovels moment for AI x onchain is here.

sqd.ai

14,394 görüntüleme • 3 ay önce