Mandar Apte

UI/UX Designer from Mumbai, Maharashtra, India.

Category: Tutorials

Free Tutorials

  • The complete guide for maintaining and optimising WordPress websites for optimum performance.

    Introduction

    I have been using WordPress for almost more than five years now.

    In the post below, I will explain the step-by-step procedure for hardening, securing, and optimising WordPress for best performance and security.

    So, First things first,

    Introduction to WordPress

    What is WordPress? WordPress is a free and open-source content management system (CMS) based on PHP and MySQL. Its features include a plugin architecture and a template system. As of January 2015, over 23.3% of the top 10 million websites used WordPress. WordPress is also the most popular blogging system on the Web, with more than 60 million websites using it.

    As we know today, WordPress is offered in two different formats: one is managed and hosted by the team at WordPress.com, and the other is self-hosted by the user using a downloadable installable package available at WordPress.org.

    Difference between WordPress.com & WordPress.org

    The following things differentiate WordPress.com and WordPress.org from each other

    1st Difference
    WordPress.com: The user provides the content & website is managed by the team at WordPress.com.
    WordPress.org: Content provided by the User & Managed by the user itself.

    (more…)

  • Leverage browser caching for improved webpage load time performance & speed.

    Introduction:

    To enable browser caching, you need to set expiry dates on certain files. Find your .htaccess file in the root of your domain. You can edit the .htaccess file with Notepad or any text editor. In this file, we will set our caching parameters to tell the browser what types of files to cache over a period of time so that page loading time improves by avoiding or keeping certain files and using browser cache from history.

    (more…)

  • Fix the WordPress.com Jetpack error: ‘Website needs to be publicly accessible to use Jetpack.’

    As we know, the WordPress community exist on wordpress.com & wordpress.org

    WordPress.org is a downloadable CMS (Content Management System) distribution for self-hosting used by web designers and developers.

    Being a CMS lead developer, Automattic wants its wordpress.com experience to be available to its wordpress.org users. So, they developed plugins like JetPack for WordPress self-hosted websites.

    JetPack Error:
    Your website needs to be publicly accessible to use Jetpack: site_inaccessible
    Error Details: The Jetpack server could not communicate with your site [HTTP 404]. Ask your web host if they allow connections from WordPress.com. If you need further assistance, contact Jetpack Support: http://jetpack.me/support/

    Your website needs to be publicly accessible to use Jetpack- site_inaccessible Error Details- The Jetpack server was unable to communicate with your site HTTP 404
    (more…)

  • Fix Xcode error ‘Unable to boot iOS Simulator’

    Background:

    Xcode is a one-stop development app for OSX and iOS devices, including all Macintosh Desktops, laptops, iPhones, iPads, and iPod touch.

    Note: I Assume you are on OSX Yosemite 10.10.3 or the Latest Operating System & Xcode 6 or later installed.

    With the release of Xcode 6 and later, while developing and running your iOS app in iOS Simulator on your Mac, you may encounter a bug like this: ‘Unable to boot iOS Simulator’ with a blank screen.

    Unable to boot iOS Simulator in Xcode

    Here is how to fix it

    Solution 01:

    Select iOS Simulator, then go to top Menubar > iOS Simulator > Reset Content and Settings > Reset (On command prompt, press reset)

    (more…)

  • How to outline the round corners effect in Adobe Illustrator.

    Adobe Illustrator is a full-featured, one-stop solution Vector Illustration program from Adobe, whose birth dates back to 1984.

    Adobe has various advanced and useful features, one of which is (Smart) Effects for vector objects, which are highly editable even after being applied to different objects.

    As stated in Adobe Help Documents, Adobe Illustrator Effects are described as follows:

    Illustrator includes a variety of effects that you can apply to an object, group, or layer to change its characteristics.

    Illustrator CS3 and earlier included effects and filters, but now Illustrator includes only effects (except SVG Filters). The primary difference between a filter and an effect is that a filter modifies an object or layer permanently. Still, an effect and its properties can be changed or removed anytime.

    Once you apply an effect to an object, the effect appears in the Appearance panel. From the Appearance panel, you can edit the effect, move it, duplicate it, delete it, or save it as part of a graphic style. When using an impact, you must expand the object before accessing the new points.

    One of those effects is the round corner. You can apply round corners to your current drawn rectangle and square shapes in your document and edit their value at any time.

    (more…)

  • How to Draw Perfect Triangle in Adobe Illustrator.

    While using Adobe Illustrator myself, I always wonder how to draw a perfect triangle, as no such tool as ‘Triangle’ exists in the Adobe Illustrator Toolbox.

    So, Here is how Adobe Illustrator Toolbar or Toolbox Look in Adobe Illustrator CC:

    Adobe-Illustrator-Tool-Bar

    So here is a way how to draw a perfect triangle in Adobe Illustrator.

    (more…)

  • 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…)