Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

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 Aufrufe • vor 2 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

💡 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 Aufrufe • vor 2 Jahren

Starting today, you can use Brave's AI assistant Leo in full page mode! When you click “Ask Leo” in the URL bar, you’ll be taken directly there. You can also click the “Expand” option in the Leo chat panel. In full page mode, you'll notice another new feature: Chat History!

Starting today, you can use Brave's AI assistant Leo in full page mode! When you click “Ask Leo” in the URL bar, you’ll be taken directly there. You can also click the “Expand” option in the Leo chat panel. In full page mode, you'll notice another new feature: Chat History!

Brave

90,809 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 2 Jahren

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,749,423 Aufrufe • vor 1 Jahr

fun small design fact for Jupiter Mobile (v2 arc) , we kept the browser mode spray out from the top right, so it is a slick animation to activate browsing anywhere from the app. we will be adding more quick links to browser pages. for example, the token page on the app can be very simple (as it should be, but there can be a quick pop up to see as many professional level details as you want) cc Joe Doe

fun small design fact for Jupiter Mobile (v2 arc) , we kept the browser mode spray out from the top right, so it is a slick animation to activate browsing anywhere from the app. we will be adding more quick links to browser pages. for example, the token page on the app can be very simple (as it should be, but there can be a quick pop up to see as many professional level details as you want) cc Joe Doe

meow

30,163 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 3 Jahren

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 Aufrufe • vor 3 Monaten

🤯 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 Aufrufe • vor 1 Jahr

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 Aufrufe • vor 11 Tagen

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 Aufrufe • vor 10 Monaten

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 Aufrufe • vor 8 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 5 Monaten

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 Aufrufe • vor 3 Monaten

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 Aufrufe • vor 7 Monaten

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 Aufrufe • vor 4 Monaten

JD Vance: “We always try to have a drink once a week, like put the kids to bed. Like, it used to be go to a good, old, local bar in Cincinnati and hang out. Now, it’s like make a cocktail at home and sit outside on the porch.” Katie Miller: “Do you miss not being able to go to the bar?” Vance: “I do.”

JD Vance: “We always try to have a drink once a week, like put the kids to bed. Like, it used to be go to a good, old, local bar in Cincinnati and hang out. Now, it’s like make a cocktail at home and sit outside on the porch.” Katie Miller: “Do you miss not being able to go to the bar?” Vance: “I do.”

PatriotTakes 🇺🇸

772,597 Aufrufe • vor 1 Jahr