Open-graph meta data tags introdution

-

Open-graph elements are meta tags that contain extra meta data of a webpage open-graph is used by Facebook to create website cards for urls shared on it's platform  cards contain website image thumbnail and as well as title, description, type and url open-graph meta tags have a property attribute containing a property prefixed by "og:"

For example;

<meta property="og:image"  content="image-url">

Comments

Post a Comment

Popular posts from this blog

Install steam locomotive sl using apt

-
sl or steam locomotive is a commandline application that displays steam locomotive "train" animations aimed to correct users who accidentally enter sl instead of ls.  initials sl stands for Steam Locomotive How to install ls or steam locomotive Assuming you've root privileges and installed apt package manager on your system Type sudo apt-get update sudo apt-get upgrade sudo apt-get install sl To test installation type sl If installation was successful You'll see an ASCII image of a train right in your terminal after few seconds it will stop
Read more

How to interpolate strings in Kotlin programming language

-
Image
Kotlin programming language has string interpolation similar to template literals in JavaScript For JavaScript You can write as; var passage = `I'm going todo a ${chore}` In Kotlin you can do string interpolation as; var passage = "I'm going todo a $chore" Interpolating expressions in kotlin is done as; var state = "I'm done with ${numChores()} chores"
Read more

Array concat method in JavaScript

-
Image
Array concat is a method and an array property for concating one array onto another to archive merging of array elements. Syntax for array concat; const arr = [0,1,2,3] const arrr = [4,5] arr.concat(arrr) // [0,1,2,3,4,5] Merging nested arrays using spread operator. It's possible to merge nested arrays to form a uniform array. Take for instance you have two 2-dimensional arrays, Or let's call them matrices const arr2d = [[1,0],[0,1]] //[[1,0], // [0,1]] const arrr2d = [[1,1],[0,1]] //[[1,1], // [0,1]] For instance you want to reduce the two 2-dimentional arrays and create a new array instance; [].concat(...arr2d.concat(...arrr2d)) // [1, 0, 0, 1, 1, 1, 0, 1]
Read more

removing array elements in JavaScript

-
JavaScript array elements can be removed in multiple ways using methods pop, shift, splice, filter. Array. shift () Shift is a method which knocks off the first most element of an array and returns it! ie var number = [0, 1, 2, 3, 4, 5] number.shift() // returns 0 console.log(number) // [1, 2, 3, 4, 5] Array . pop () this method removes the last element off an array and returns the removed element ie var number = [0, 1, 2, 3, 4, 5] number.pop() // returns 5 console.log(number) // [0, 1, 2, 3, 4] Array. splice ( start, elements ) start is the index at which removing  starts elements is an integer the number of elements to remove it returns spliced elements var number = [0, 1, 2, 3, 4, 5] number.splice(0, 1) // returns 0 start can also be a reference ie of an object.
Read more

JavaScript class getters and setters

-
Introduction I assume you know heard or at least in someone's code seen JavaScript classes. newly introduced classes are much better than functions if your code requires inheritance of constructors "classes" Brief subintroduction A class can be made using syntax below given cats as an example class chat {     constructor(params) {         this.name = params.name         this.color = params.color     }     meow() {         console.log("meow meows" + this. name)     } } Explanation cat is a class with a constructor and a method named meow note that you can omit the constructor in the above code if you have nothing to initialize Adding Getters getters are a piece of code that retrieve properties of a class in class cat they're no user defined getters JavaScript properties can be retrieved even if you don't use ...
Read more