In this article, we’ll set aside our usual topics of HTML editing and web development to discuss a crucial environmental issue that can help preserve the Earth: the importance of buying refurbished ♻️ hardware.
Back to Top Button With Progress Bar Indicator
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”
Simple “Copy to Clipboard” Website Button with jQuery
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”
Major HTML Editor Facelift And New Features
I gave the online HTML editor a major facelift and moved it to the home page. The navigation of the entire site has been changed and I cleaned up the articles. In this short article I’m going to present the most important recent changes on the website.
Continue reading “Major HTML Editor Facelift And New Features”
How To Make ( ͡~ ͜ʖ ͡°) Text Faces Easily?
Writing text messages is as complicated for some people as writing papers for students. Yes, some people just do not like writing and find it unnecessary. Beside making ASCII art, we can use unicode characters to draw text faces.
Expressing your emotions is possible not only with words but with different emoticons and text faces.
Continue reading “How To Make ( ͡~ ͜ʖ ͡°) Text Faces Easily?”
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. We can use this to make an online Rubik’s Cube solver, for example.
Continue reading “Drawing Animated 3D Cube With CSS3 Transform”
Simple Animated Dark-Light Theme Switch for Your Website
In recent years, the demand for dark mode 🌗 options in web design has surged, driven by its aesthetic appeal and potential benefits for user experience. Dark mode not only reduces eye strain, especially in low-light environments, but it also conserves battery life 🔋 on devices with OLED screens.
Continue reading “Simple Animated Dark-Light Theme Switch for Your Website”
The most clickbaity banner – HTML and CSS only
Interactive ad banners improve click-through rates. In this article I’m going to present a HTML-CSS only soluton that imitates a fly swatter game inviting the website visitor to click on the moving insect. The whole banner is a link tag that in fact redirects to another website.
Continue reading “The most clickbaity banner – HTML and CSS only”
Detect New Website Visitors with JavaScript Cookie
Sometimes it might want to show a custom message to new visitors, such as a cookie warning or some other custom content. Even our online HTML editor is detecting returning visitors and doesn’t show the demo content to them. This lightweight JavaScript solution will help you detect returning visitors with the use of a cookie.
Continue reading “Detect New Website Visitors with JavaScript Cookie”
Stick HTML element to the top when scrolled through with JavaScript
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”