Today, we’re going to share some of the possible reasons why your website isn’t showing up in Google. We’re going to try and keep it as simple as possible so that everyone can understand it.
If you are searching a way to manually add different open graph tags for every joomla articles then you are at the right palace
there are two method to add open graph tags
1) You can use one of the Open Graph Plugins for Joomla standard content if you like. Maybe this one: http://itprism.com/free-joomla-extensions/open-graph-meta
2) If you want to code it then this will work in a MVC template for you:
Apple inc. has revealed the latest version of the iPad, called the iPad Air 2. And this time it's even thinner.
The new iPad is just 6.1 millimeters thick, or 0.24 of an inch. That's 18% thinner than the first iPad Air, which was 7.5mm. Weight is 15 ounces.
Last year, Apple said the iPad Air was as thin as a pencil. To illustrate just how thin the iPad Air 2 is, Apple made a dramatic video that showed a laser shaving the side off a pencil to make it even thinner.
Apple claims the 9.7-inch screen of the iPad Air 2 has the lowest reflectivity of any tablet, reducing glare by up to 56%.
It's powered by a new processor, the A8X, a 64-bit chip based on the A8 processor in the iPhone 6 and iPhone 6 Plus. Apple says the CPU is 40% faster than the first iPad Air, with graphics that are 2.5x faster. The iPad Air 2 also includes an M8 motion coprocessor, gathering elevation info from a barometer, the same as the new iPhones.
The iPad's camera is greatly improved. It's now an 8-megapixel iSight camera with f/2.4 aperture, able to capture 1080p full HD video The iPad's camera is greatly improved. It's now an 8-megapixel iSight camera with f/2.4 aperture, able to capture 1080p full HD video — the same specs as the camera on the iPhone 6. It includes both burst and time-lapse modes.
The front-facing FaceTime camera is upgraded, too, with an f/2.2 aperture that lets in 81% more light. It has improved face detection, the ability to capture HDR videos and a burst selfie mode.
Like the recent iPhones, the iPad Air 2 features a Touch ID fingerprint scanner built into the home button. That means owners will be able to unlock the device just by touching a thumb or finger to the scanner.
It also means the iPad Air 2 is compatible with Apple Pay, the company's new mobile payments system. However, there is no near-field communication (NFC) radio onboard, meaning Apple Pay on the iPad Air 2 is intended for shopping within apps that support it, not in-store shopping.
Battery life is rated at 10 hours, just like previous iPad models. Apple also added support for 802.11ac Wi-Fi networks.
The iPad Air 2 is available in "space" gray, silver and, for the first time, gold. It keeps the same pricing as previous generations, but with slightly different capacities. Apple has discontinues the 32GB model, just as it did with the iPhone. Prices start at $499 for 16GB, $599 for 64GB and $699 for 128GB. 4G LTE versions will be available: $629 for 16GB, $729 for 64GB and $829 for 128GB.
Today we learn some simple CSS Image Hover Effects. we created some simple examples that will work in all browsers. Its very short and sweet tutorial so you can understand it even if you never touched CSS before.
For Image hover effect we use CSS :hover Selector. The :hover selector is used to select elements when you mouse over them. we learn below four Image Hover Effects in this tutorial :
In this example we have :hover using height and width to change the size of the image, by adding transition: all 1s ease; to img we make that change from bigger- to smaller look smooth, changing the 1s to 1,1s will make the transition last longer and setting it to 0,9s will make it last shorter.
Enlarge Image on hover : In this example we change the size of image to bigger from smaller. To achieved this we add transform:scale(1.1); on img:hover, we can make it smooth by adding transition: all 1s ease; to img
HTML
in this we created two classes enlarge & normal now we write css for each class. normal class is for normal sate of image & when you keep mouse over image the code inside enlarge class will run. CSS
Note : webkit & moz are CSS browser prefixes we need to add the prefix below for each browser
Android: -webkit-
Chrome: -webkit-
Firefox: -moz-
Internet Explorer: -ms-
iOS: -webkit-
Opera: -o-
Safari: -webkit-
function scale() change image size. in this we increase size by 0.1 ( actual size is 1.0)
Shrink Image on hover : In this example we just Shrink image on hover by adding transform:scale(0.8); it reduce image size by 0.2
HTML :
we are using same HTML code just add new class shrink
CSS :
Rotate Image on hover : in this example we use transition again on hover but instead of scale we use rotate(360deg); which rotate image by 360 degree
HTML :
CSS :
Tilt Image on hover : In this example instead rotate image by 360 degree we changed it to 15 degrees so it just tilts a little bit.
