Email Harvesting and Counter Measures

Email Harvesting

Email harvesting means fetching email addresses by crawling web pages using various scripts/softwares. These email addresses then used for sending bulk marketing emails or newsletters/spams. Email Harvesting There are lots of softwares/bots available in the market which crawls the website and gives email address from its pages. These softwares are generally known as “Harvesting Bot”. One can also buy/sell email addresses to send bulk emails for spams or marketing. Though many countries have laws in place to fight again spams.

Continue Reading

Presentational Attributes vs Inline Styles

Presentational Attributes

Presentational Attributes works almost like inline styles but there is striking difference between them. It is advisable to use them specifically on SVGs and IMG tags. Presentational attributes are very easy to override and inline styles can only be override with !important keyword in CSS. Presentational Attributes <img src="path/to/image.jpg" width="450" height="350" /> OR <table width="100%"> <tr> <td>Some text</td> </tr> </table> The presentational attributes on the <img /> can be override easily with CSS like below: /* The style below will override the Presentational Attributes

Continue Reading

What is rel=”alternate” hreflang=”x”?

Hreflang is used to determine language of the content on the page, it helps search engine (like: Google) to identify language on the page so they can serve it to right reader base. <link rel="alternate" href="” hreflang="en" /> OR <link rel="alternate" href="” hreflang="en-in” /> hreflang is introduced by Google in December 2011. It is useful when site has more then one languages. Adding it specifies to search engine this site has localise content for specific region or language, so search

Continue Reading

Show Poster Image directly from Video

Poster Image

Poster image is first instance on video to impress & engage user to play video. By keeping poster image clear & from video will make user interested to click on play button. In continuation to my earlier post for Video, I further dig-out on video element. While working on video element we also have to show a still image on video as a placeholder image. Until user click on the video to play it we need to show user a still from video.

Continue Reading

Accessible HTML5 Video Player w/ Closed Caption (CC)

HTML 5 Video w/Closed Caption Thumbnail

To have HTML5 Video on page is good and to have it with Closed Caption is even better, as it will make video accessible for physically challenged as well. This post is in continuation of my earlier post on HTML5 Video. In this post I have covered one of the most important feature of videos, Closed Caption. I received a comment in my earlier post to include the closed caption feature in the script to make it more helpful. Please refer

Continue Reading