Posts

Color Scheme Generator

Color Scheme Generator Color Scheme Generator Base Color: Generate Scheme This code combines the HTML structure, CSS styles, and JavaScript functions into a single HTML file. The functionality remains the same as before, allowing users to input a base color and generate a color scheme dynamically.

Nameserver Lookup Tool

Nameserver Lookup Tool Nameserver Lookup Tool Enter Domain: Lookup You can simply copy and paste this code into a single HTML file, and it will work as the complete Nameserver Lookup Tool with colorful styling and all its features using HTML, CSS, and JavaScript.

AND Calculator

AND Calculator Input 1: Input 2: Calculate AND This code creates a simple AND calculator tool where you can input two values (either 0 or 1) and it will calculate the logical AND operation between them, displaying the result below the inputs. I've added basic styling to make it look presentable, but feel free to modify the styles as per your preference.

XOR Calculator Tool

XOR Calculator Tool XOR Calculator Tool Enter first number: Enter second number: Calculate XOR This code creates a simple XOR calculator tool using HTML, CSS, and JavaScript. It has a clean and colorful design, takes two input numbers, and calculates their XOR when the button is clicked. The result is displayed below the button.

Bitwise Calculator

Bitwise Calculator Number 1 Number 2 AND OR XOR NOT This code creates a simple Bitwise Calculator with inputs for two numbers and buttons to perform AND, OR, XOR, and NOT operations. The result is displayed in a read-only text input field. Feel free to customize the styling or functionality further based on your preferences!

Sort Text Lines

Sort Text Lines Tool Sort Text Lines Tool Sort Lines This code creates a simple webpage with a text area for input, a button to trigger the sorting, and a div to display the sorted lines. When you enter text into the textarea and click the "Sort Lines" button, it sorts the lines alphabetically and displays them below the button. The styling is basic but colorful enough to make it visually appealing.

Remove Lines Containing Tool

Remove Lines Containing Tool Remove Lines Containing Tool Enter Text Remove Lines Containing Remove Lines Clear This code includes a simple form where you can enter text, specify the text to remove, and then click a button to remove lines containing that text. The result is displayed below the form. There's also a "Clear" button to reset the form. Feel free to modify the styling or functionality as needed!

Doughnut Chart Maker

Doughnut Chart Maker Doughnut Chart Maker Chart Label: Chart Value: Add Data This code creates a simple Doughnut Chart Maker tool with inputs for adding chart labels and values. When you click the "Add Data" button, it adds the data to the chart dynamically using Chart.js. The colors of the chart segments are randomly generated for each entry. Adjust the styles as needed to fit your design preferences!

Pie Chart Maker

Pie Chart Maker Chart Title: Labels (Comma separated): Data Values (Comma separated): Create Chart This code provides a form where you can enter the chart title, labels, and data values separated by commas. Clicking the "Create Chart" button generates a pie chart based on the input data using Chart.js. The chart is displayed below the form.

Line Graph Maker

Line Graph Maker Line Graph Maker X Values: Y Values: Generate Graph You can copy and paste this code into an HTML file and open it in your web browser to see the line graph maker tool in action. It includes the HTML structure, CSS styles, and JavaScript code all within the same page.

Responsive Website Tester

Responsive Website Tester Tool Responsive Website Tester Tool Enter Website URL: Load Website Desktop Tablet Mobile This code integrates the HTML, CSS, and JavaScript into a single HTML file. The styles are embedded within

OPML to JSON Converter

OPML to JSON Converter OPML to JSON Converter Convert Converted JSON About this code: This code includes the HTML structure, CSS styles, and JavaScript logic all within a single HTML file. You can save this code as an HTML file and open it in your browser to use the OPML to JSON Converter Tool.

Unix Timestamp Converter

Unix Timestamp Converter Unix Timestamp Converter Enter Unix Timestamp: Convert This code creates a Unix Timestamp Converter Tool with a simple and colorful design. It includes a form where the user can input a Unix Timestamp, and upon clicking the "Convert" button, it converts the timestamp to a human-readable date and time format. The JavaScript code handles the conversion logic, and the CSS provides styling to make the tool visually appealing and responsive

YouTube Thumbnail Downloader

Image
YouTube Thumbnail Downloader YouTube Thumbnail Downloader Enter YouTube Video URL: Download Thumbnail This code creates a simple web page where users can input a YouTube video URL and download its thumbnail. It checks for a valid URL format, extracts the video ID, and then fetches the thumbnail using Axios. The downloaded thumbnail is displayed below the input field.

Seo Setting Checker

SEO Settings Checker SEO Settings Checker Check SEO About this code: This code creates a basic web page with an input field to enter a URL, a "Check SEO" button, and a results section. The JavaScript function checkSEO() is triggered when the button is clicked, and in this example, it only displays dummy results. You'd need to implement actual SEO checks within the checkSEO() function.

Privacy Policy Generator

Privacy Policy Generator Privacy Policy Generator Website URL: Company Name: Generate Privacy Policy

Terms & Conditions Generator

Terms & Conditions Generator Terms & Conditions Generator Company Name: Company Address: Terms & Conditions: Generate Terms & Conditions Generated Terms & Conditions: Copy to Clipboard This code; creates a Terms & Conditions Generator form where users can input their company name, address, and terms text. Upon clicking the "Generate Terms & Conditions" button, it displays the generated terms below with an option to copy them to the clipboard. The styling includes Bootstrap for responsiveness and additional custom CSS for colorful and user-friendly design.

code of Calculator with colorful styling

!DOCTYPE html>https://www.blogger.com/blog/post/edit/3393048763307808730/5373929631564011320 Calculator 0 C / x - 7 8 9 + 4 5 6 = 1 2 3 . 0 ← This code; creates a simple calculator interface with responsive design and colorful buttons. JavaScript functions handle the logic for input, calculation, and display. The calculator supports basic arithmetic operations (+, -, *, /), decimal points, backspace, and clearing the display.

WebP to JPEG Converter

Image
WebP to JPEG Converter WebP to JPEG Converter Select WebP file: Convert This code ;creates a simple WebP to JPEG converter tool with a file input field, a convert button, and an area to display the converted image. When a user selects a WebP file and clicks the convert button, it uses the Image Converter library to perform the conversion and display the result. The styling is done using CSS to make the tool responsive and visually appealing.

PNG to JPG Converter tool

Image
!DOCTYPE html> PNG to JPG Converter PNG to JPG Converter Upload PNG Image Convert to JPG In this code: Users can upload a PNG image using the provided button. The uploaded image is displayed in a preview container. Upon clicking the "Convert to JPG" button, the PNG image is converted to JPG format using the canvas.toDataURL method. The converted JPG image is then made available for download with the filename "converted.jpg". An output message is displayed after conversion is completed. Please note that this code includes inline CSS for simplicity. For production use, it's recommended to move the CSS to an external stylesheet.