Mandar Apte

UI/UX Designer from Mumbai, Maharashtra, India.

Category: Tutorials

Free Tutorials

  • Implementing Meta Theme Color modern HTML5 and CSS3 websites.

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

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

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

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

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

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

  • Find the 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 identify a Finder app’s bundle ID 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…)

  • How to fix and repair anything related to iCloud, App Store, and 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…)

  • Essential factors to be considered while choosing UILabel and UITextView to display text for iOS, iPadOS and macOS apps.

    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 the process of choosing UILabel or UITextView to display text on my app.

    So, I have made a small numbered list to help you 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 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 a Sample Code for UILabel:

    (more…)

  • Show/hide the navigation bar on a particular view without disturbing the navigation bar hierarchy in iOS/iPadOS app.

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

    So, 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 the 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…)

  • Programmatically add Fab (Floating Action Button) Button to iPhone, iPad and Mac App.

    When Google released the Material Design Guidelines, they introduced many new design elements, including the Fabeingutton, a Floating Action Button.

    Normally, we see the Fab button in Android Mobile Apps, but many Apple iPhone, iPad, and Mac App Developers have started using it in their designs.

    Here, we will see how to programmatically add the Fab button 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…)

  • Here is a solution if TP-Link Router is not loading some particular websites

    If you are having a problem loading or browsing a particular/specific website, then you can follow the steps below 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…)

  • Completely uninstall Android Studio from Mac.

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

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

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

    (more…)

  • Remove ‘Extended Attributes’ from macOS files, i.e. ‘Where from’ property details downloaded online.

    Imagine you have downloaded a file from a website or especially a Google Drive shared folder, and when you select the same file on your local Macintosh HD and use the ‘Command + I’ command on your Mac’s Keyboard, what you see is a long list of gibberish URL the file you downloaded from under ‘Where from’ section.

    It looks something like this:

    Now, you may ask how to remove this Where from section gibberish from your file or all files inside the folder. The answer follows these simple steps.

    To remove specific ‘Where from’ attributes from the file:
    Use the ‘xattr’ command with the ‘-d’ flag and then describe the command to delete specific attributes. Here is ‘Where from’.

    (more…)

  • How to fix Email DNS related Error called ‘550: relay not permitted’.

    You may encounter this error, ‘550: relay not permitted,’ if your remote email server is misconfigured on your web/email hosting service. You may also encounter this issue when you misconfigured your Cloudflare account’s DNS settings.

    The main symptom is that you cannot receive emails using your email ID.

    So, how do we fix this?

    The solution is simple!

    (more…)