We have written many articles about what can be done using only front-end coding without canvas. If we can draw an animated 3D cube with CSS3 then why shouldn’t we try to make a Rubik’s Cube solver with JavaScript?
JavaScript
Drawing Animated 3D Cube With CSS3 Transform
In this article I’m going to teach you how to draw a cube with CSS3 transitions. We will be able to rotate the cube with keyframes animation and JavaScript. See the examples below.
Continue reading “Drawing Animated 3D Cube With CSS3 Transform”
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).
Continue reading “A Very Simple Popup Box – HTML, CSS, JavaScript”
Random string pattern generator in JavaScript
In this article I’m going to present a JavaScript code that generates a random string in a certain pattern. The JS function takes a string that matches the given pattern and returns a random string that contains the same type of characters in the same order as the sample.
Continue reading “Random string pattern generator in 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.
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?”
Get URL Parameters With JavaScript
Using URL parameters is probably the easiest way of passing variables from one webpage to the other. In this article I’m going to present how to get a URL parameter with JavaScript.
Detect AdBlock With JavaScript
Some websites ask their visitors to disable the ad blockers to support the creators and the free operation of the site. In this article I’m going to present the easiest way of implementing an AdBlock detector with JavaScript. You can use this to ask the visitors to disable their ad blockers.
Fix When jQuery Click Event Is Not Working On Touch Devices
You might have come across situations when the jQuery click event listener works fine on desktop but it doesn’t fire on mobiles, tablets and other touch devices. This might happen when the event is not attached to an anchor tag but to some other element, like a div. There is a very simple solution to fix this issue.
Continue reading “Fix When jQuery Click Event Is Not Working On Touch Devices”