Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

"Accessibility and CSS go hand in hand, significantly impacting user experience." Emma Bostian delves into the vital connection between web development and accessibility. Get the foundations of CSS in Emma's course:

FrontendMasters's profile picture

Frontend Masters 💻✨

126,788 subscribers

21,815 görüntüleme • 2 yıl önce •via X (Twitter)

EğitimSağlık & İyilikBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

4 Yorum

Bheart Shrestha profil fotoğrafı
Bheart Shrestha2 yıl önce

@EmmaBostian Nice tattoo @EmmaBostian

udao profil fotoğrafı
udao1 yıl önce

UDAO, the next big Web3 Use Case: LinkedIn x Coursera on Blockchain

Adam profil fotoğrafı
Adam2 yıl önce

@EmmaBostian 👍😊

Simon Flack 💙💛 profil fotoğrafı
Simon Flack 💙💛2 yıl önce

@EmmaBostian I think that's a common misconception about `visibility: hidden` -- It doesn't just hide things visually - it's also removed from the accessibility tree: To achieve that, it's recommended to add a `sr-only` or `visually-hidden` class to your CSS

Benzer Videolar

🧵 (Re)introducing the Practical Accessibility course: ✨ A comprehensive, self-paced, get-right-down-to-it video course designed to demystify web accessibility and equip you with the knowledge you need to create more accessible websites & apps today ⤵️
4:54

🧵 (Re)introducing the Practical Accessibility course: ✨ A comprehensive, self-paced, get-right-down-to-it video course designed to demystify web accessibility and equip you with the knowledge you need to create more accessible websites & apps today ⤵️

Sara Soueidan

74,818 görüntüleme • 2 yıl önce

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features and updates for Pixel, Android, Chrome & Chromebook, and Workspace. #a11y #Accessibility
7:18

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features and updates for Pixel, Android, Chrome & Chromebook, and Workspace. #a11y #Accessibility

Google Accessibility

19,169 görüntüleme • 11 ay önce

UFO Disclosure and AI development go hand in hand Joe Rogan and Jesse Michels discuss the convergance of these two milestones of our species
3:09

UFO Disclosure and AI development go hand in hand Joe Rogan and Jesse Michels discuss the convergance of these two milestones of our species

Red Panda Koala

14,568 görüntüleme • 6 ay önce

#VOLT will get listed on 火币HTX on March 13, 2023 🔥 Founded in 2013, #Huobi is one of the leading exchanges in terms of volume & users especially with their strong user base in China 🚀 This listing will significantly increase the $VOLT legitimacy and accessibility 🌐⚡️
0:42

#VOLT will get listed on 火币HTX on March 13, 2023 🔥 Founded in 2013, #Huobi is one of the leading exchanges in terms of volume & users especially with their strong user base in China 🚀 This listing will significantly increase the $VOLT legitimacy and accessibility 🌐⚡️

Volt Inu ⚡️

548,560 görüntüleme • 3 yıl önce

Get tips and resources to help you or a loved one learn more about built-in accessibility features. Here’s how to use the Mac Accessibility Assistant in the Shortcuts app. #AppleAccessibility Get the shortcut:
1:17

Get tips and resources to help you or a loved one learn more about built-in accessibility features. Here’s how to use the Mac Accessibility Assistant in the Shortcuts app. #AppleAccessibility Get the shortcut:

Apple Support

109,325 görüntüleme • 2 yıl önce

🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the knowledge you need to create more accessible websites & apps today 💪🏻 ⤵️
4:53

🧵 (Re)introducing the Practical Accessibility course: ✨ It is a comprehensive, self-paced, online video course designed to demystify web accessibility and to equip you with the knowledge you need to create more accessible websites & apps today 💪🏻 ⤵️

Sara Soueidan is on Bluesky

21,121 görüntüleme • 1 yıl önce

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️
0:55

📣 CSS Wrapped 2024 has dropped 📣 Join us (and our skateboarding dinosaur) on a journey through all the latest and greatest CSS and UI improvements that launched for Chrome and the web platform in 2024 ▶️

Chrome for Developers

901,895 görüntüleme • 1 yıl önce

Spotting of the elusive Snow Leopard in the High Himalayas by Project Himank 𝐁𝐨𝐫𝐝𝐞𝐫 𝐑𝐨𝐚𝐝𝐬 𝐎𝐫𝐠𝐚𝐧𝐢𝐬𝐚𝐭𝐢𝐨𝐧 - a powerful reminder that infrastructure development and nature conservation go hand in hand.
0:43

Spotting of the elusive Snow Leopard in the High Himalayas by Project Himank 𝐁𝐨𝐫𝐝𝐞𝐫 𝐑𝐨𝐚𝐝𝐬 𝐎𝐫𝐠𝐚𝐧𝐢𝐬𝐚𝐭𝐢𝐨𝐧 - a powerful reminder that infrastructure development and nature conservation go hand in hand.

Aditya Raj Kaul

46,149 görüntüleme • 4 ay önce

Need a brand logo? This probably has it. → One of the biggest libraries of brand logos. Browse across categories like: • AI • accessibility • auth • automotive • architecture Export in: • React / HTML / CSS / Next.js • SVG / WebP / raster Probably every logo you’ll ever need.
0:52

Need a brand logo? This probably has it. → One of the biggest libraries of brand logos. Browse across categories like: • AI • accessibility • auth • automotive • architecture Export in: • React / HTML / CSS / Next.js • SVG / WebP / raster Probably every logo you’ll ever need.

Kailash

246,720 görüntüleme • 22 gün önce

The hand-to-hand combat between Riyo and Noerde in Gachiakuta (2025)
0:25

The hand-to-hand combat between Riyo and Noerde in Gachiakuta (2025)

Anime Shots

29,652 görüntüleme • 5 ay önce

We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS. I enjoyed collaborating with Esther Esther 🥑 on this course. It has been in the making for over six months! Get it now at
1:08

We’re excited to launch Panda Mastery 🐼, an in-depth course on building design systems and web applications with Panda CSS. I enjoyed collaborating with Esther Esther 🥑 on this course. It has been in the making for over six months! Get it now at

Sage ⚡️

13,024 görüntüleme • 1 yıl önce

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳
1:14

built some 3D css books in the past with scroll interaction and demo links might make a css cookbook 👨‍🍳

jhey ʕ•ᴥ•ʔ

59,139 görüntüleme • 7 ay önce

CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…
1:56

CSS shape() landed in Firefox 148. It's similar to path(), but allows the full expressiveness of CSS…

Firefox for Web Developers

11,137 görüntüleme • 3 ay önce

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.
0:41

Built a modular and dynamic CHUNK type system component in Framer using React and pure CSS. I created a responsive construction system first, then hand crafted every single letter and number in CSS so each glyph has its own structure, balance and character. As the frame changes, the typography reshapes rather than just scales. Part font, part layout engine, part self-inflicted obsession.

Lee Black

10,580 görüntüleme • 2 ay önce

Yuriko Oda is the founder and CEO of Wheelog! – a user-generated accessibility map application that shows where wheelchair users can go. A champion for the #GlobalGoals, she received the Japan SDGs Award in December 2023 for her creative & inclusive work.
2:19

Yuriko Oda is the founder and CEO of Wheelog! – a user-generated accessibility map application that shows where wheelchair users can go. A champion for the #GlobalGoals, she received the Japan SDGs Award in December 2023 for her creative & inclusive work.

UN News

17,996 görüntüleme • 10 ay önce

This Collegiate esports program is the first with accessibility for the deaf and hard of hearing. Allowing their players the best experience possible when competing in games Incredible Gallaudet Esports
1:50

This Collegiate esports program is the first with accessibility for the deaf and hard of hearing. Allowing their players the best experience possible when competing in games Incredible Gallaudet Esports

Jake Lucky 🔜 SGF

65,483 görüntüleme • 2 yıl önce

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features including captions for Gemini Live, updates for Google Meet, and a Gemini-powered tool that simplifies complex text for easier understanding. #a11y #Accessibility #WhatsNewInGoogleAccessibility #Google
5:07

The latest episode of "What's New in Google Accessibility" is out now. Learn about new accessibility features including captions for Gemini Live, updates for Google Meet, and a Gemini-powered tool that simplifies complex text for easier understanding. #a11y #Accessibility #WhatsNewInGoogleAccessibility #Google

Google Accessibility

23,574 görüntüleme • 7 ay önce

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.
1:11

🚀 Introducing Panda CSS The modern CSS-in-JS styling engine! Say goodbye to runtime CSS-in-JS 🎨💪✨ 🔸Works with Server Components 🔸Recipes, Variants, and Patterns 🔸Design Tokens Support Works in Next.js, Vue, Qwik, Solid, Astro, and more.

Sage ⚡️

413,033 görüntüleme • 3 yıl önce

The newest course on Peterson Academy, Dan Crenshaw's nine-hour course: Unconventional Civics, is available now. Join now for immediate access at Peterson Academy. In this course, Crenshaw walks us through the foundations of American government, civics, and foreign policy. Through engaging narratives, he examines the role of government in society, the interaction between various levels of government and economic systems, the requirements for winning elections, and the concept of civic duty. The course also delves into the two-party system, the inner workings of Congress, and the multifaceted role of modern congressional representatives, concluding with an analysis of American foreign policy and its role in contributing to global order.
1:16

The newest course on Peterson Academy, Dan Crenshaw's nine-hour course: Unconventional Civics, is available now. Join now for immediate access at Peterson Academy. In this course, Crenshaw walks us through the foundations of American government, civics, and foreign policy. Through engaging narratives, he examines the role of government in society, the interaction between various levels of government and economic systems, the requirements for winning elections, and the concept of civic duty. The course also delves into the two-party system, the inner workings of Congress, and the multifaceted role of modern congressional representatives, concluding with an analysis of American foreign policy and its role in contributing to global order.

Peterson Academy

55,338 görüntüleme • 10 ay önce

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩
0:36

In graph theory, there are algorithms that find the shortest path between two nodes. I made one with pure CSS (including the graph drawing). Drag the nodes, and the shortest path will update in real-time! A demo powered by all the modern CSS features🤩

CSS by T. Afif

1,200,631 görüntüleme • 4 ay önce