Welcome to a beginner’s tutorial and simple example on how to use HTML, CSS, Javascript, PHP, and MySQL together to build a website. Just started with web development, and wondering how we can “put” all the different technologies together? Various technologies and languages work together to create a website, each of them handling a different …
HTML CSS Javascript PHP MySQL To Build A Website – Simple Example Read More »
Welcome to a quick tutorial on how to create a custom HTML range slider. So I was trying to create a custom audio player, and using the range input field as the audio timeline immediately came to mind. But as things turn out, customizing the range picker isn’t that straightforward. The general steps to create …
Welcome to a step-by-step tutorial and example on how to create a full-screen loading spinner, with vanilla CSS and (a little bit of) Javascript. Looking to add a “now loading” splash screen, but can’t seem to find a decent one? Well, let us walk through how to create one yourself – In pure CSS and …
3 Steps Simple Full Screen Loading Spinner in Pure CSS JS Read More »
Welcome to a quick tutorial on how to create an HTML custom audio player. Want to create your own player using HTML audio? Yes, it is possible. There is no way to change the browser’s default HTML audio interface, but we can create our own custom audio player using Javascript: Create a new audio object …
Welcome to a short beginner’s tutorial on how to add HTML code in Javascript. So you have finally gotten to the point of working with both HTML and Javascript, but the challenge is that you now have to add some HTML to an existing page. Adding HTML code using Javascript is actually a simple “get …
2 Ways To Add HTML Code In Javascript – A Quick Guide Read More »
Welcome to a tutorial and sharing on how to create a POS system using only HTML, CSS, and Javascript. Yes, you read that right, there are no server-side scripts involved in this little experiment. If you are curious as to how viable it is to create a “standalone web app” with modern Javascript – Yes, …
Creating A POS System With Pure HTML CSS Javascript Read More »
Welcome to a quick tutorial on how to create a non-editable text field in HTML and Javascript. Want to “fix” a text field in HTML? Prevent the user from changing the value? To create a non-editable text field in HTML, we can either attach the readonly or disabled attribute – <input type=”text” readonly/> or <input …
Non-Editable Text Field In HTML Javascript (Simple Examples) Read More »
Welcome to a quick tutorial and examples on how to freeze rows and columns in HTML tables. Want to “fix a table row or column” in HTML? Only to find out that there are no direct ways in HTML? The possible ways to freeze or fix a row/column in HTML and CSS are: Limit the …
How To Freeze Rows & Columns Of HTML Tables – Simple Examples Read More »
Welcome to a tutorial and example on how to create a like-dislike button. Want to add your own like/dislike button? Here’s a quick sharing of my simple version using pure HTML CSS Javascript, no third-party libraries. Read on! ⓘ I have included a zip file with all the source code at the start of this …
Simple Like Dislike Button With Pure HTML JS – Free Download! Read More »
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 …
