You Are Viewing Posts Under Category: HTML-CSS-PHP-JavaScript
Design A Simple Hamburger To Cross Animation Menu Icon Using CSS
| November 19th, 2023 | 0 Comments | CSS Codes / HTML-CSS-PHP-JavaScriptThis code creates a hamburger-to-cross animation in CSS. The HTML sets up a navigation button, while the CSS styles the button and defines the animation properties. The JavaScript adds interactivity, toggling the ‘opened’ class on the button click, triggering the animation. Useful for enhancing ...
How To Use Custom PHP Version In A Selected Directory/Folder?
| August 27th, 2023 | 4 Comments | Guest Post / HTML-CSS-PHP-JavaScript / PHP CodesThe PHP version is important not only for speed and performance. There are different applications, which sometimes may require specific PHP versions. All shared hosting clients can set specific PHP versions for different directories. For example, if you want to run PHP 7.4 on your account, but you ...
How To Customize Radio Buttons And Checkboxe Buttons With Pure CSS?
| August 18th, 2023 | 0 Comments | CSS Codes / HTML Codes / HTML-CSS-PHP-JavaScriptThere are so many tutorials on the internet which help you to create custom checkboxes and radio buttons, but almost all of them use JavaScript or jQuery, which is totally redundant nowadays. If you want to give radio buttons and checkboxes a custom style but only want to use HTML and CSS (so no Jav...
How To Create A Double Input Range Slider Using JavaScript?
| May 15th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesIn this tutorial we’ll be coding a double range price slider. While HTML does have a native range slider input this isn’t suitable for when a double range selection is required (min and max). So to achieve the desired functionality some creative CSS and JavaScript is required. There are many cod...
Before After Image Slider Using Mouse Drag In Pure Vanilla JavaScript
| May 6th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis Vanilla JavaScript code snippet helps you to create before and after image comparison sliders. It comes with scrolling and touch support to slide the vertical slider over the image to see the before and after differences. There are many code snippets available online or on many other blogs and ...
Simple WYSIWYG Rich Text Editor Using Pure JavaScript
| May 5th, 2023 | 0 Comments | HTML-CSS-PHP-JavaScript / JavaScript CodesThis JavaScript code snippet helps you to create a simple WYSIWYG-rich text editor with all basic commands. It is purely built with HTML5, CSS, and JavaScript without using an additional library or framework. This text editor allows users to apply bold, italic, underline, and deleted formats to th...
