HTML Online

The Evolution of HTML Editors

HTML (Hypertext Markup Language) serves as the backbone of the World Wide Web, allowing developers to create and structure web pages. HTML editors have played a crucial role in facilitating this process by providing tools to write, edit, and manage HTML code.

Over the years, HTML editors have evolved from simple text editors to sophisticated integrated development environments (IDEs) equipped with features like code completion, syntax highlighting, and live preview. This article explores the fascinating journey of HTML editors, from their humble beginnings to the powerful tools we use today.

Continue reading “The Evolution of HTML Editors”

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.

dark light theme switch

Continue reading “Simple Animated Dark-Light Theme Switch for Your Website”

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”

Highlight Active Menu Item With jQuery Script

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”

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”

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.

Iframes not supported

Continue reading “Drawing Animated 3D Cube With CSS3 Transform”

Website Search Box with Dropdown Tooltip Suggestions

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”

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.

Start ScoreCount
ScoreCount.com

Continue reading “Free Online Multisport ScoreBoard”

Animated Smiley Face With HTML And CSS

I have already presented how to draw faces with plain HTML+CSS and we’ve also learned about CSS keyframes animation. Let’s combine these two and create a continuously moving face with blinking eyes looking around and with a smiling mouth. Let’s do this using nothing but plain HTML5 CSS3!

Continue reading “Animated Smiley Face With HTML And CSS”

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.

get url parameter javascript

Continue reading “Get URL Parameters With JavaScript”