So what are the common mistakes frontend developers make?
Cross-Browser compatibility : Since each browser renders pages differently, developers need to test the site fully on each browser to ensure cross-browser compatibility. It is a lengthy process but if you care for user's experience, you know this is is important. There are tools out there that help with testing, such as BrowserStack, CrossBrowserTesting, LambdaTest, and others. Check them out. Whatever you do, do not skip testing!
Autoplay: It is annoying when you open a website and suddenly a video starts blaring noise in our ears😐. While developers are actually trying to prevent it, they use the attribute ‘autoplay” in the video’s source tag, then set it to “false”.
The issue here is that “autoplay” is not a boolean type variable, it doesn’t work based on “true” or “false" rules. So instead, the browser sees the string and ignoring the “false” setting attempt, auto plays the video. The simplest solution is to remove the attitude or use an attribute like “autostart” that is working by boolean preferences.
Forgetting input validation: Don't make the assumption that your users will input the proper data in the right fields. It is highly recommended to use input validation at all times. It ensures the correct data in the correct format is stored in your database, it is a good UX practice and is highly beneficial for your security, since it helps prevent injection attacks, systems compromises, and memory leakage.
Connect with me:
Twitter : @DaCodess