Video yükleniyor...

Video Yüklenemedi

Bu video yüklenirken bir sorun oluştu. Bu geçici bir ağ sorunundan kaynaklanıyor olabilir veya video kullanılamıyor olabilir.

Ana Sayfaya Dön

Browser aesthetics rethinking printed matter: why not use page numbers as a "scroll bar." Internal links to another page can be displayed at the corresponding Y height on the scroll bar.

cristóbal

1,391 subscribers

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

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

💡 CSS Tip! Get the scroll progress of the page as a CSS variable using a few lines of code ✅ Powered by Scroll driven animations ✅ Defined at the root level ✅ Typed using @property ✅ You can easily use it within any formula CodePen.IO demo in the reply 👇

CSS by T. Afif

35,659 görüntüleme • 2 yıl önce

Before I share forthcoming spread in full (a rarity) in coming week, sharing again opening chapter to #nostos in its 15ft long, scroll form! Can be printed accordion-style or with page breaks in the book. Would so love to get this in people's hands. Someday... #unflattening 2

Before I share forthcoming spread in full (a rarity) in coming week, sharing again opening chapter to #nostos in its 15ft long, scroll form! Can be printed accordion-style or with page breaks in the book. Would so love to get this in people's hands. Someday... #unflattening 2

Nick Sousanis @nsousanis on all the socials fwiw

17,011 görüntüleme • 2 yıl önce

A modern URL bar (in Dia): • Page Title not "/2025/12/seo-spam" gibberish • Space on both sides of "/" for readability • Hover to reveal & edit URL • Emphasize domain for trust+security Dia isn't just AI. It's refined browser basics too, The Browser Company style.

A modern URL bar (in Dia): • Page Title not "/2025/12/seo-spam" gibberish • Space on both sides of "/" for readability • Hover to reveal & edit URL • Emphasize domain for trust+security Dia isn't just AI. It's refined browser basics too, The Browser Company style.

Josh Miller

1,750,031 görüntüleme • 1 yıl önce

Things are going great, eh Twitter? 😂 Notice the jiggling scroll bar and the rate limit message. Looks like the broken home feeds were resulting in a self DDOS by causing everyone's browser to repeatedly attempt to refresh in an endless loop. #TwitterDown

Things are going great, eh Twitter? 😂 Notice the jiggling scroll bar and the rate limit message. Looks like the broken home feeds were resulting in a self DDOS by causing everyone's browser to repeatedly attempt to refresh in an endless loop. #TwitterDown

Fella S Bonkson 🇺🇸🇺🇦🇹🇼

82,073 görüntüleme • 3 yıl önce

First big docs ship Conductor - docs are now unified on the landing page, themed consistently with the site, and completely AI-friendly Changelog polish (sticky scroll on version numbers) is up as well, along with site-wide performance improvements & OG image polish

First big docs ship Conductor - docs are now unified on the landing page, themed consistently with the site, and completely AI-friendly Changelog polish (sticky scroll on version numbers) is up as well, along with site-wide performance improvements & OG image polish

matt palmer

21,237 görüntüleme • 3 ay önce

🤯 Since the new Windsurf Browser is just a stable browser that connects directly to the @windsurf editor, you can literally send anything from any web page as a prompt 🫠 It's absolutely brilliant! Figma MCP + Windsurf Browser would make UI development as easy as prompting.

🤯 Since the new Windsurf Browser is just a stable browser that connects directly to the @windsurf editor, you can literally send anything from any web page as a prompt 🫠 It's absolutely brilliant! Figma MCP + Windsurf Browser would make UI development as easy as prompting.

fatih kadir akın

27,569 görüntüleme • 1 yıl önce

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Search bar scroll transition from a recent project. Small tip: when an interaction animates 2 or more properties (like width and translate Y for this search bar), consider offsetting the timing and curves for each to get a more natural feel. Here, width starts narrowing first, and translate Y follows about 140 ms later. Which also helps the search bar move up without overlapping with the buttons.

Vishal Bhardwaj

21,369 görüntüleme • 17 gün önce

opencode's /undo and /redo feature was pretty hidden - a lot of people don't know about how it can revert edits or bash calls in the new opentui version everything flows through the ctrl+p command bar...but also you can scroll up and click on the message you want to revert to

opencode's /undo and /redo feature was pretty hidden - a lot of people don't know about how it can revert edits or bash calls in the new opentui version everything flows through the ctrl+p command bar...but also you can scroll up and click on the message you want to revert to

dax

30,491 görüntüleme • 10 ay önce

good design is meant to give you a good feeling HIGHLY RECOMMEND you check out Suno's product page on App Store and scroll the screenshots on your phone... background magic the video doesn't do it justice, but it's so fucking clean

good design is meant to give you a good feeling HIGHLY RECOMMEND you check out Suno's product page on App Store and scroll the screenshots on your phone... background magic the video doesn't do it justice, but it's so fucking clean

Philip Carlson

15,553 görüntüleme • 8 ay önce

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own

You can pin a chat scroller to the bottom with CSS 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛, without having to use MutationObserver or 𝚜𝚌𝚛𝚘𝚕𝚕𝚃𝚘() functions ... ... #𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 * { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚗𝚘𝚗𝚎; } #𝚊𝚗𝚌𝚑𝚘𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚊𝚗𝚌𝚑𝚘𝚛: 𝚊𝚞𝚝𝚘; 𝚑𝚎𝚒𝚐𝚑𝚝: 𝟷𝚙𝚡; } Browsers run scroll anchoring by default to prevent layout shifts Disable it on children, re-enable it on a 1px anchor at the end and the scroll follows new content down on its own

Manu Arora

66,889 görüntüleme • 3 ay önce

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇

Kimi K2.6 just cooked Claude on design 😭 Same prompt. Completely different output. I asked both to build a cinematic, scroll-driven indie game page. Dark. Editorial. Premium. Here's the exact prompt and what happened 👇

Muhammad Ayan

161,823 görüntüleme • 3 ay önce

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.

In Claude Code desktop's Browser pane, you can select any element (⌘⇧S) and say what to change. Claude reads the DOM elements, React components, and styles before making edits. You can also draw on the page, and give the annotation to Claude as context.

Anthony Morris ツ

44,825 görüntüleme • 5 gün önce

Recently, Nothing opened a store in Bengaluru and displayed “I love Rooh Afza” on its shop glass, later posting the video on its official page. This has triggered debate online. Some people believe it may be linked to Ramzan, as Rooh Afza is commonly associated with that period. However, others are questioning why the brand chose this theme when Holi is also approaching, asking why nothing related to Holi was displayed. The company has not yet issued any clarification. #bangalore #bengaluru #nothing Carl Pei Nothing Nothingindia

Karnataka Portfolio

132,927 görüntüleme • 5 ay önce

Behind every fast-moving bar is a POS that can keep up — and @JonTaffer trusts SkyTab to deliver. Catch the Bar Rescue finale Sunday 5/3 at 10/9c on Paramount Network.

Behind every fast-moving bar is a POS that can keep up — and @JonTaffer trusts SkyTab to deliver. Catch the Bar Rescue finale Sunday 5/3 at 10/9c on Paramount Network.

SkyTab

12,087 görüntüleme • 3 ay önce

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

There isn’t a single line of SwiftUI here, this is a pure UIKit implementation on iOS 18. A fully custom navigation bar that hooks into the nearest UIScrollView to show the scroll-edge effect only once the user starts scrolling. Buttons are fully custom and display a nice brightness effect (CAFilter) when touched.

Julien Sagot

30,282 görüntüleme • 7 ay önce

Was inspired by PewDiePie's vid to make my YouTube more minimal and remove the Homepage grid & shorts (I use the Stylus extension to add custom CSS) Homepage is blank so my only options now are the Subscriptions page or the search bar. Feels a lot cleaner, zero distractions.

Was inspired by PewDiePie's vid to make my YouTube more minimal and remove the Homepage grid & shorts (I use the Stylus extension to add custom CSS) Homepage is blank so my only options now are the Subscriptions page or the search bar. Feels a lot cleaner, zero distractions.

Jess Chan | Coder Coder

16,028 görüntüleme • 5 ay önce