Tips, tricks, tutorials…
A very simple solution to allow website visitors to copy website content to their clipboard📋 with a single click or tap. Enhance your website’s user experience adding this feature. Grab the code below or see the live demo on jsFiddle.
Continue reading “Simple “Copy to Clipboard” Website Button with jQuery”
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”
The Back to Top ↑ button is a useful user interface element commonly found on web pages, particularly those with long scrolling content. This button allows users to quickly return to the top of the page with a single click, improving navigation efficiency and overall user experience.
Visit Rubikscu.be for the live demo.
Continue reading “Back to Top Button With Progress Bar Indicator”
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”
We can improve the user experience highlighting the active menu item on our websites. This makes navigation easier because the visitor will know at the first glance which is the current page.
Continue reading “Highlight Active Menu Item With jQuery Script”
In this article I’m going to present a lightweight script to stick an HTML element to the top of the page when the user scrolls through it. Use this to make a menu, a call to action button or any other important element always stay in focus. Adjusting the script you can trigger other effects when the page scrolls through an anchor point. Here are the HTML CSS and JS codes to use to accomplish this effect.
Continue reading “Stick HTML element to the top when scrolled through with JavaScript”
Search functionality is crucial to improve the user experience, making navigation on the website much easier. This functionality is built into WordPress and almost every other CMS, but in this article I’m going to present a custom and very lightweight HTML-CSS-JS-jQuery solution that is very easy to implement.
Continue reading “Website Search Box with Dropdown Tooltip Suggestions”
Don’t let important short sidebars 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 Sidebar 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.
Continue reading “getElementByClass JavaScript Function?”
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”
