Derek Oware

HomeBadges

Device Detection with the User-Agent

Feb 15, 20214 min read

Have you ever wanted to implement a feature for a specific platform or device? Like show a screen or some content to mobile users only or execute a different an action based on the user's device I usually come across contents on sites that are clearl...

Improve your developer experience with VSCode snippets

Dec 18, 20207 min read

Code snippets are templates that make it easier to enter repeating code patterns. VSCode's snippets are just one big part of my coding experience. They make it super easy to get away with some boilerplate code. There are code snippet extensions for e...

Error handling in Fetch vs Axios

Oct 12, 20202 min read

There's so much difference between Fetch and Axios but my focus is on error handling because it caught my attention in my previous project. Error handling is an essential part of every application we build thus needs to be done correctly. From the fe...

Upload user avatar with a custom upload button

Oct 7, 20203 min read

I recently wrote on how to customize the default upload button but I want to explore more into this topic and try other options. I designed an interface to upload a user avatar How to We'll start with our HTML <main> <input type="file" name="image...

Custom file upload button

Oct 6, 20201 min read

Customizing the input type="file" is a bit annoying because it comes with a button and an unchangeable text. With the ::file-selector-button pseudo-selector you can edit the default button. It's still annoying because some CSS properties affect both ...

TIP TO IMPROVE ACCESSIBILITY IN YOUR SINGLE PAGE APPLICATION

Oct 2, 20201 min read

Navigating in a multi-page application is done by refreshing the webpage. In this case, the screen-reader announces to the user when the page is done loading. However, In single-page applications, navigation is done via JavaScript which makes the scr...

© 2021 Derek Oware

PrivacyTerms
Proudly part of