HTML Online

The Best Online ASCII Text Art Converters

ASCII art has been around for a long time. It used to serve a very important purpose. Not only was it a super-low-memory method for communicating images, but it also saved a lot of resources. Nowadays it’s a fun way of communicating feelings instead of plain text in social media and messaging.

         .-“””-.      ░▒█░▒█░▀▀█▀▀░▒█▀▄▀█░▒█░▒░░▒░░░▒░▒
        /       \     ░▒█▀▀█░░▒█░░░▒█▒█▒█░▒█░░▒░▀▀▀▀░░▒  ¯\_(ツ)_/¯
        \       /     ░▒█░▒█░░▒█░░░▒█░░▒█░▒█▄▄█░░▒░░░▒░░▒░▒░░▒░▒░▒
.-“””-.-`.-.-.<  _                _     ❤              ❤
/      _,-\ ()()_/:)              (_ ) _       ❤            ❤
\     / ,  `     `|      _    ___  | |(_) ___  ლಠ益ಠ)ლ  ❤
‘-..-| \-.,___,  /    / _ \/  _  \| || |  _  \/ __ \       ❤
       \ `-.__/  /    ( (_) ) ( ) || || | ( ) |  ___/   _  _ __
        `-.__.-‘`      \___/(_) (_)___)_)_) (_)\____)o (_ (_)|||

ASCII text image created with TextEditor.com and TextPaint.com

Continue reading “The Best Online ASCII Text Art Converters”

Online Syntax Highlighter

It’s very handy when we want to demonstrate a computer code on a webpage and we want to do this in a nice-looking way using colored syntax highlighting. In this article we present a free instant highlighter which converts our code to a readable HTML code.

Continue reading “Online Syntax Highlighter”

How To Align an HTML Image To The Center?

Positioning and aligning images on an HTML page is crucial to layout the page. One of the most common questions is how to align an image to the center of a section. In this article we’re going to discuss many possible ways of placing images to the center.

center aligned image html
Continue reading “How To Align an HTML Image To The Center?”

Time Zone Map Widget With HTML CSS and JavaScript

We’ve been recently tasked with building an interactive time zone picker for Date.Tools, and surprisingly, there was no solid ready-made solution available online. So we created our own. We started with a public SVG world map from Wikimedia Commons, stripped out unnecessary layers, and made it fully interactive using jQuery. In this article, I’ll explain how we built it, with a live demo included.

Continue reading “Time Zone Map Widget With HTML CSS and JavaScript”

How To Create ( ͡~ ͜ʖ ͡°) 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 Create ( ͡~ ͜ʖ ͡°) Text Faces Easily?”

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”

Blinking Text With HTML and CSS Only

I’m presenting a very simple way of making a fancy text blinking using only HTML and CSS3. Adjust the values, setting a different blinking speed and colors.

I Am Blinking!

Continue reading “Blinking Text With HTML and CSS Only”

Scroll 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 “Scroll Back to Top Button With Progress Bar Indicator”

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”

The Best Online Computer Pranks

fly on the screen prank If you did much harm to someone else’s computer or laptop, people would hate you. Yes, such a device is expensive and indispensable in work or study. However, if a friend offended you somehow and you want to prank him somehow, what can you do? There are hundreds of harmless ways how to mess with someone’s computer using settings, simulators, or screensavers.

pranks online
Source: PranksOnline.com

Continue reading “The Best Online Computer Pranks”