Code Monkey home page Code Monkey logo

Saeed Kohansal's Projects

html-editable-table-oop-javascript icon html-editable-table-oop-javascript

Master Interactive HTML Tables: A Step-by-Step Guide to Editing with Mouse Clicks and Keyboard Navigation, Unlock the power of dynamic web pages with this comprehensive tutorial on making HTML tables editable using both your mouse and keyboard arrow keys. This guide provides clear instructions and practical examples to help you integrate...

injector-extension icon injector-extension

A Chrome Extension to inject JavaScript and CSS into any website, By that extension, you can inject your custom JavaScript or CSS codes to a single website or multiple websites...

injectorplus-chrome-extension-manifest-v3 icon injectorplus-chrome-extension-manifest-v3

Injector+ is a cutting-edge MV3 Chrome extension that empowers you with an infinitely versatile lightweight injection tool. With Injector+, you can seamlessly inject both inline and external JavaScript, as well as internal and external CSS into any website, unlocking endless possibilities for web development and customization.

javascript-alarm-web-application icon javascript-alarm-web-application

This Is A Client-side Vanilla JavaScript Web Application, I'm Using localStorage From HTML Web Storage API To Save My Data Inside The Browser, The localStorage Object Stores Data With No Expiration Date So We Have All Data We Need In The User's Browser...

javascript-back-to-top-button-with-animation icon javascript-back-to-top-button-with-animation

This is a JavaScript back to top button widget in 3 styles rocket emoji, text button, and arrow top icon using vanilla javascript. I also created some CSS animations for these buttons.

javascript-country-restriction-with-blacklist-and-whitelist icon javascript-country-restriction-with-blacklist-and-whitelist

Allow Whitelist Countries & Block Blacklist Countries - Display ACCESS DENIED Error - Using Free IP Info API Third Parties, In this video, I'm gonna show you how to create a country restriction widget with two options for visitors to see my website, whitelisted countries or blacklisted countries, I'm using Vanilla JavaScript, you can customize my script and use it on your website or web application, I must say that if JavaScript is disabled in the user's browser, nothing will happen because our processing is done on the client-side or frontend. so if you want to handle a safe country restriction I suggest you use a server-side or backend country restriction like a PHP script or apache htaccess or any other choice.

javascript-help-and-faq-responsive-widget-with-animations icon javascript-help-and-faq-responsive-widget-with-animations

This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

javascript-internet-connection-checker-real-time icon javascript-internet-connection-checker-real-time

It's a Vanilla JavaScript widget that can detect a user's internet connection status and display a notification if the user disconnected from the internet in real-time, you can customize this widget and use it on your website or web application, I also created 2 CSS animations to display and hiding that notification

javascript-like-button-with-animation icon javascript-like-button-with-animation

It's is a JavaScript like and unlike buttons with a number of total likes, you can use like buttons in your blog post, profile page, product page, landing page and anywhere you want on your website or web application

javascript-live-username-checker-from-json-file icon javascript-live-username-checker-from-json-file

It's a Live Username Checker From a JSON File using Vanilla JavaScript, You can use this widget in your registry or sign-up forms or anywhere you want, you can check that username is available to submit or exists in your database, Now I'm using a JSON file as a database

javascript-safe-password-generator-web-application icon javascript-safe-password-generator-web-application

With This Web App You Can Generate Safe And Strong Passwords, Powered By Vanilla JavaScript Without Any Server Request And Database, I Made A Password Length And Some Options For Generating Passwords And An Option For Auto Copying Passwords, You Can Generate Fully Random Passwords With The Shuffle Of Uppercase, Lowercase, Numbers, And Symbols...

javascript-word-counter-web-application icon javascript-word-counter-web-application

It's a JavaScript word counting web application, with this web app you can count words, characters and lines in English and non-English languages using Vanilla JavaScript, HTML and CSS

live-table-editor-php-js-mysql icon live-table-editor-php-js-mysql

A Live Table Editor like Microsoft Excel and Google Sheets From Scratch Using HTML, CSS, Core PHP, Vanilla JavaScript, and MySQL Database, With my Live Table Editor You can edit your data in database directly from an HTML table in Real-Time without any page refresh.

php-mysql-javascript-live-username-checker-from-database-json-api icon php-mysql-javascript-live-username-checker-from-database-json-api

It's a Live Username Checker From a real MySQL database using PHP and JavaScript, you can check that username is available to submit or exists in your database, I show you how to create a PHP and MySQL JSON API to checking username input field data with the usernames list in your database.

php-oop-crud-pdo-mysql-script icon php-oop-crud-pdo-mysql-script

I will teach you how to create a PHP Object-Oriented CRUD system using the PDO extension and MySQL database from scratch. You should know the basics of PHP to handle this. After watching this video, you will know how to do a complete PHP CRUD operation. It's a video about backend web development and database.

php-session-full-tutorial icon php-session-full-tutorial

A session is a way to store and manage user-specific information across requests. It involves assigning a unique ID to each client and storing data on the server. This maintains state for users, such as login status or shopping cart contents. In programming, it refers to a period of interaction between a user and a system, commonly used in web...

php-vpn-detection-iphub icon php-vpn-detection-iphub

Discover the comprehensive guide to Implementing VPN Detection on a PHP Server. This tutorial provides step-by-step instructions on VPN Detection in PHP, using IPHub API for reliable results. Learn how to safeguard your server by Detecting Malicious IPs and understand the techniques to Identify VPN/Proxy/Server IPs on the server side.

site-blocker-extension icon site-blocker-extension

Site Blocker Chrome Extension, By that extension, You Can Control The User's Access To Any Website With Blacklist Or Whitelist and Block Or Allow User Access On the Client-Side Using Vanilla JavaScript then display the access denied error You can block any Domain or IP you want.

sync-website-theme-with-os-dark-mode-and-light-mode-css-only-trick icon sync-website-theme-with-os-dark-mode-and-light-mode-css-only-trick

Sync A Website Or Webpage Theme With OS's Preferred Color Scheme, Dark Mode, And Light Mode using only CSS. We can call this feature CSS Automatic Night Mode And Day Mode By OS Color Setting. As you can see, without any page refresh, my website automatically switches by my OS setting between Dark Mode And Light Mode. With a CSS Media query...

telegram-login-widget-user-registration-php-mysql icon telegram-login-widget-user-registration-php-mysql

A complete User Registration System using Telegram Login Widget from scratch. I will use PHP and MySQL for the Backend and Database, also HTML and CSS for the Web-Based User Interface. You can use this widget to Sign Up and Log In users to your website. The Telegram login widget is a simple way to authorize users on your website.

vanilla-javascript-infinite-scroll-html-css-js icon vanilla-javascript-infinite-scroll-html-css-js

Web-Based Infinite Scroll Feature using Vanilla JavaScript. With the Infinite Scrolling feature, you can improve the user experience for your website. Infinite Scrolling or Continuous Scrolling or also known as Endless Scrolling is a web design technique where, as the user scrolls down a page, more content automatically and continuously loads...

youtube-midnight-theme icon youtube-midnight-theme

Convert your YouTube Dark Theme to Midnight Theme, It's a Chrome Extension and you can use it on all Chromium-Based Browsers such as Google Chrome, Brave, Chromium, Microsoft Edge, and more...

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.