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

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

На главную

Some React devs assume you need to npm install a library to get tooltips. Not true! For icon buttons, use a combo of the `title` attribute and screenreader text with Tailwind CSS' sr-only class. Gives you a native tooltip for the label while improving a11y

BHolmesDev's profile picture

Ben Holmes

45,911 subscribers

98,116 просмотров • 1 год назад •via X (Twitter)

Наука и технологииОбразование
LIVE

Anya Rossi• Live Now

Private livecam show

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

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

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

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

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊
0:24

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Surjith S M ✪

169,291 просмотров • 3 лет назад

Apparently some React devs don't know that <input type="date"> exists and think you need a library for that? So I made a really quick demo...
0:33

Apparently some React devs don't know that <input type="date"> exists and think you need a library for that? So I made a really quick demo...

Fran Zekan

189,050 просмотров • 2 лет назад

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:
1:04

🌟 The last UI library made for the LLM era. Soon, every developer will be able to build the world class apps. Easily. Built for React Web, React Native, and Expo. Universal. Here’s a peek at one of its components:

Saúl

40,982 просмотров • 1 год назад

I just KEEP seeing uses for Prettify<T> out in the wild. Here, you can use it to unwrap a class with lots of complex inheritance to actually see it in the tooltip.
0:45

I just KEEP seeing uses for Prettify<T> out in the wild. Here, you can use it to unwrap a class with lots of complex inheritance to actually see it in the tooltip.

Matt Pocock

152,874 просмотров • 3 лет назад

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

61,281 просмотров • 3 месяцев назад

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!
0:37

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

Devon Govett

83,579 просмотров • 9 месяцев назад

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!
0:57

Introducing React Native Enriched Markdown – a new React Native Enriched package by Gregory Moskaliuk! 🚀 It’s a fully native Markdown renderer for React Native that makes Markdown content feel like a first-class part of your app’s UI. ⚡ Purely native performance – lightning-fast parsing with md4c and 100% native text components ✨ Native text & image interactions (select, copy, translate, save, etc.) 📝 Smart rich-text copy (HTML/RTF) + “Copy as Markdown” option 🔗 GitHub link in the 🧵. If you find it useful, a ⭐would mean a lot!

Software Mansion

26,869 просмотров • 7 месяцев назад

If you want to use Powerplex in Invincible VS, you'll NEED to get familiar with his 'just frame' inputs 🔥 Here's a 75% solo combo (with a second route for fun) to get you started with the character! #InvincibleVS #Invincible #FGC
0:46

If you want to use Powerplex in Invincible VS, you'll NEED to get familiar with his 'just frame' inputs 🔥 Here's a 75% solo combo (with a second route for fun) to get you started with the character! #InvincibleVS #Invincible #FGC

RBKeyz

31,380 просмотров • 4 месяцев назад

In case you didn't get a chance to explore the doc site I built for - it's a react library for shader-driven page transitions
0:36

In case you didn't get a chance to explore the doc site I built for - it's a react library for shader-driven page transitions

Noman

65,091 просмотров • 3 месяцев назад

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜
1:01

UI/UX Designers, this might be the new favourite library for micro-interactions. Amicro gives you access to a curated beautifully crafted open-source collection of premium micro-transitions and interaction components for React, making it easy to add polished animations and seamless experiences to websites, dashboards, and web apps. You can install everything with just one CLI command. Bookmarks it for later 💜

Abraham John 🦄🦓

26,631 просмотров • 1 месяц назад

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼
0:27

I recreated Emil Kowalski's beautiful react spring cards for Linear from scratch using Claude, just used react and CSS. It took me some time to get right, but shows you can get a similar effect with a few good prompts. 🤌🏼

Kevin

106,908 просмотров • 5 месяцев назад

Learning from Leshar: Don’t Commit to a Button After a Backdash Shimmy + Catch Fuzzy Buttons 0:00- Actual match footage Backdash shimmy → confirm that the opponent does nothing → backwalk and use at tip range Aim for a Punish Counter on the opponent’s fuzzy 0:04- Backdash shimmy → Don’t commit to a button If you commit to a button after a backdash shimmy, you can get hit if the opponent jumps forward or reacts to the backdash with a button such as Instead, confirm what the opponent does first, then choose your response 0:09- Backdash shimmy with Terry ・If you see a throw tech, press a button to get a Punish Counter ・If you see a jump, anti-air ・If you see nothing, backwalk and use at tip range to catch fuzzy buttons 0:20- With Akuma If you see nothing, use a delayed st.HP at tip range or backwalk and use 6HP to catch fuzzy buttons With Ryu For example: Corner throw → st.LP as a frame kill → backdash shimmy ・If you see a jump, backwalk and use Light Shoryuken ・If you see a throw tech, use to get a Punish Counter ・If you see nothing, use a delayed st.HP at tip range ✅ Instead of committing to a button immediately after the backdash shimmy, confirm the opponent’s action first and adjust your response This makes it harder for the opponent to hit you with a button after reacting to the backdash, while still allowing you to catch fuzzy buttons
0:58

Learning from Leshar: Don’t Commit to a Button After a Backdash Shimmy + Catch Fuzzy Buttons 0:00- Actual match footage Backdash shimmy → confirm that the opponent does nothing → backwalk and use at tip range Aim for a Punish Counter on the opponent’s fuzzy 0:04- Backdash shimmy → Don’t commit to a button If you commit to a button after a backdash shimmy, you can get hit if the opponent jumps forward or reacts to the backdash with a button such as Instead, confirm what the opponent does first, then choose your response 0:09- Backdash shimmy with Terry ・If you see a throw tech, press a button to get a Punish Counter ・If you see a jump, anti-air ・If you see nothing, backwalk and use at tip range to catch fuzzy buttons 0:20- With Akuma If you see nothing, use a delayed st.HP at tip range or backwalk and use 6HP to catch fuzzy buttons With Ryu For example: Corner throw → st.LP as a frame kill → backdash shimmy ・If you see a jump, backwalk and use Light Shoryuken ・If you see a throw tech, use to get a Punish Counter ・If you see nothing, use a delayed st.HP at tip range ✅ Instead of committing to a button immediately after the backdash shimmy, confirm the opponent’s action first and adjust your response This makes it harder for the opponent to hit you with a button after reacting to the backdash, while still allowing you to catch fuzzy buttons

白(ワラキア)

21,596 просмотров • 11 дней назад

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div
1:00

Know React for the web? You are closer to shipping a mobile app than you think. Components, hooks, props, state: same React. The rendering layer is what changes. ◆ React DOM swaps for a native renderer ◆ Styling uses the StyleSheet API ◆ View, not div

Expo

15,883 просмотров • 1 месяц назад

The PlayCanvas team has solved collision for 3D Gaussian splats. Install splat-transform via NPM to get a CLI tool + library that can output high quality voxel-based collision. Here you can see a splat navigated in first person mode with voxel rendering toggled on/off. 🧵
0:37

The PlayCanvas team has solved collision for 3D Gaussian splats. Install splat-transform via NPM to get a CLI tool + library that can output high quality voxel-based collision. Here you can see a splat navigated in first person mode with voxel rendering toggled on/off. 🧵

Will Eastcott

30,303 просмотров • 4 месяцев назад

The sh*t you can do in Cavalry is insane. Native physics engine. Endless options. I was basically just clicking random buttons here & you can get some really dope animations. If you are a creator you need to dedicate the next 1-3 months learning how to use this. IT’S FREE
0:22

The sh*t you can do in Cavalry is insane. Native physics engine. Endless options. I was basically just clicking random buttons here & you can get some really dope animations. If you are a creator you need to dedicate the next 1-3 months learning how to use this. IT’S FREE

Talley

48,463 просмотров • 4 месяцев назад

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.
0:20

Gallery. Made with Tailwind and Framer Motion. Navigation inspired by Manrope. Thanks to Hari · animata.design for the challenge. Hari is building an easy-to-install, open-source interaction library with hundreds of hand-crafted components. Check it out if that seems relevant to you.

Preet

17,363 просмотров • 2 лет назад

.Carlos Silva gives you the run down on what you can get with the brand new TNA+ VIP membership! Ryan Nemeth Use the code TNA2026 to get a TNA+ VIP annual subscription for only $99.99:
2:55

.Carlos Silva gives you the run down on what you can get with the brand new TNA+ VIP membership! Ryan Nemeth Use the code TNA2026 to get a TNA+ VIP annual subscription for only $99.99:

TNA Wrestling

17,643 просмотров • 24 дней назад