Yet we reconnected against all odds. A classical geek in a technical faculty — that applies to both him and me. He is without a doubt highly intelligent, pushing past genius levels and an extremely motivated individual. Schoolmates would often seek his guidance in course work syllabus which he generously…

I do and I need it to prevent burnout. ❝Just curious, do you do anything besides coding?❞ Upon hearing my colleague’s question, I couldn’t help but roll my eyes 😒 I’m currently in my 3ʳᵈ job and at each workplace, at least 2 other co-workers from non-technical divisions would without…

Which path is the ❝optimal route❞? Mobile responsive map layout. Full source code included. — Many digital commodities such as e-commerce purchases, food-delivery requests as well as ride-hailing services have been increasingly lucrative following a surge in demand by global consumers during today’s “endemic” era. Apart from its paperless (i.e. digitised) nature, another common characteristic of each aforementioned services is its reliance on Optimal Route…

Part 3: Sharing a list of selected snippets which have made my life much easier for several day-to-day tasks. Vanilla JS only. — For the entire 1st half of the year 2022, all attempts on my side to create offline digital productivity tools have had their fair share of successes and failures. Nevertheless, the technical exploration and trial and errors were both valuable and insightful for my…

Includes complete source code with use-case Demo. — On most occasions, any workplace task would require the use of digital technologies on a day-to-day basis. As such, the advent of web-based, installation-free tools ranging from editing PDF files online to mind mapping tools have without a doubt provided many conveniences for workers across many industries and domains. Rationale It…

No LOD Calculations. Transform spatial dataset into tabular format with JavaScript. Full code snippets included. — In recent years, Tableau has consistently been one of the top data analytics tools based on its high adoption rate in the market. Without a doubt, one of its notable reason for its commercial success is its versatility to integrate a wide range of data formats seamlessly for its users.

With full code implementation. Export any smiley or symbol as image files for use. — ❝A picture is worth a thousand words❞ — This is especially true in modern digital age when the average human attention span is short and larger loads of information are expected to be processed daily. For most white-collar workers, I am sure many would have at some point attempted to…

No plugins required. 2 strategies — (1) A <textarea> HTML element & (2) Regex pattern implementations. — Before diving straight into the implementation details, the following aims to showcase the encoding/decoding of a HTML code snippet respectively so as to specify the context for the rest of this article: Why is this necessary? Technical documentations in general often encompass code snippets as part of its content for readers’ future self-references. Hence…

Output image preserves its aspect ratios and resolution. Enables image export. Full code implementation included. — For the past couple of months, several browser utility tools I have implemented for a variety of distinct use-cases have involved the use of HTML5 element — <canvas></canvas> FYI: For more information on HTML <canvas> component, please refer to: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/canvas