Welcome to a tutorial and example on how to create a custom audio player with a playlist. Looking to build your own audio player and add a playlist to it? Sadly, there are no native implementations of a playlist as at the time of writing. So the only way to build a playlist is to …
Custom Audio Player With Playlist (Step-By-Step Example) Read More »
Welcome to a tutorial on how to create a responsive drop-down menu with pure CSS. Yep, there are a ton of these “dropdown menu plugins” all over the Internet, but some of them require a third-party library. It really doesn’t make sense to load an entire library just for a simple menu, so here it …
5 Steps Responsive Drop-Down Menu In Pure CSS – NO Javascript! Read More »
Welcome to a tutorial on how to create a custom dropdown arrow using pure CSS and HTML. Yes, we can pretty much do any customization with modern HTML and CSS. But strangely, there is no straightforward way to customize a dropdown arrow in pure CSS. There are no direct CSS properties to change the dropdown …
4 Steps Simple Custom Dropdown Arrow With Pure CSS Read More »
Welcome to a quick tutorial on how to create a simple popup with HTML, CSS, and Javascript. I am sure there are tons of popup plugins all over the Internet, but some of them depend on 3rd party frameworks and add too much loading bloat. So here it is – We will walk through a …
Very Simple Popup In Pure HTML CSS JS – Free Download! Read More »
Welcome to a tutorial on how to create a news ticker with just pure HTML and CSS. Need to add a block of scrolling news text? Yep, it is actually possible with today’s technology, using only pure CSS. There will not be a single line of Javascript involved in this tutorial – Read on to …
2 Ways to Create HTML & CSS News Ticker (Horizontal and Vertical) Read More »
The Internet has an abundance of websites today, and you might have heard of HTML – “That thing used to create web pages”. So, if you receive one of these HTML files as an attachment in your email, should you be concerned? Is it possible for HTML to contain viruses and infect computers just by …
Welcome to a beginner’s tutorial on how to display a message after submitting an HTML form. Yep, forms are pretty easy to create in HTML… But the aftermath is kind of a mystery. How do we show a message to the user after the processing is done? There are 2 general ways to show a …
2 Ways To Display A Message After Submitting HTML Form Read More »
Welcome to a tutorial on how to disable pinch zoom with the HTML viewport meta tag. Having some trouble with your website design on mobile devices? Is it zooming in too much, or zooming out too far? Well, here’s the quick fix. To disable pinch-zoom in HTML, simply add <meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” …
How To Disable Pinch Zoom With HTML Viewport – A Quick Guide Read More »
Welcome to a tutorial on how to lock the screen orientation. So you have a website or web application that you wish to lock the orientation. The strange part is that native Android/iOS apps are able to do it, and the bad news is that there is not a “smart way” to do it with …
Welcome to a quick sharing of how to organize HTML code. Well, there are actually no hard rules on “we must organize HTML code in a certain way”. But just imagine taking over someone else’s code that is in a complete mess. The code may work, but it is full of syntax errors, has crazy camel …
