Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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,051 subscribers

98,069 görüntüleme • 9 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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,280 görüntüleme • 3 yıl önce

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,036 görüntüleme • 2 yıl önce

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's
1:03

❌ You 𝗺𝗶𝗴𝗵𝘁 not need a react form library ✅ Instead you can use the FormData API's

George Moller

81,577 görüntüleme • 2 yıl önce

Using Tailwind, Panda, StyleX or any other Atomic CSS library? You are going to want to install this Chrome Extension right now
2:00

Using Tailwind, Panda, StyleX or any other Atomic CSS library? You are going to want to install this Chrome Extension right now

Wes Bos

90,078 görüntüleme • 1 yıl önce

🌟 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,940 görüntüleme • 10 ay önce

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,851 görüntüleme • 3 yıl önce

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —
1:08

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

Michael Andreuzza

69,293 görüntüleme • 1 yıl önce

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖
2:08

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

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

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

58,221 görüntüleme • 28 gün önce

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

77,974 görüntüleme • 6 ay önce

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼
0:59

Introducing Dotmatrix🗿 A collection of 55+ free and open-source dot-matrix loaders, built with React, TypeScript, Tailwind CSS, and shadcn. Install one, copy the code, and make it yours. Link: 👇🏼

shawn.

144,326 görüntüleme • 2 ay önce

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 görüntüleme • 5 ay önce

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

532,548 görüntüleme • 3 ay önce

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇
0:22

Animated sliding numbers 🛝 I've been building a reusable React Native UI library on the side, and the advantage is being able to use it for the company I work for or any of my own mobile apps. w/React Native Expo Source code on Landing Comps 👇

Erencan Arica

34,460 görüntüleme • 10 ay önce

I’ve had this for a while Built with React,tailwind and Appwrite
0:45

I’ve had this for a while Built with React,tailwind and Appwrite

Your_TechSis🌐

20,803 görüntüleme • 2 yıl önce

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 görüntüleme • 2 ay önce

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

59,902 görüntüleme • 1 ay önce

you do not need a library to make text fit into bad apple
3:37

you do not need a library to make text fit into bad apple

Rebane

65,534 görüntüleme • 3 ay önce

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 görüntüleme • 3 ay önce