https://www.ainab.site/categories/guides/Recent content in guides on Ainab's JournalHugo -- gohugo.ioen-usSat, 05 Mar 2022 00:00:00 +0000https://www.ainab.site/posts/vue-js-with-dark-mode-while-taking-system-preference-and-user-preference-into-account/Sat, 05 Mar 2022 00:00:00 +0000https://www.ainab.site/posts/vue-js-with-dark-mode-while-taking-system-preference-and-user-preference-into-account/tl;dr - A vue.js example of adding dark mode support to your website that takes system preference and user preference into account. See link image/svg+xml for source. When you are developing a website with dark-mode support, there are usually two paths you can take: Use the [prefers-color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) CSS media feature and thereby use the system preference. Use a website setting to set a .https://www.ainab.site/posts/log-errors-to-azure-application-insights-from-an-angular-app/Sat, 06 Nov 2021 00:00:00 +0000https://www.ainab.site/posts/log-errors-to-azure-application-insights-from-an-angular-app/As there is no software without bugs, we must always assume there are bugs in our software. Subsequently, it would be very nice if we would be aware of those bugs as well. We cannot always be aware of all the bugs in our software, but we can be aware of all exceptions that occur in our software, using logging and telemetrics services. One of those services is Azure’s Application Insights which, among doing many other things, can collect browser exceptions coming from Javascript-based single page applications and provide much useful information about them.