Frontend Focus is a once-weekly roundup of the best front-end news, articles and tutorials. Here is a quick overview of the newest Tutorials and Articles, as well as a professional opinion on the topics.
Jon Keegan and Colin Lecher provided a detailed overview on how to run tests on every U.S. state’s COVID Vaccine’s website. Even though these results are not always efficient considering accessibility and privacy protection it might turn up that this is the exact thing that the system currently needs. Christine Meyer, a Pennsylvania doctor, commented that the stress of trying to find an appointment to get a COVID-19 vaccine is literally making people physically ill.
You can check the privacy, performance, accessibility and more details of the current COVID-19 Vaccine websites and what other researchers think regarding this topic from the following article.
In his recent article Hidde de Vries, a freelance front-end developer explains his point of view on Claims vs Reality, when it comes to accessible Front-End components. Those components are not always created in an equal way, hence he created a checklist, which would help us find out which would work best for our end users.
“My mission in web accessibility is to make it easier for people who want to create accessible interfaces. There are many means to that end, from building a good understanding of how people with disabilities use the web to providing clear and well-tested code examples.”
Hidde gave answers to many important questions related to accessibility, creation, GitHub issues, performance, integral parts, customizability, and more. You can check the whole article from here.
If you have ever wanted to know how to Create a Smart Navbar With Vanilla JavaScript you should definitely check Jemima Abu‘s latest article where she gave an example of smart navigation might work.
“Sticky, or fixed, navigation is a popular design choice because it gives users persistent access to navigate the site. On the other hand, it takes up space on the page and sometimes covers content in a way that’s less than appealing. A possible solution? Smart navigation.”
Get access to the whole article from here.
Last but definitely not least you can also check Yuriy Artyukh’s 86-minutes long coding session of How to Create a Globe and Add Cities using Three.js. Yuriy is a developer from Kyiv, Ukraine who is leading the small frontend agency riverco.de. He is also speaking at conferences.
In his ALL YOUR HTML coding session, we can learn how to create the globe and add cities to it using Three.js. Check out his live demo from here.