Prevent web crawlers from stealing email addresses from your website

If you just simply publish an email address on a website you can expect tons of spam in the inbox. Web spiders crawl the sites all the time looking to collect email addresses to send them spams, ads or viruses. This is why you have to make sure you never add your email to any website as plain text or link which is visible by robots.

Demo

Show Email
Continue reading “Prevent web crawlers from stealing email addresses from your website”

A Very Simple Popup Box – HTML, CSS, JavaScript

Popup boxes are the most useful way of showing a warning or any other important information to the website visitors in many HTML5 templates. In this article I’m going to walk you through the creation of a very simple popup box with shadow overlay and close button. We’re going to implement this using HTML, CSS and jQuery in less than 100 lines (not compressed code).

simple popup box html css js
Continue reading “A Very Simple Popup Box – HTML, CSS, JavaScript”

Stick section to the bottom of the page when scrolled through

Don’t let important sections disappear when visitors scroll though the web page. In this article I’m going to present how to stick a HTML element, to the bottom of the page with JavaScript when it’s about to disappear. I have already presented the way of attaching it to the top of the page and this method is very similar to that.
stick bottom

Continue reading “Stick section to the bottom of the page when scrolled through”

getElementByClass JavaScript Function?

The getElementById is a very common JavaScript function that returns a reference to the element by its ID, but unfortunately when we try to use getElementByClass, the console returns the following error: Uncaught TypeError: document.getElementByClass is not a function.

In this article I’m going to present two workarounds to replace the getElementByClass JS function, with or without using jQuery.
Continue reading “getElementByClass JavaScript Function?”