Tracking sport event statistics and displaying the score has never been easier. With the new online scoreboard you don’t need an expensive equipment to count the score anymore. All you need is a laptop and a projector or a big screen to display the score and measure the time. The web-based online scoreboard can be customized to many different sports.
Score Counter
ScoreCounter.com
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?
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.
Continue reading “Detect AdBlock With JavaScript”
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”
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.
Show Email
Continue reading “Prevent web crawlers from stealing email addresses from your website”
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”
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”
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”
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?”
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.
