Improve your website’s user experience with a very simple arrow which fades in when visitors start scrolling the page. The page smoothly scrolls back to top when the the button is clicked.
Category: 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”
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”
Animated scroll to #anchor / id function with jQuery
Using the name attribute of the anchor tag has become obsolete so we have to find a new way to scroll to a certain point on the page when a link is being clicked. We want to do this animated, not just an instant jump to the target position.
Continue reading “Animated scroll to #anchor / id function with jQuery”
Free Online Multisport ScoreBoard
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
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”
Cookie Warning Widget With JavaScript
Display Cookie Compliancy warnings to website visitors in the European Union according to the GDPR and other mindless laws. Since we don’t wan’t to annoy everyone just the necessary European population we can target the visitors according to their time zones.
This label makes more sense because with a chainsaw you can actually hurt yourself.
See the warning widget in action on this website or on the demo page.
Social Media Share Buttons – Dynamic JS Widget
We are presenting a simple jQuery solution to implement social media share buttons for the current page, with svg icons. Our example includes the most popular sites: Facebook, Twitter, LinkedIn, Digg, Blogger, Reddit, Delicious and “email to friend”. You can add new sites tweaking the code a little. Sharablility is a crucial SEO factor so make sure to add this simple widget to your pages.
Live Demo
Continue reading “Social Media Share Buttons – Dynamic JS Widget”
Smart 404 Error Page Redirect
Don’t loose website visitors and potential customers because of a poorly implemented 404 error page. Even a “Page not found” page can become a conversion funnel if it’s done properly. It might even become your most visited landing page (if the site is not built properly).
Continue reading “Smart 404 Error Page Redirect”
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.
