Create Masonry Layout with CSS (Grid with variable-sized contents arranged in columns)

Create Masonry Layout with CSS (Grid with variable-sized contents arranged in columns)

Source code for examples in this article can be found at https://github.com/umaranis/css-masonry-layout In Masonry layout, variable-sized items are arranged in columns. It is different from a regular grid in the sense that it doesn’t have fixed-sized rows. Pinterest is a popular example of the masonry layout. The layout looks beautiful and makes efficient use of…

Read More Read More

Obtain Maximo Anywhere app logs from iOS device using Xcode

Obtain Maximo Anywhere app logs from iOS device using Xcode

This article explains how to gather logs from Maximo Anywhere apps installed on an iOS device like iPhone or iPad. It works with any of Anywhere apps including Work Execution, Inspection, Inventory etc. Prerequisites Maximo Anywhere app installed on an iOS device Xcode installed on MacBook Using Xcode to view logs 1- Connect iOS device…

Read More Read More

Add linting to NodeJs and TypeScript project

Add linting to NodeJs and TypeScript project

We are going to install TypeScript ESLint for finding potential problems with our code. Most online tutorials talk about using TSLint for TypeScript, but it is deprecated now in favour of ESLint. Let’s start by installing ESLint. To configure the linter, we need to create a config called .eslintrc.js in the root directory. Let’s create…

Read More Read More

Setup Nodejs + Typescript development environment

Setup Nodejs + Typescript development environment

Here is the summary: Install Nodejs Initialize Javascript project Convert to Typescript Install ts-node Prerequisite You would need a code editor installed on your system. I personally recommend Visual Studio Code as it has amazing support for Typescript. Install Nodejs Nodejs can be downloaded and installed from here. It will also include NPM (node package…

Read More Read More

Azure Sandbox in Microsoft Docs/Learn

Azure Sandbox in Microsoft Docs/Learn

Microsoft technical documentation used to be called MSDN and there was a time when we used to install it on development machine along with Visual Studio. A lot has changed over the past decade. Now the technical documentation is called Microsoft Docs. It has improved a lot recently. I love the dark theme and improved…

Read More Read More

Dart Code Coverage with Github Actions and CodeCov (using test_coverage package)

Dart Code Coverage with Github Actions and CodeCov (using test_coverage package)

The test_coverage package has not been updated for quite some time and is not playing well with some of the fewer packages. It also doesn’t support null safety. The replacement is the new ‘coverage’ package from the Dart tools team. The ‘coverage’ package should be used for new projects. See the post here to set…

Read More Read More

Won IBM Ballarat Hackathon organized in collaboration with Grampians Cancer Service

Won IBM Ballarat Hackathon organized in collaboration with Grampians Cancer Service

IBM organized a Hackathon in Ballarat, Australia running for 48 hours from 19th to 21st July 2019. Hosted in collaboration with Grampians Integrated Cancer Service, the aim was to come up with solutions for improving the experience of cancer patients as they go through treatment. We developed an Android app for patients to keep track…

Read More Read More

Setup Android development environment on Virtualbox VM

Setup Android development environment on Virtualbox VM

We are going to setup Android development environment with an Android Emulator. If we install Android Studio (IDE) inside a Virtual Machine, the Android Emulator setup will fail. This is because Android Emulator is itself a Linux OS and cannot run inside another Virtual Machine. The way around this is to create two VMs in…

Read More Read More

Mind Mate v0.6 Released: Advanced Search Capability

Mind Mate v0.6 Released: Advanced Search Capability

The sixth release of Mind Mate has a new sidebar for searching. It supports: Search for text (results are displayed as you type in search field) Search for Icons Limit the search to a selected node and its descendants Make the search case sensitive Along with other minor changes, the accuracy of task notifications is…

Read More Read More

Released Mind Mate v0.5: Capture and store parts of Web (Web Clipper)

Released Mind Mate v0.5: Capture and store parts of Web (Web Clipper)

Just released Mind Mate version 0.5 on Github. This update significantly enhances the image handling capabilities of Mind Mate. Now, you can copy/paste images from the Web Browser, Clipboard or File System directly into Mind Mate. These pasted images are saved inside Mind Mate file, rather than links. This functionality is supported in both Mind…

Read More Read More