Improving QML code readability with singleton

This article explains how to take advantage of the singleton pattern in QML, to develope a clean and a structured utility class. The singleton pattern is a software design pattern that ensures a class has one instance, providing a global point of access to it. Due to its global access, it is one of the most controversial pattern, and can lead to design problems if used incorrectly. Advantages: it is initialized only when it’s requested for the first time it can simplify code by making easier to access shared resources it can improve performance by avoiding the need to create multiple instances of a class Disadvantages:...

August 24, 2023 · 4 min

UI/UX Design Resources

Icon Packs List of free design icon packs: Feather Icons (license MIT) Atlas Icons (license MIT) Tablericons (license CC BY 4.0) Flat icons (license CC BY 4.0) BIC icons (license CC BY 4.0) UI Line (license CC BY 4.0) Nataicons (license CC BY 4.0) heroicons (license CC BY 4.0) Untitled UI Icons (license CC BY 4.0) Flags (license CC BY 4.0) SWM Icon Pack (license CC BY 4.0) Iconic (license WTFPL)...

January 18, 2023 · 1 min

Qt QML Live Reload

One of the most important and underestimated tools when developing QML apps, is QML live: QML Live is a local and remote Qt Quick live reloading system. It allows you to change your QML user interface source code and view the result in realtime. – Qt Documentation This tool can save countless hours of development when prototyping an application, because it simply reloads the edited files without the need of recompiling them....

January 13, 2023 · 3 min

Create a custom code highlight for Hugo

This article explains how to change the code highlight for a custom hugo website theme. Suppose that the website is based on the PaperMod theme, and the source code colors needs to be customized. In the PaperMod theme, the highlight.js library is used to provide different styles for each defined language. This file is located in: . └── themes └── PaperMod └── assets └── js └── highlight.min.js Now, update the minified library in the custom theme to apply the changes, and change the css style for the target language:...

January 9, 2023 · 2 min