#Set auto height and width in CSS/HTML for different screen sizes Larger Device, Medium Devices & Small Devices media queries. (Work in my Scenarios.) Below …
Read MoreMonth: November 2017
How to auto adjust the div size for all mobile / tablet display formats?
This is called Responsive Web Development(RWD). To make page responsive to all device we need to use some basic fundamental such as:- 1. Set the …
Read MorePageSpeed: Leverage browser caching
PageSpeed: Leverage browser caching Find your .htaccess file in the root of your domain. This file is a hidden file but should show up in …
Read MoreMeta tags for social share links or images
Facebook Meta Tags <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ > <title></title> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <meta name=”keywords” content=”” > <meta name=”description” content=””> <!–FACEBOOK–> <meta property=”og:title” content=”” > …
Read MoreFacebook share link with more than one image
Facebook share link with more than one image <meta property=”og:image” content=”https://images-na.ssl-images-amazon.com/images/I/41LH4pXAe6L.jkhjk000_.jpg” /> <meta property=”og:image” content=”https://images-na.ssl-images-amazon.com/images/I/41LH4pXAe6L.jkhjk000_.jpg” /> <meta property=”og:image” content=”https://images-na.ssl-images-amazon.com/images/I/41LH4pXAe6L.jkhjk000_.jpg” />
Read MorePhp- Star rating
<?php for ($rcnt=0; $rcnt<$product_rating; $rcnt++) { ?> <i class=”fa fa-star has-star” aria-hidden=”true”></i> <?php } for($star_blank=0; $star_blank < (5-$product_rating); $star_blank++){ ?> <i class=”fa fa-star-o” aria-hidden=”true”></i> <?php …
Read MoreHow can I show dots (“…”) in a span with hidden overflow?
How can I show dots (“…”) in a div with hidden overflow? ._shr_name{ display:inline-block; width:180px; white-space: nowrap; overflow:hidden …
Read MoreFacebook Meta Tags
Facebook Meta Tags <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ > <title></title> <meta name=”viewport” content=”width=device-width, initial-scale=1″> <meta name=”keywords” content=”” > <meta name=”description” content=””> <!–FACEBOOK–> <meta property=”og:title” content=”” > …
Read MoreTwitter Social meta tags
Twitter Social meta tags <!–TWITTER–> <meta property=”twitter:card” content=”summary” > <meta property=”twitter:title” content=”” > <meta property=”twitter:description” content=”” > <meta property=”twitter:creator” content=”” > <meta property=”twitter:url” content=”” > …
Read More