Let’s learn how to use the ‘Meta Theme Color’ tag to colourise Apple Safari 15 user interface tailored for the website.

Apple Safari has started supporting theme-color Meta Tag from Safari 15 release.

Here is how to Implement theme-color meta tag in HTML.

You have to copy-paste theme-color meta tag in section of your website. It will look something like this:

<head>
<meta name="theme-color" content="#ff0000"/>
</head>

You can use the following code to implement theme color specific to system light mode or dark mode.

<meta name="theme-color" content="#ff0000" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#ff0000" media="(prefers-color-scheme: dark)">
(more…)

Continue Reading Post

Here is how to locate downloaded Audio/Video Podcast app files on macOS? So that you can export or copy it to the new location on Macintosh HD.

You may have been listing to or watching a great podcast on Mac’s Podcast app and you may want to export it and store it elsewhere on your Macintosh HD for safekeeping.

It seems Apple has disabled functionality dragging Podcast items to desktop to store it or export them elsewhere.

So here is how to do it in an alternative way.

Step 01: Click on Finder

(more…)

Continue Reading Post

Let’s learn how to implement WKWebView in Your iOS, iPadOS and macOS Catalyst app

Before we jump into implementing WKWebView I would first introduce you to why you want to use it. WKWebView helps you when you want to load a webpage inside your app without throwing users to a third party browser outside of your app.

Let’s start coding,

Step 01: First Import WebKit

import WebKit

Step 02: Add ‘WKNavigationDelegate’ to your declaration of ViewController Class

WKNavigationDelegate

It will look something like this:

class ViewController: UIViewController, WKNavigationDelegate {
}

Step 03: Now create two variables for loading webView and one for button which will close webView

var webView: WKWebView!
var closeWebViewUIButton = UIButton(type: .system) as UIButton

Step 04: Now naviagte to your ViewDid Load method

override func viewDidLoad() {
super.viewDidLoad()
}

Step 05: Now in your ViewDidLoad method add the following code, Which will load WKWebView. You can change the URL as per your preference.

(more…)

Continue Reading Post

Find Bundle ID of any app on Mac

There are many ways to identify the bundle ID of any macOS app using the Mac itself.

The following steps will help you to identify the bundle ID of a Finder app using the Terminal. Replace the app name written in step 02 with the exact words of your desired app name.

Step 01: Open Terminal on your Mac.

Step 02: Run the following command:

(more…)

Continue Reading Post

How to fix and repair anything related to iCloud, App Store, Mac App Store if not at all working correctly on Apple iPhone, iPad and Mac with just one simple solution!

After using your Apple Mac, iPhone or iPad for more than 2 to 3 years upgrading the operating system multiple times you may realise after upgrading system some features like iCloud, Mac / App Store App Downloads and Updates, Keychain Sync, Safari Passwords Sync, Contacts Sync are not working across devices.

Precautions:

1. If you are on iPhone and iPad first backup your device using Mac. And also backup your iPhone and iPad photos using Apple Photos.

2. If you are on Mac backup your Mac using TimeMachine

(more…)

Continue Reading Post

Choosing the right view between UILabel and UITextView to display text inside your iOS, iPadOS and macOS Catalyst App

The dilemma of choosing between UILabel and UITextView starts when you want to display text in your Apple iOS, iPadOS or macOS Catalyst App.

I have even gone through this process of choosing UILabel or UITextView to display text on my app.

So I have made a small numbered list to help you out to choose the right option…

Choose UILable to display text:

  1. If the text word count is small in number
  2. If Top Aligning text to the top border is not the requirement
  3. UILable is not tappable or interactive or selectable to the user’s input
  4. if you want to automatically adjust the font size and fit text to the UILabel bounding box layout

Here is Sample Code for UILabel:

(more…)

Continue Reading Post

When using UINavigationController in your iOS, iPadOS and macOS app sometimes you need to show/hide the navigation bar on a particular view and here is how to do it without disturbing the navigation bar hierarchy in your Main.storyboard file.

Sometimes you want to hide Navigation Bar from a particular view without manually deleting it from Main.storyboard,

So here I have documented how to do it programmatically instead.

Step 01: Copy the following code to your ViewController’s Swift file’s ‘viewWillAppear’ method for which view you want to hide Navigation Bar on its load on your iPhone, iPad or Mac’s (Catalyst) app screen.

override func viewWillAppear(_ animated: Bool) {
super.viewWillAppear(true)
self.navigationController?.setNavigationBarHidden(true, animated: true)
}
(more…)

Continue Reading Post

How programmatically add Fab (Floating Action Button) Button to iPhone, iPad and Mac (Catalyst) App

When Google released Material Design Guidelines they introduced many new design elements and one of them was Fab Button i.e. Floating Action Button

Normally we see the Fab button in Android Mobile Apps but a lot of Apple iPhone, iPad and Mac App Developers has started using the Fab button in their design.

Here we will see how to add the Fab button programmatically in your iOS, iPadOS and macOS app on any view including UICollectionView or UITableView.

Step 01: First declare the UIButton variable in your View Controller

var fabButton = UIButton()

Step 02: Add this code to viewDidLoad()

(more…)

Continue Reading Post

Here is Solution if TP-Link Router is not loading some particular websites

If you are having a problem with loading or browsing particular/specific website then you can follow the below steps to resolve that problem.

Step 01: Navigate to your TP-Link router’s web interface. i.e. Normally http://192.168.0.1/

Step 02: Log in to your TP-Link router’s Administration Web Page

Step 03: Go to > Advance > Network > Internet > Click on Advanced Settings

(more…)

Continue Reading Post

How to completely uninstall Android Studio from your Mac?

After downloading and installing Android Studio for Mac but I noticed my Mac started heating too quickly with fan running at full speed and there was also performance issue.

So I decided to completely uninstall Android Studio from Mac, I used following command and I have also documented it below if you want to perform same process for uninstalling Android Studio from your Mac.

Open Terminal.app from Applications > Utilities > Terminal.app and execute following commands

(more…)

Continue Reading Post