Showing posts with label mobile. Show all posts
Showing posts with label mobile. Show all posts

Wednesday, February 22, 2017

Pros and Cons of Background Video in Website



This is important to think of videos as backgrounds, not stories. Don’t try to explain what you do, simply set the stage. Limit the length of background videos to 15 or maximum 20 seconds at most, and then loop the video to start over. Make Professional videos, which look simple have a positive effect on your brand. Do not have sound auto-play. If you really want music or ambient noise (which is not recommend), allow users to turn it on themselves. Don’t over complicate. If you add video to your website, keep the rest simple. Video can be distracting, so confusing users further with non-intuitive navigation and other design elements can be overwhelming.

Pros:

  1. Video is engaging. We are naturally drawn to moving images. They pull us into the website and, hopefully, encourage us to explore more. 
  2. Videos can help convey your brand. In a split second, a video can set a mood or evoke a feeling, which is harder to do with a static image or via text. 
  3. Boosts SEO- If your video is cross-posted on several sharing platforms; it can boost the SEO value of your website. The more views your video takes in, the more it helps increase your rankings on search engines, especially if your visitors find your video good enough to continue sharing it.


Cons: 

  1. If your homepage doesn’t load quickly, visitors may get frustrated and go elsewhere. A well programmed website should load a video quickly and not make visitors wait while a “loading” wheel churns. However, if a user has a slow connection, they may find your video homepage slower to load.
  2. Video backgrounds are inherently auto-playing — they play without the user clicking anything. But many mobile platforms (including iOS) and legacy browsers do not support auto-playing video. Thus, a backup option is required, such as a static image. 
  3. Videos can be distracting. It’s important to think of these as backgrounds, not documentaries. Lengthy or highly detailed videos will compound load speed issues.

Thursday, April 24, 2014

Specifying a Webpage Icon for Web Clip.


Specifying a Webpage Icon for Web Clip.

The apple-touch-icon.png is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad. When someone bookmarks your web page or adds your web page to their home screen this icon is used. If this file is not found these Apple products will use the screen shot of the web page, which often looks like no more than a white square.

This file should be saved as a .png, have dimensions of  76 x 76 Or,  120 x 120 Or, 152 x152
To specify multiple icons for different device resolutions. For example, support both iPhone and iPad devices. Add a sizes attribute to each link element as follows:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png"> 

for more detail on Apple site.

Wednesday, March 26, 2014

Fixed header/footer issue on iOS device

Fixed header/footer issue on iOS device


When you scroll the page and dismiss the keyboard while the page still scrolls, the header does not return to its fixed position. If you tap a link or button, the header shows up somewhere in the (vertical) middle of the screen and only returns to its fixed position after manually scrolling.

Solution:

if( /iPhone|iPod|iPad/i.test(navigator.userAgent) ) {
    $(document).on('focus', 'input, textarea', function()
    {
       $('header').css("position", 'absolute');
       $('footer').css("position", 'absolute');
      
    });
   
    $(document).on('blur', 'input, textarea', function()
    {
         $('header').css("position", 'fixed');
         $('footer').css("position", 'fixed');
       
    });
}


The above "unfixes" the header/footer while an input field is focused.

Sunday, February 23, 2014

Software Repair Instructions using Pc Companion (Windows) or Bridge for MAC.

Software Repair Instructions

Extended guide that should help you fix the pattern lock issue on your phone, please follow the instructions carefully:
 
Visit this link:
http://www.sonymobile.com/us/tools/pc-companion/
Click on Download PC companion
Run the software
 
Turn the phone off and disconnect it from the computer
1. Disregard any instructions to connect the phone until you complete step 9
2. In the welcome screen you will see the different modules available for you including the "support zone" option. Click on "Start" below it.
3. On the next page Click on "Start" under "Phone/Tablet Software update"
At this point if you get an error stating that "unable to install update components" or "server is bussy" Please proceed to step 12. If you not see that error then continue with step 4.
4. The program will show a window saying "Could not find phone/tablet". Click on the option below that reads: "Repair my phone/tablet" the program will issue you a warning on the content that you will lose during the update
5. Choose the option to continue.
6. The program will issue a final message warning you of possible data lost during the update. Click on the checkmark and then on "Next/Continue".
7. After that, the program will download the necessary information (5 to 6 minutes) and it will present you with a list of phones.
8. Choose the Phone from the list then click on "next" then you will see a new section telling you how to connect the phone. (don't connect it yet)
At this point the phone must be off and disconnected from the PC.
9. Connect the cable to the PC not to the phone, then wile pressing and holding the indicated button (in the steps on screen an specific button will be shown for you to press on the phone) connect the cable to the phone and keep holding the indicated button until the program says "the update of your phone has started..." (in some cases a message of  "Installing drivers" will appear before the message of "the update of your phone has started..."  is shown.)
10. If you failed to follow the steps correctly the phone will turn on and it will request that you "Proceed with the following steps, slide down the notification bar", If this happens disconnect the phone from the cable, turn it off and repeat from step 9).
11. If the phone is connected properly, PC Companion will proceed with the update ( It will tell you to let go of the back key) then wait for the update to finish and follow instructions on screen to disconnect the unit.
 
Dear customer,
12. If "unable to install update components"
1. Close Pc companion
2. Install Java from: http://www.java.com
3. start Pc companion again and try to do the software unlock process once more.
Note: If you wish only to update the unit wait for the program to open and then select the quick link on the uper left corner that says "Update Phone/Tablet" and follow the instructions to perform the update. (the PC may request for the phone to be placed in Mass Storage mode. Do this by going into Settings>Xperia>Connectivity>USB connection mode)
Some computers may block the installation of the update service, if this happens use this:
http://www.sonymobile.com/us/tools/update-service/ this is the Standalone update software.
If the Phone is unresponsive (Then do this extra step and when done proceed to redo the repair process:
Press and hold the power button and the volume up button at the same time for 10 to 15 seconds. This will reset the unit)
Bridge For Mac instructions on my post bellow.
Note: This procedure does not work for the Xperia Play R800x (Verizon and other Non SIM card variants of the Xperia play that lack MTP support.  It does work for the R800a At&t's model)