Channel: Front End World
Demystifying Screen Readers: Accessible Forms & Best Practices
This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a screen reader when navigating a form, and also some best practices.
https://css-tricks.com/demystifying-screen-readers-accessible-forms-best-practices/
This is the 3rd post in a small series we are doing on form accessibility. If you missed the 2nd post, check out Managing User Focus with :focus-visible. In this post we are going to look at using a screen reader when navigating a form, and also some best practices.
https://css-tricks.com/demystifying-screen-readers-accessible-forms-best-practices/
Things That Can Break aspect-ratio in CSS
CSS has an aspect-ratio property, which has had full support since around 2021. It can be a very satisfying property to use, because it can help match how your brain 🧠works or what the desired des…
https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/
CSS has an aspect-ratio property, which has had full support since around 2021. It can be a very satisfying property to use, because it can help match how your brain 🧠works or what the desired des…
https://frontendmasters.com/blog/things-that-can-break-aspect-ratio-in-css/
A primer on the cascade and specificity
https://piccalil.li/blog/a-primer-on-the-cascade-and-specificity/
https://piccalil.li/blog/a-primer-on-the-cascade-and-specificity/
Improving Dynamic Component Loader Typings in Angular Using Inputs
Cover image by Google's Gemini, I have no idea why it is a skull. When I first read about signals in...
https://dev.to/bwca/improving-dynamic-component-loader-typings-in-angular-using-inputs-obl
Cover image by Google's Gemini, I have no idea why it is a skull. When I first read about signals in...
https://dev.to/bwca/improving-dynamic-component-loader-typings-in-angular-using-inputs-obl
Top 6 JavaScript and NodeJS Libraries for Web Scraping
Web scraping, the process of extracting data from websites, has become an increasingly valuable tool for businesses, researchers, and…
https://blog.stackademic.com/top-6-javascript-and-nodejs-libraries-for-web-scraping-f71dc4d79ee4
Web scraping, the process of extracting data from websites, has become an increasingly valuable tool for businesses, researchers, and…
https://blog.stackademic.com/top-6-javascript-and-nodejs-libraries-for-web-scraping-f71dc4d79ee4
What the US DoJ adopting WCAG 2.1 A/AA in ADA Title II for Web and Mobile Apps means for you
I’m thrilled to see that the US Justice Department just announced an advanced copy of a final rule to improve web and mobile app accessibility for people
https://www.deque.com/blog/what-the-us-doj-adopting-wcag-2-1-a-aa-in-ada-title-ii-for-web-and-mobile-apps-means-for-you/
I’m thrilled to see that the US Justice Department just announced an advanced copy of a final rule to improve web and mobile app accessibility for people
https://www.deque.com/blog/what-the-us-doj-adopting-wcag-2-1-a-aa-in-ada-title-ii-for-web-and-mobile-apps-means-for-you/
How Using Angular’s inject() Function Has Saved Me 1000 Lines of Code
Discover how easily can the inject() function improve your project
https://javascript.plainenglish.io/how-using-the-angulars-inject-function-has-saved-me-1000-lines-of-code-82b699183da8
Discover how easily can the inject() function improve your project
https://javascript.plainenglish.io/how-using-the-angulars-inject-function-has-saved-me-1000-lines-of-code-82b699183da8
Create a React app with Wing
ReactJS library has been in the market for a very long time and we all are very much aware of its power. We all know how we can build UIs using ReactJS, create components, and much more. If you don't know about React there are tons of free resources ...
https://jsayushthakur.hashnode.dev/create-a-react-app-with-wing
ReactJS library has been in the market for a very long time and we all are very much aware of its power. We all know how we can build UIs using ReactJS, create components, and much more. If you don't know about React there are tons of free resources ...
https://jsayushthakur.hashnode.dev/create-a-react-app-with-wing
How To Monitor And Optimize Google Core Web Vitals
The three Core Web Vitals metrics don’t only tell you how visitors experience your website but also impact your Google search result rankings. In this article, we’ll look at what Core Web Vitals are, how they are measured, and how you can use DebugBear to monitor them continuously.
https://www.smashingmagazine.com/2024/04/monitor-optimize-google-core-web-vitals/
The three Core Web Vitals metrics don’t only tell you how visitors experience your website but also impact your Google search result rankings. In this article, we’ll look at what Core Web Vitals are, how they are measured, and how you can use DebugBear to monitor them continuously.
https://www.smashingmagazine.com/2024/04/monitor-optimize-google-core-web-vitals/
Master Reactivity in JavaScript: 8 Powerful Patterns…
In the realm of web development, reactivity plays a pivotal role. It embodies how a system dynamically responds to data alterations. This…
https://lokesh-prajapati.medium.com/master-reactivity-in-javascript-8-powerful-patterns-e17bc19d3d54
In the realm of web development, reactivity plays a pivotal role. It embodies how a system dynamically responds to data alterations. This…
https://lokesh-prajapati.medium.com/master-reactivity-in-javascript-8-powerful-patterns-e17bc19d3d54
Hello Bun: How Sveld now deploys 2x faster on GitHub and Render
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, global CDN, private networks and auto deploys from Git.
https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render
Render is a unified cloud to build and run all your apps and websites with free TLS certificates, global CDN, private networks and auto deploys from Git.
https://render.com/blog/hello-bun-deploy-2x-faster-on-github-render
Exploring Material 3 Design With Angular Material
In this article, we will explore Material 3 design integration with Angular Material.
https://angular-material.dev/articles/angular-material-3
In this article, we will explore Material 3 design integration with Angular Material.
https://angular-material.dev/articles/angular-material-3
Angular Material Dev
Article: Exploring Material 3 Design With Angular Material | Angular Material Dev
In this article, we will explore Material 3 design integration with Angular Material.
Get your codebase ready for React 19
Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date.
https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
Is your app ready for what’s coming up in React 19’s release? Get prepared with what is going to change ahead of its release date.
https://thoughtbot.com/blog/get-your-codebase-ready-for-react-19
SPA-Like Navigation Preserving Web Component State
Learn how to keep your web components' state intact while navigating, just like in a SPA!
https://aralroca.com/blog/spa-navigation
Learn how to keep your web components' state intact while navigating, just like in a SPA!
https://aralroca.com/blog/spa-navigation
HTML attributes vs DOM properties
They're completely different, but often coupled.
https://jakearchibald.com/2024/attributes-vs-properties/
They're completely different, but often coupled.
https://jakearchibald.com/2024/attributes-vs-properties/
Global State Management Options in Angular
Photo by Kyle Glenn on Unsplash
https://medium.com/@seanhaddock_60973/global-state-management-options-in-angular-c063214380d0
Photo by Kyle Glenn on Unsplash
https://medium.com/@seanhaddock_60973/global-state-management-options-in-angular-c063214380d0
The New !important
I spotted this CSS used in a very popular WordPress theme:
https://geoffgraham.me/the-new-css-important/
I spotted this CSS used in a very popular WordPress theme:
https://geoffgraham.me/the-new-css-important/
Geoff Graham
The New !important - Geoff Graham
I spotted this CSS used in a very popular WordPress theme:
5 use cases of worker threads in JavaScript
Find out the 5 common & practical use cases for worker threads in modern JavaScript
https://medium.com/deno-the-complete-reference/5-use-cases-of-worker-threads-in-javascript-5ce94ce1365d
Find out the 5 common & practical use cases for worker threads in modern JavaScript
https://medium.com/deno-the-complete-reference/5-use-cases-of-worker-threads-in-javascript-5ce94ce1365d
Comparing React state tools: Mutative vs. Immer vs. reducers
Mutative processes data with better performance than both Immer and native reducers. Let's compare these data handling options in React.
https://blog.logrocket.com/react-state-tools-mutative-vs-immer-vs-reducers/
Mutative processes data with better performance than both Immer and native reducers. Let's compare these data handling options in React.
https://blog.logrocket.com/react-state-tools-mutative-vs-immer-vs-reducers/
How to Add Media to Your HTML Email Template
In my previous article, "How to Create a Responsive HTML Email Template /news/how-to-create-a-responsive-html-email-template/," we explored the fundamentals of designing and coding a simple HTML email template that adapts beautifully across different devices and email clients. I got a couple of questions about adding media to the HTML email template.
https://www.freecodecamp.org/news/how-to-add-media-to-your-html-email-template/
In my previous article, "How to Create a Responsive HTML Email Template /news/how-to-create-a-responsive-html-email-template/," we explored the fundamentals of designing and coding a simple HTML email template that adapts beautifully across different devices and email clients. I got a couple of questions about adding media to the HTML email template.
https://www.freecodecamp.org/news/how-to-add-media-to-your-html-email-template/
HTML Embed Code: