Tips & Tutorials – Javascript

Simple Autocomplete With Pure HTML Javascript (Free Download!)

Welcome to a tutorial on how to create an autocomplete with pure HTML, CSS, and Javascript. Yes, there are many autocomplete plugins these days, but some of them introduce a lot of loading bloat with the use of third-party frameworks. So here it is, a sharing of my version of autocomplete, all done using pure …

Simple Autocomplete With Pure HTML Javascript (Free Download!) Read More »

Fade Background Image With CSS Javascript (Simple Examples)

Welcome to a short tutorial on how to fade an image background using CSS and Javascript. So you are working on a project with a nice background image that needs some fade effect? Bad news, it is not so straightforward. There is no background-image-opacity property in CSS. To fade a background image, the general steps …

Fade Background Image With CSS Javascript (Simple Examples) Read More »

Very Simple Light-Dark Theme Switcher With CSS Variables

Welcome to a quick tutorial on how to build a simple light-dark theme switcher using CSS variables. Looking to build your own switchable themes with CSS variables? Well, it really isn’t that difficult. A common way to build switchable themes using CSS variables is to: Create your HTML page as usual. <header>Header</header> <main>Content</main> Set the …

Very Simple Light-Dark Theme Switcher With CSS Variables Read More »

3 Ways To Convert String To Object In Javascript

Welcome to a short tutorial on how to convert a string into an object in Javascript. Well, for a quick answer – The only native Javascript function to convert a string into an object is JSON.parse(). For example, var parsed = JSON.parse(‘{“foo”:”bar”}’). To convert strings of other formats, it has to be done manually.   …

3 Ways To Convert String To Object In Javascript Read More »

Country State City Dependent Dropdown With PHP MySQL – Simple Example

Welcome to a tutorial on how to create an AJAX-driven country, state, city dependent dropdown list with PHP and MySQL. So you are working on a top-secret ninja project that will cascade load once the user chooses the country, state, or city? Well, it is actually not that difficult. To create a country, state, city …

Country State City Dependent Dropdown With PHP MySQL – Simple Example Read More »

HTML CSS Javascript PHP MySQL To Build A Website – Simple Example

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 »