Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Introducing Interfaces A design engineering magazine about building great interfaces. A new issue is released every month covering topics across animation, typography, layout, color and everything else that makes an interface feel great.

jakubkrehel's profile picture

Jakub Krehel

18,561 subscribers

245,710 görüntüleme • 1 ay önce •via X (Twitter)

EğitimBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Introducing a new Interfaces issue, Typography Manual for the Web. Typography on the web is hard. There's a lot to know and a lot to keep in mind, from choosing the right typeface and loading fonts to making sure type is legible and fits the interface.
0:30

Introducing a new Interfaces issue, Typography Manual for the Web. Typography on the web is hard. There's a lot to know and a lot to keep in mind, from choosing the right typeface and loading fonts to making sure type is legible and fits the interface.

Jakub Krehel

32,929 görüntüleme • 2 gün önce

Introducing the Lovable aesthetics update, a new level of design in vibe coding. Ask for typography, layout, and color preferences. Preview design concepts before building, and create bolder landing pages, apps, and blogs.
0:54

Introducing the Lovable aesthetics update, a new level of design in vibe coding. Ask for typography, layout, and color preferences. Preview design concepts before building, and create bolder landing pages, apps, and blogs.

Lovable

392,075 görüntüleme • 1 ay önce

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times. It contains a lot of tips that make interfaces feel better, across UI, animations, performance and more. npx skills add jakubkrehel/make-interfaces-feel-better
0:46

It’s incredible that /make-interfaces-feel-better has already been installed more than 30,000 times. It contains a lot of tips that make interfaces feel better, across UI, animations, performance and more. npx skills add jakubkrehel/make-interfaces-feel-better

Jakub Krehel

376,035 görüntüleme • 17 gün önce

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.
0:20

People often ask if Rive is a design tool, an animation tool, or a competitor to Figma, After Effects, or Lottie. It’s none of those. Rive is a new way to design, build, and ship user interfaces with animation. It combines an interactive design tool, a new stateful graphics format, a lightweight multi-platform runtime, and a blazing-fast vector renderer. This end-to-end pipeline brings interfaces to life with motion. It gives designers and devs the tools to build award-winning interactive experiences across apps, games, websites, products, and vehicles.

Guido Rosso

59,850 görüntüleme • 11 ay önce

✨ Exploring loading/operating animations with the logo across different sizes and contexts Operate. Motion design is still one of the most satisfying parts of building interfaces.
0:20

✨ Exploring loading/operating animations with the logo across different sizes and contexts Operate. Motion design is still one of the most satisfying parts of building interfaces.

Alvish 🧙‍♂️

14,729 görüntüleme • 1 ay önce

/make-interfaces-feel-better npx skills add jakubkrehel/make-interfaces-feel-better
0:23

/make-interfaces-feel-better npx skills add jakubkrehel/make-interfaces-feel-better

Jakub Krehel

617,195 görüntüleme • 2 ay önce

Meta finally released a Quest UI kit for Unity, meaning developers can easily build interfaces that feel cohesive with Horizon OS. Details here:
0:21

Meta finally released a Quest UI kit for Unity, meaning developers can easily build interfaces that feel cohesive with Horizon OS. Details here:

UploadVR

46,237 görüntüleme • 1 yıl önce

Wonder, discovery, control and feedback. Learn more about how these four fundamental design principles guide how we prototype interfaces for a new era of media. (1/5)
0:25

Wonder, discovery, control and feedback. Learn more about how these four fundamental design principles guide how we prototype interfaces for a new era of media. (1/5)

Runway

110,422 görüntüleme • 1 yıl önce

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀
0:26

Claude Code can now design stunning interfaces 🤯 There’s a free GitHub skill called UI UX Pro Max that upgrades Claude Code into a full UI and UX expert. Install it once and Claude suddenly builds cleaner layouts, better apps, and interfaces that actually look professional. Your AI can now code and design like a pro. 🚀

Julian Goldie SEO

76,571 görüntüleme • 2 ay önce

The “everything palette” has been in the back of my mind for years. I feel that, when correctly automated, it demonstrates an important property of a GUI system, which is an internal interface represented structurally (a common substrate by which all higher level interfaces communicate), and several projections of that interface to higher level interfaces (GUIs, CLIs, hotkeys), such that the internal interface is not substantially duplicated in the projections themselves. Thus, small changes in the internal interface representation immediately and automatically reflect in all such projections. All information for a new setting, for example, is simply expressed in one location, and all interfaces which could access that setting immediately can do so. That setting is automatically accessible in the associated right-click menus, the CLI, hotkeys, and the everything palette. This is because those higher level interfaces are truly *projections* of the underlying interface—they are driven using, in effect, type information of the underlying interface, rather than being special cased to the particulars of the interface (and thus needing to be extensively updated any time the internal interface is changed). The need for this in UI programming is usually first encountered with hotkeys. You write some user interface, and now you need to associate hotkeys—an entirely separate (physical) interface—with the same functionality that your software user interface exposes. You can implement this by, in effect, duplicating the internal interface in both a hotkeys path, and a GUI path. But this is far from ideal for obvious reasons. The debugger by nature enforces this design constraint (GUIs and hotkeys), along with many others, and so it pushed me to follow this to its natural conclusion. A debugger needs to offer an IPC CLI interface for the same commands and features that the main program does. Data in the debugger is already projected in a wide variety of ways—breakpoints can show up in a source view, a disassembly view, a memory view, and a breakpoints list view. My work on the RADDBG visualization engine (driven ultimately by the “watch window” interface—at its limit, a general sparse tree viewer/editor) pushed this even further—you want interfaces to be available through a watch tree evaluation language, as well as several GUIs, and the CLI, and hotkeys. I’ve now finally got the internal systems to the point where they are roughly satisfying all these constraints, and this made the “everything palette” a very simple and natural extension to the system.
0:49

The “everything palette” has been in the back of my mind for years. I feel that, when correctly automated, it demonstrates an important property of a GUI system, which is an internal interface represented structurally (a common substrate by which all higher level interfaces communicate), and several projections of that interface to higher level interfaces (GUIs, CLIs, hotkeys), such that the internal interface is not substantially duplicated in the projections themselves. Thus, small changes in the internal interface representation immediately and automatically reflect in all such projections. All information for a new setting, for example, is simply expressed in one location, and all interfaces which could access that setting immediately can do so. That setting is automatically accessible in the associated right-click menus, the CLI, hotkeys, and the everything palette. This is because those higher level interfaces are truly *projections* of the underlying interface—they are driven using, in effect, type information of the underlying interface, rather than being special cased to the particulars of the interface (and thus needing to be extensively updated any time the internal interface is changed). The need for this in UI programming is usually first encountered with hotkeys. You write some user interface, and now you need to associate hotkeys—an entirely separate (physical) interface—with the same functionality that your software user interface exposes. You can implement this by, in effect, duplicating the internal interface in both a hotkeys path, and a GUI path. But this is far from ideal for obvious reasons. The debugger by nature enforces this design constraint (GUIs and hotkeys), along with many others, and so it pushed me to follow this to its natural conclusion. A debugger needs to offer an IPC CLI interface for the same commands and features that the main program does. Data in the debugger is already projected in a wide variety of ways—breakpoints can show up in a source view, a disassembly view, a memory view, and a breakpoints list view. My work on the RADDBG visualization engine (driven ultimately by the “watch window” interface—at its limit, a general sparse tree viewer/editor) pushed this even further—you want interfaces to be available through a watch tree evaluation language, as well as several GUIs, and the CLI, and hotkeys. I’ve now finally got the internal systems to the point where they are roughly satisfying all these constraints, and this made the “everything palette” a very simple and natural extension to the system.

Ryan Fleury

22,249 görüntüleme • 1 yıl önce

Trump on UFC arena at the White House: He's building an arena and doing a great job. Brand-new cranes and everything is beautiful and everything is money, money, money.
0:40

Trump on UFC arena at the White House: He's building an arena and doing a great job. Brand-new cranes and everything is beautiful and everything is money, money, money.

Acyn

36,399 görüntüleme • 1 ay önce

TypoMonday Online Course 2.0 is live 🚀 13 hours. 64 lessons. You’ll learn to build what AI can’t, from my design philosophy and creative process, to mastering typography, layout, color, imagery and ending with a live design session Enroll Now ↳
1:14

TypoMonday Online Course 2.0 is live 🚀 13 hours. 64 lessons. You’ll learn to build what AI can’t, from my design philosophy and creative process, to mastering typography, layout, color, imagery and ending with a live design session Enroll Now ↳

Oliver Gareis

13,831 görüntüleme • 8 ay önce

Today is a big day! We're launching Lovable Aesthetics 🔥 We just supercharged Lovable's design output. You can now ask for typography, layout, and color preferences, get various design concepts while building, and create much bolder landing pages, apps, and blogs. It's been my favorite thing to play with for the last few weeks. Go check it out!
0:54

Today is a big day! We're launching Lovable Aesthetics 🔥 We just supercharged Lovable's design output. You can now ask for typography, layout, and color preferences, get various design concepts while building, and create much bolder landing pages, apps, and blogs. It's been my favorite thing to play with for the last few weeks. Go check it out!

Felix Haas

104,313 görüntüleme • 1 ay önce

President Trump and RFK Jr. just announced “The Great American Recovery Initiative” to tackle addiction. “Recovery is not a side issue, it’s an economic issue, a workforce issue, a family issue, a national security issue.” “When Americans recover, communities grow stronger.” “When families heal, children thrive.” “When we confront addiction with courage instead of complacency, we reclaim the promise of our country.” “This initiative is about life, it’s about responsibility, and it’s about building a great American recovery together.”
0:34

President Trump and RFK Jr. just announced “The Great American Recovery Initiative” to tackle addiction. “Recovery is not a side issue, it’s an economic issue, a workforce issue, a family issue, a national security issue.” “When Americans recover, communities grow stronger.” “When families heal, children thrive.” “When we confront addiction with courage instead of complacency, we reclaim the promise of our country.” “This initiative is about life, it’s about responsibility, and it’s about building a great American recovery together.”

MAHA Action

11,963 görüntüleme • 5 ay önce

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below
0:45

CLAUDE DESIGN SKILLS CAN TURN A $20 PLAN INTO A JUNIOR DESIGN SYSTEM ASSISTANT A blank prompt makes Claude judge design like a generalist, one screen at a time, with too much room for random taste and vague feedback Design Skills give it a repeatable way to look at interface work: spacing, hierarchy, contrast, component consistency, states, layout rhythm, and the small visual rules that make a product feel finished That is where it becomes useful for a designer, it can review a rough screen, catch what feels off, suggest a cleaner structure, keep repeated components aligned, and explain the changes in a way that feels closer to a design lead than a prompt response The value is not that Claude becomes "creative" and the value is that its judgment becomes repeatable, so the same design standards can be applied across every screen instead of being rebuilt from scratch in every chat Check the full article about cowork and skills below

Penguin

10,349 görüntüleme • 22 gün önce

Introducing Poe Apps: a new, easy way to create and use visual interfaces into any combination of the 100+ text, image, video, and audio models on Poe. (1/5)
0:54

Introducing Poe Apps: a new, easy way to create and use visual interfaces into any combination of the 100+ text, image, video, and audio models on Poe. (1/5)

Poe

66,765 görüntüleme • 1 yıl önce

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:
0:43

Interface Craft is now open. It’s a growing library of resources for those who are committed to crafting experiences and interfaces with uncommon care. I hope you’ll consider joining:

joshpuckett

492,966 görüntüleme • 4 ay önce

✨ Introducing useAgent() A new primitive for the agentic application age. Connect ANY agent with your Frontend application. Drive intelligent interfaces & collaborative agents.
0:24

✨ Introducing useAgent() A new primitive for the agentic application age. Connect ANY agent with your Frontend application. Drive intelligent interfaces & collaborative agents.

CopilotKit🪁

72,854 görüntüleme • 6 ay önce