Tips, tricks, tutorials…
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”
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?”
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”
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!
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”
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!
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.
In the fast-paced world of digital marketing today, email marketing is still among the basics for engaging individuals and conversions. But marketers today have it rough—exploding open rates, decreasing participation, and ongoing demands for even more superior audience targeting. In direct response to such adversity, new-school marketers are finding themselves looking more and more towards artificial intelligence (AI) technology that significantly enhances the effectiveness of email marketing📨
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.
Continue reading “How To Align an HTML Image To The Center?”
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”
