You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Image Color Extract Using Simple PHP Without Composer
| November 9th, 2021 | 2 Comments | HTML-CSS-PHP-JavaScript / PHP CodesHave you ever wondered what kind of colours you should get to match your logo for your website? Here’s a very simple script that generates a colour palette for an image using the PHP GD library. This will help you find out which colours you can use to improve the quality of your site. The [&he...
Pretty Print JSON Data In HTML In Color Code Using JavaScript
| November 8th, 2021 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesSo many times we are required to print the JSON in pretty format because it is easy to read and understood. As we know JSON (JavaScript object notation) is a lightweight data-interchange format. It is easy for humans to read and write. This tutorial shows how to pretty print JSON data in HTML in col...
Pure JavaScript Based Multi-Tab With Hash DIV Linkable URL
| October 17th, 2021 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis tutorial shows how to create a Web page containing JavaScript-driven tabs. Each tab displays a separate chunk of content when clicked — perfect if your page needs to hold a large amount of content. I find it’s a common desire with “tab” design patterns that there is a way to link to spe...
Preview Image Before Uploading In <input=”file”/> Field Using Pure JavaScript
| October 16th, 2021 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesImage preview is a great feature for user to check their image before upload whether the correct image is going to upload or if the image looks nice or not etc. So in this tutorial, we will show you how to preview an image before upload using pure Vanilla JavaScript, HTML and CSS. You may […]...
Show Form Fields Hint On Focus With Stylish CSS
| June 7th, 2021 | 4 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesWhat interface element should you use to provide the user with helpful information about a form field as a hint? If you were thinking of a tooltip, you are correct. Tooltips are necessary for form fields that need more clarification than its field label can give. For example, when the field label ha...
How To Create A JavaScript Typewriter Using Pure Vanilla JavaScript?
| February 25th, 2021 | 2 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesYou must have seen the Text Typewriter Effect on many website sliders or in a heading that looks like a full effect of typing animation character by character in typewriter effect. So we decided to make it a little snippet to let you use it on your web pages also to give your web page […]...
