Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

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 просмотров • 2 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

💡 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 просмотров • 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

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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 просмотров • 3 лет назад

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 просмотров • 3 месяцев назад

🤯 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 просмотров • 1 год назад

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 просмотров • 17 дней назад

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 просмотров • 10 месяцев назад

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 просмотров • 8 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 5 дней назад

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 просмотров • 5 месяцев назад

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 просмотров • 3 месяцев назад

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 просмотров • 7 месяцев назад

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 просмотров • 5 месяцев назад