Twitter Cards Meta Tags Tutorial

Sometime just tweeting a URL is not enough to make the users more engaging and bringing traffic to your website or app. So Twitter introduced “Twitter Cards”, using which we can make Twitter can generate a summarised preview of of our website or app and also provide basic information about what the webpage contains. What […]

Image8 years ago http://qnimate.com/an-introduction-to-twitter-cards/
Facebook Open Graph Meta Tags Tutorial

When you share a link on Facebook, it looks for Open Graph Meta Tags to generate preview of the link. In this post I will provide list of all open graph meta tags using which you can track and customize preview of the links you share on Facebook. What is Open Graph Protocol? Facebook looks […]

Image8 years ago http://qnimate.com/open-graph-protocol-in-facebook/
Designing WordPress Posts UI For Post Formats

This post is a part 1 of Creating a WordPress Admin Theme post series. One of the awesome feature of WordPress is Post formats. Post formats made us less dependent on custom post types. But they are many things missing in wordpress post formats. We have the ability to choose the post format but don’t […]

Image8 years ago http://qnimate.com/designing-wordpress-posts-ui-for-post-formats/
UNIX File System Permissions Tutorial

UNIX based operating system like OS X and Linux support multiple user accounts and are also multiuser(multiple users can access the OS simultaneously). UNIX has a method called as “File System Permission” which is used to protect users from accessing and modifying each others files and directories. Even Windows has file system permissions but in […]

Image8 years ago http://qnimate.com/understanding-unix-filesystem-permissions/
Maintaining Aspect Ratio of iFrame in Responsive Site

We all embed iframe in our website. Embedding works well when we specify height and width of images in pixels. While building a responsive website we specify iframe width in percentage then their height depends on the aspect ratio. The height no way changes according to the change in width of the iframe. In this […]

Image8 years ago http://qnimate.com/maintaining-iframe-height-width/
HTML Script Tag Tutorial with Examples

In this post we will learn in details about the script tag. Many of use it but don’t know what difference and features in makes in HTML5. After reading this post you will be very familier with placing your script tags in the right way. Let’s see the attributes of script tag type attribute of […]

Image8 years ago http://qnimate.com/all-about-html-script-tag/
Image Slider Using HTML And CSS Only

You would have seen very heavy JavaScript based sliders. These JavaScript based sliders make the webpage slower and also don’t work if user has disabled JavaScript interpretation in browser. One solution to this problem is don’t use those sliders, but how would you implement a slider without JavaScript? This article is the answer to that […]

Image8 years ago http://qnimate.com/creating-a-slider-using-html-and-css-only/
Data URI Tutorial

We use URIs to link current file to the external files. If external files are very small then its a waste to load them as a new request. We can embed the external URIs response data as inline to the current document using Data URIs. We can use data URIs wherever we use external URIs. […]

Image8 years ago http://qnimate.com/understanding-and-using-data-uris/
Changing CSS Style using JavaScript

We normally use offset properties and style property of DOM objects to access their CSS properties. But we have problem in access the computed properties. Manipulating CSS of HTML elements is a very boring and hectic task. In this post I will provide all solutions and possibilities to access any CSS style property using JavaScript. […]

Image8 years ago http://qnimate.com/accessing-css-properties-using-javascript/