Menambahkan fitur aksesibilitas dengan a11y di dalam aplikasi web Angular
https://indepth.dev/angular-a11y-11-tips-on-how-to-make-your-apps-more-accessible/
#angular #a11y #accessibility
https://indepth.dev/angular-a11y-11-tips-on-how-to-make-your-apps-more-accessible/
#angular #a11y #accessibility
inDepthDev
Angular a11y: 11 tips on how to make your apps more accessible - Angular inDepth
This article is a must-read to understand accessibility and how to work with it in Angular. l'll focus on 11 things you can do to make make your Angular app more accessible
Penjelasan apa itu a11y dari channel Junior Developer Central
https://youtu.be/CWa8FQBHv8M
—-
Latihan menggunakan ekstensi untuk Accessibility testing di aplikasi web
https://www.youtube.com/watch?v=WygxI_1u6XA
—-
Tips tentang melakukan validasi kode HTML yang ditulis
https://www.youtube.com/watch?v=s-MU5myVEM4
#a11y #accessibility #extension #chrome #juniorDeveloperCentral
https://youtu.be/CWa8FQBHv8M
—-
Latihan menggunakan ekstensi untuk Accessibility testing di aplikasi web
https://www.youtube.com/watch?v=WygxI_1u6XA
—-
Tips tentang melakukan validasi kode HTML yang ditulis
https://www.youtube.com/watch?v=s-MU5myVEM4
#a11y #accessibility #extension #chrome #juniorDeveloperCentral
YouTube
DevTips Daily: What does a11y stand for / mean?
⭐️ Check out more DevTips Daily ⭐️
↳ https://www.youtube.com/watch?v=8LqK_6s-3U0&list=PLpc_YvcwbxaQooG5z-N28XVQ32z_6Imdw
Got a suggestion for a DevTip? Let me know in the comments or find me on Twitter @codebubb (https://twitter.com/codebubb)
#devtipsdaily
↳ https://www.youtube.com/watch?v=8LqK_6s-3U0&list=PLpc_YvcwbxaQooG5z-N28XVQ32z_6Imdw
Got a suggestion for a DevTip? Let me know in the comments or find me on Twitter @codebubb (https://twitter.com/codebubb)
#devtipsdaily
Latihan sederhana pengenalan CSS Background Color property
https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/
---
Latihan tentang membuat posisi element HTML menjadi ke tengah dengan Flexbox dan CSS Grid
https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/
---
Membuat palet warna yang sesuai dengan syarat accessibility a11y
https://dev.to/5t3ph/generate-accessible-ui-colors-with-a11y-color-tokens-28m1
---
Pengenalan tentang CSS Border property dan contoh kustomisasi
https://www.freecodecamp.org/news/css-border-style-and-html-code-examples/
---
Latihan dasar pengenalan padding property di CSS
https://www.freecodecamp.org/news/html-padding-css-padding-order/
---
#css #background #padding #center #border #a11y
https://www.freecodecamp.org/news/css-background-color-how-to-change-the-background-color-in-html/
---
Latihan tentang membuat posisi element HTML menjadi ke tengah dengan Flexbox dan CSS Grid
https://www.freecodecamp.org/news/css-vertical-align-how-to-center-a-div-text-or-an-image-example-code/
---
Membuat palet warna yang sesuai dengan syarat accessibility a11y
https://dev.to/5t3ph/generate-accessible-ui-colors-with-a11y-color-tokens-28m1
---
Pengenalan tentang CSS Border property dan contoh kustomisasi
https://www.freecodecamp.org/news/css-border-style-and-html-code-examples/
---
Latihan dasar pengenalan padding property di CSS
https://www.freecodecamp.org/news/html-padding-css-padding-order/
---
#css #background #padding #center #border #a11y
freeCodeCamp.org
CSS Background Color – How to Change the Background Color in HTML
You have started creating your HTML page, and you want to give it some color – maybe change the color of the text or set a nice background. So how do you do that? In this article I'll show you how you can change the background color of a page
Latihan membuat aplikasi tracking kegiatan olahraga dengan React JS
https://dev.to/thenerdydev/10k-views-on-my-full-react-project-video-51p9
---
Menambahkan fungsi accessibility di React JS
https://www.freecodecamp.org/news/react-accessibility-tools-build-accessible-react-apps/
---
Pengenalan tentang fundamental di React JS
https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1
---
Membuat plugin custom untuk sumber data di Gatsby JS
https://www.digitalocean.com/community/tutorials/how-to-create-a-custom-source-plugin-in-gatsby
---
Membuat dashboard dengan drag and drop support widget pada React JS
https://betterprogramming.pub/build-a-dashboard-with-drag-and-drop-dynamic-widgets-in-react-1f012eeecd8b
---
#react #dashboard #dragdrop #gatsby #nextjs #a11y
https://dev.to/thenerdydev/10k-views-on-my-full-react-project-video-51p9
---
Menambahkan fungsi accessibility di React JS
https://www.freecodecamp.org/news/react-accessibility-tools-build-accessible-react-apps/
---
Pengenalan tentang fundamental di React JS
https://javascript.plainenglish.io/epic-react-react-fundamentals-cf76b6cedaf1
---
Membuat plugin custom untuk sumber data di Gatsby JS
https://www.digitalocean.com/community/tutorials/how-to-create-a-custom-source-plugin-in-gatsby
---
Membuat dashboard dengan drag and drop support widget pada React JS
https://betterprogramming.pub/build-a-dashboard-with-drag-and-drop-dynamic-widgets-in-react-1f012eeecd8b
---
#react #dashboard #dragdrop #gatsby #nextjs #a11y
DEV Community
10k+ views on my Full React Project Video
Recently, I released a video on making an Exercise Tracker Application using React.js. Today at the...
Latihan dari Traversy Media membuat Accessibility testing dengan a11y library
https://youtu.be/MO4vEAu3hKE
#traversyMedia #a11y
https://youtu.be/MO4vEAu3hKE
#traversyMedia #a11y
YouTube
Build a Website Accessibility Tester With JavaScript & Pa11y
In this project, we will build a web app with Node.js & Pa11y to find website accessibility issues
💻 Code:
https://github.com/bradtraversy/website-accessibility-tester
👇 Website & Courses:
https://traversymedia.com
https://freelancemastery.dev
💖 Show…
💻 Code:
https://github.com/bradtraversy/website-accessibility-tester
👇 Website & Courses:
https://traversymedia.com
https://freelancemastery.dev
💖 Show…
Latihan dari Kevin Powell membuat fitur Skip To Content di halaman aplikasi web
https://youtu.be/jDDaOFr9nqQ
#kevinPowell #skipcontent
https://youtu.be/jDDaOFr9nqQ
#kevinPowell #skipcontent
YouTube
Most sites have a skip-to-main link, and yours should too!
The 'skip navigation' or 'skip to main content' link is everywhere on the web, but why do so many sites have it, and how can you add one to your own projects?
🔗 Links
✅ Accessibility with Ashlee Boyer: https://youtu.be/qr0ujkLLgmE
✅ Smooth scrolling…
🔗 Links
✅ Accessibility with Ashlee Boyer: https://youtu.be/qr0ujkLLgmE
✅ Smooth scrolling…
Membuat halaman web dengan multi navigation bar bersama Kevin Powell
https://youtu.be/I1lq2ge7g4g
#kevinPowell #navbar
https://youtu.be/I1lq2ge7g4g
#kevinPowell #navbar
YouTube
The problem with multiple nav elements (and the simple solution)
When we have multiple nav elements on a given page, it's important that we use aria-label to label them... most of the time!
🔗 Links
✅ a11y project: https://www.a11yproject.com/
✅ Leone Watson's video: https://www.youtube.com/watch?v=IhWMou12_Vk
✅ Skip…
🔗 Links
✅ a11y project: https://www.a11yproject.com/
✅ Leone Watson's video: https://www.youtube.com/watch?v=IhWMou12_Vk
✅ Skip…
Membuat animasi logo dengan Vue JS 3 dan Lottie
https://blog.logrocket.com/creating-animated-logos-lottie-vue-3/
—-
Membuat Vue component dengan fitur accessibility a11y
https://blog.logrocket.com/building-accessible-components-vue/
—-
Beberapa library untuk membuat pagination di Vue JS
https://blog.logrocket.com/best-open-source-pagination-libraries-vue-3/
—-
#vue #logo #lottie #pagination #a11y
https://blog.logrocket.com/creating-animated-logos-lottie-vue-3/
—-
Membuat Vue component dengan fitur accessibility a11y
https://blog.logrocket.com/building-accessible-components-vue/
—-
Beberapa library untuk membuat pagination di Vue JS
https://blog.logrocket.com/best-open-source-pagination-libraries-vue-3/
—-
#vue #logo #lottie #pagination #a11y
LogRocket Blog
Creating animated logos with Lottie and Vue 3 - LogRocket Blog
We demonstrate how to create, customize, export, and add Lottie animations (including animated logos) to Vue 3 projects.
Beberapa library pendukung React JS yang dapat dicoba
https://hackernoon.com/13-useful-react-libraries-for-devs-in-2023
---
Pengenalan adapter pattern di React JS
https://hackernoon.com/exploring-the-adapter-pattern-in-react-with-an-example
---
Latihan penggunaan useState hook di React JS
https://hackernoon.com/react-usestate-made-easy-for-beginners
---
Optimasi accessibility di dalam aplikasi React JS
https://hackernoon.com/enhancing-web-accessibility-in-react-applications
---
Menggunakan path alias TypeScript untuk import component path yang sederhana di React JS
https://blog.logrocket.com/using-path-aliases-cleaner-react-typescript-imports/
---
#react #library #typescript #path #a11y #
https://hackernoon.com/13-useful-react-libraries-for-devs-in-2023
---
Pengenalan adapter pattern di React JS
https://hackernoon.com/exploring-the-adapter-pattern-in-react-with-an-example
---
Latihan penggunaan useState hook di React JS
https://hackernoon.com/react-usestate-made-easy-for-beginners
---
Optimasi accessibility di dalam aplikasi React JS
https://hackernoon.com/enhancing-web-accessibility-in-react-applications
---
Menggunakan path alias TypeScript untuk import component path yang sederhana di React JS
https://blog.logrocket.com/using-path-aliases-cleaner-react-typescript-imports/
---
#react #library #typescript #path #a11y #
Hackernoon
13 Useful React Libraries for Devs in 2023
Being a modern React developer is not only about understanding the core concepts of React but also about getting well-versed with the whole ecosystem of React.
Web Accessibility Best Practices – How to Ensure Everyone Can Use Your Website
https://www.freecodecamp.org/news/web-accessibility-best-practices/
#a11y #accessibility
https://www.freecodecamp.org/news/web-accessibility-best-practices/
#a11y #accessibility
freeCodeCamp.org
Web Accessibility Best Practices – How to Ensure Everyone Can Use Your Website
In the dynamic world of web development, creating websites that are accessible to all users, including those with disabilities, is not just a best practice – it's a necessity. Web accessibility ensures that everyone, regardless of their abilities, c...