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,724 subscribers

32,305 görüntüleme • 17 gün ö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 • 6 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

66,710 görüntüleme • 3 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

209,920 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

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

74,769 görüntüleme • 2 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,830 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 • 10 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

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

109,406 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,423 görüntüleme • 5 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 • 8 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ń

25,847 görüntüleme • 17 gün ö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,988 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,628 görüntüleme • 6 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,032 görüntüleme • 2 ay önce

I just built a Claude Cowork skill that turns your Google Ads data into a visual performance dashboard in 60 seconds 🤯 One prompt → campaign breakdowns, CPA trends, spend vs conversions charts, and hourly conversion patterns, all rendered as an interactive HTML dashboard you open in Chrome. All inside Claude Cowork. Perfect for DTC brands and agencies who are pulling Google Ads data into spreadsheets every week, manually building charts, and spending an hour formatting a report that's outdated by the time you send it. If you're managing Google Ads and your weekly reporting workflow looks like this — export a CSV, open Google Sheets, build a pivot table, copy the numbers into a slide deck, manually create charts, format everything, realize you forgot a campaign, start over ... This skill does the whole thing in one prompt: → Connects to your live Google Ads data via MCP → Pulls spend, conversions, CPA, ROAS, CTR across every campaign → Builds an interactive HTML dashboard → Summary cards at the top: total spend, total conversions, avg CPA, avg ROAS → Bar chart comparing spend vs conversions by campaign → CPA trend line over the last 30 days → Campaign table ranked by performance, color-coded green/yellow/red → Opens in Chrome: hover over charts, compare campaigns, screenshot for your team No spreadsheets. No manual chart building. No hour-long formatting sessions. What you get: → A visual dashboard from live data in under 60 seconds → Campaign performance you can actually see, not just read in a table → CPA trends that show you where things are heading, not just where they are → A dashboard you can screenshot and drop into Slack, a client report, or a team standup → Reusable — run it weekly and the data updates automatically One prompt. Live data. A finished dashboard you open in your browser. I put together a playbook with the full skill file, the setup, and the exact prompts to customize the dashboard for your account. Want it for free? > Like this post > Comment "DASH" And I'll send it over (must be following so I can DM)
0:11

I just built a Claude Cowork skill that turns your Google Ads data into a visual performance dashboard in 60 seconds 🤯 One prompt → campaign breakdowns, CPA trends, spend vs conversions charts, and hourly conversion patterns, all rendered as an interactive HTML dashboard you open in Chrome. All inside Claude Cowork. Perfect for DTC brands and agencies who are pulling Google Ads data into spreadsheets every week, manually building charts, and spending an hour formatting a report that's outdated by the time you send it. If you're managing Google Ads and your weekly reporting workflow looks like this — export a CSV, open Google Sheets, build a pivot table, copy the numbers into a slide deck, manually create charts, format everything, realize you forgot a campaign, start over ... This skill does the whole thing in one prompt: → Connects to your live Google Ads data via MCP → Pulls spend, conversions, CPA, ROAS, CTR across every campaign → Builds an interactive HTML dashboard → Summary cards at the top: total spend, total conversions, avg CPA, avg ROAS → Bar chart comparing spend vs conversions by campaign → CPA trend line over the last 30 days → Campaign table ranked by performance, color-coded green/yellow/red → Opens in Chrome: hover over charts, compare campaigns, screenshot for your team No spreadsheets. No manual chart building. No hour-long formatting sessions. What you get: → A visual dashboard from live data in under 60 seconds → Campaign performance you can actually see, not just read in a table → CPA trends that show you where things are heading, not just where they are → A dashboard you can screenshot and drop into Slack, a client report, or a team standup → Reusable — run it weekly and the data updates automatically One prompt. Live data. A finished dashboard you open in your browser. I put together a playbook with the full skill file, the setup, and the exact prompts to customize the dashboard for your account. Want it for free? > Like this post > Comment "DASH" And I'll send it over (must be following so I can DM)

Mike Futia

38,785 görüntüleme • 3 ay önce

Emirates Starlink crossed 1M passenger connections in seven months. That is a lot of people refusing to accept “you’re on a plane” as an excuse for bad WiFi. 36 aircraft are already connected, with 60+ Starlink-equipped flights operating daily. Passengers have burned through more than 1 petabyte of data. Video calls. Streaming. Gaming. Scrolling. One million connections later, I think the verdict is in. Starlink Emirates / Writer: Annette, Designer: Janné
0:19

Emirates Starlink crossed 1M passenger connections in seven months. That is a lot of people refusing to accept “you’re on a plane” as an excuse for bad WiFi. 36 aircraft are already connected, with 60+ Starlink-equipped flights operating daily. Passengers have burned through more than 1 petabyte of data. Video calls. Streaming. Gaming. Scrolling. One million connections later, I think the verdict is in. Starlink Emirates / Writer: Annette, Designer: Janné

Mario Nawfal

64,938 görüntüleme • 21 gün önce

Claude + Facebook Ads MCP is absolutely WILD 🤯 This AI system turns Claude into your personal ads analyst using MCP integration. And generates full client reports in seconds. Perfect for agencies & ecomm operators who hate wrestling with Ads Manager. But instead of manually pulling data, building charts, and formatting reports... Just give Claude one natural language prompt and get a complete visual storytelling report with insights. Each report includes account performance, campaign breakdowns, demographics, and actionable recommendations. All with a single prompt. Here's what it does: → Connects directly to your Facebook Ads account → Pulls all performance data automatically → Calculates ROAS, CPA, conversion rates on demand → Creates interactive charts and visualizations → Generates beautiful reports → Builds everything from scratch in real-time Built with Claude MCP. Zero manual work. Want the complete MCP setup? Comment "MCP" + like and I'll send it over (must be following so I can DM)
0:15

Claude + Facebook Ads MCP is absolutely WILD 🤯 This AI system turns Claude into your personal ads analyst using MCP integration. And generates full client reports in seconds. Perfect for agencies & ecomm operators who hate wrestling with Ads Manager. But instead of manually pulling data, building charts, and formatting reports... Just give Claude one natural language prompt and get a complete visual storytelling report with insights. Each report includes account performance, campaign breakdowns, demographics, and actionable recommendations. All with a single prompt. Here's what it does: → Connects directly to your Facebook Ads account → Pulls all performance data automatically → Calculates ROAS, CPA, conversion rates on demand → Creates interactive charts and visualizations → Generates beautiful reports → Builds everything from scratch in real-time Built with Claude MCP. Zero manual work. Want the complete MCP setup? Comment "MCP" + like and I'll send it over (must be following so I can DM)

Mike Futia

270,619 görüntüleme • 10 ay önce