Mandar Apte

UI/UX Designer from Mumbai, Maharashtra, India.

Articles

  • Fix Adobe Photoshop error ‘Could not edit the layer because the layer is locked.’

    When you open a PNG or JPG from the web and want to edit a locked background layer, you double-click on the ‘background layer.’ You get this warning: ‘Could not edit the layer because the layer is locked.’

    photoshop-locked-background-layers-panel

    Here is How to fix this error

    Step 01:
    Select Background Layer

    (more…)
  • Using the Sticky Navigation Bar to increase the page views per visit (session) ratio for any website.

    It is a well-known, tried-and-tested method to have a sticky navigation bar at the top of a responsive website design and layout.

    A fixed navigation bar at the top helps mobile or desktop website users have a fixed area where they can find navigation icons and links through which they can browse and navigate the current website. Having a fixed navigation bar at the top helps webmasters increase page views, i.e., it helps webmasters increase the page views per visit ratio.

    Yes, it occupies space at the top, but it helps the user have navigation links handy whenever he wants to browse the website. Space constraints only refer to mobile devices with small screen sizes.

    The following is the code that helps you have a fixed navigation bar. Copy and paste the following CSS code in your style.css

    (more…)
  • Fix the Xcode Storyboard error. The ‘Frame for “Text View” will be different at run time.’

    The Xcode error called ‘Frame for “Text View” will be different at run time.’ is frequent when you are trying to utilise Auto Layout by using reset to suggested constraints in Xcode Storyboard.

    So here is how to fix it:

    Step 01:
    Above Debug: In your Xcode Storyboard view screen, you will have four buttons at the extreme right. Use the pin button, third from right, to add new constraints per item at the top, right, bottom, and left, and uncheck the constraint to margins.

    ios-xcode-app-storyboard-pin-debug-area
    (more…)
  • Here is how to fix if you are unable to update or install new apps from Apple AppStore on your iOS devices.

    I first faced this problem when I upgraded my iOS operating system from iOS7 to iOS8. I was unable to update my apps, and I was even unable to download new apps from the App Store or from recent purchases.

    The first time, I thought this was because of slow Wi-Fi, but to no avail after deleting the old network & adding the same network again didn’t fix my problem.

    So I called the Apple Online Support Toll Free number, and they said that this was happening because I installed a new operating system via Wi-Fi. It may cause errors because of Wi-Fi network loss or network interruptions. They said the best way to upgrade the iOS device operating system is via iTunes.

    So here is how to fix this problem if you are getting errors like unable to install updates this time, unable to download the app at this time, unable to purchase or app doesn’t exist on AppStore:

    (more…)
  • How to fix WordPress Automatic Update Error.

    Background:

    When WordPress.Org releases a new update to its WordPress standalone CMS (Content Management System), you may have set your website to get your installation updated automatically, or you may like to do it yourself at your preferred time.

    But because of server load on the part of your web host, you may get an error something like this with a screwed-up blank website with the following error printed on the screen:

    Warning: require(/nfs/domains/your-domain-name.com/html/wp-includes/session.php) [function.require]: failed to open stream: No such file or directory in /nfs/domains/your-domain-name.com/html/wp-settings.php on line 122
    
    Fatal error: require() [function.require]: Failed opening required '/nfs/domains/your-domain-name.com/html/wp-includes/session.php' (include_path='.:/usr/local/php-5.3.27/share/pear') in /nfs/domains/your-domain-name.com/html/wp-settings.php on line 122

    The actual cause of the above errors:

    As mentioned, errors are generated because of interrupted WordPress updates, primarily because of heavy load on your web host’s online server. As the update fails, all files mismatch with consistent version numbers, so some old source files remain as it is & only the remaining few get updated with the new version. So, it is a problem of source code version consistency.

    How to fix this:

    Error 01: [function.require]: failed to open stream: No such file or directory in

    Error 02: Fatal error: require() [function.require]: Failed opening required & (include_path=’.:/usr/local/php-5.3.27/share/pear’)

    (more…)
  • What do CTR (click-through rate), CPC (cost per click), and RPM (page revenue per thousand impressions) mean in online advertising?

    In today’s online advertising age, as an online publisher or advertiser, you will always come across jargon or terms like CTR, CPC, and page RPM.

    All the terms mentioned above help you understand the metrics you want to know before you can finalise & execute ‘Online Advertising’ campaigns. It also allows advertisers to make sound decisions on choosing the right publisher & on the other hand, it helps the publisher to know where his blog is heading or if his design decisions are right or wrong. Ad positions & placements are right or wrong, or should he tweak his website to increase CTR, CPC & Page RPM, respectively?

    So here is detailed information about:

    (more…)
  • Fix Google PageSpeed Error ‘Eliminate render-blocking JavaScript and CSS in above-the-fold content’ for WordPress Website.

    Here is how you may want to tune up your WordPress website performance, i.e., how long it takes to download your website from the server to your visitors’ computer, mobile or tablet.

    In the era of responsive design, we tend to embed more than one Javascript or CSS file, such as Bootstrap CSS and JS file bundles.

    If you have integrated third-party advertising into your website, vendors like Google add their own Javascript file through their AdSense ad code that you can’t control.

    But here is a simple way out of this problem.

    Important Note:
    Compressing, Minifying, or Deferring Files may harm the website’s functionality because of dependencies, so first, do the following steps on your local server. If everything looks to be working fine, you can update the duplicate files on Live servers—just for safety and security purposes.

    When you ‘Analyse’ your website on Google PageSpeed, you get a warning something like this:
    Your page has 4 blocking script resources and 8 blocking CSS resources. This causes a delay in rendering your page.
    None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources or inline the critical portions of those resources directly in the HTML.

    Solution 01:

    The safest way of Deferring JavaScript ‘JS’ would be the following

    Step 01:
    Add the word ‘async’ at the closing tag called ‘</script>’, So your code will not block loading any other resources.

    Step 02:
    Add the same line of code just before closing the footer tag so your code is already asynchronous (async). After moving the same code to the footer, it will load after the website loading.

    (more…)
  • How do you change the color opacity or transparency in CSS?

    There are instances when you think it would be a great idea to change the opacity of the background color of a div without affecting the text, image, and other web properties present inside the same div of HTML and CSS.

    Answer:

    What you usually do is specify background color in CSS using hex, i.e. Hexadecimal values like this:

    .navbar {background-color: #ffffff;}

    But if you use RGBA to specify background color in CSS, you can utilise its feature called alpha, i.e. RGBA is a short form for Red – Green – Blue – Alpha

    (more…)
  • Write an iOS/iPadOS app code to transition from one screen to another.

    There are instances when you want to transition or navigate from one UI screen to another by pressing a button.

    Yes, you can link the button visually by control-clicking on it and then linking it to the required UI Screen on the storyboard.

    But I will show you how you can do it programmatically with code defined & working differently for iPad & iPhone Storyboards.

    I have used iOS Conditional coding syntax to differentiate iPhone & iPad Storyboards

    Note: You can read about iOS Conditional Coding Here, How to detect user is using iPad or iPhone for iOS App at run time conditional coding purposes

    (more…)
  • How to enable HTTP persistent or HTTP keep-alive connection feature for your WordPress website.

    As Wikipedia explains:

    HTTP persistent connection, also called HTTP keep-alive or HTTP connection reuse, involves using a single TCP connection to send and receive multiple HTTP requests/responses instead of opening a new connection for every request/response pair. The newer SPDY protocol uses the same idea and extends it to allow multiple concurrent requests/responses to be multiplexed over a single connection.

    Note: I assume you have adequate knowledge of handling your server and server settings and are well-versed in your field.

    You can put the following code in your .htaceess file, which is in the root of your server’s html folder.

    (more…)

Sponsors


Search