gilgeekify
18 subscribers
55 photos
12 videos
1 file
87 links
gilgeekify programming

Cool Web Development Tricks

πŸŽ₯ YouTube
https://www.youtube.com/@gilgeekify

πŸ”— All Links
https://linktr.ee/gilgeekify

πŸ”” Chat
@kohandev

πŸ’™ Donate
https://paypal.me/gilgeekify
Download Telegram
How To Inject JavaScript And CSS Into Any Website - Build A Chrome Extension From Scratch

https://youtu.be/mgFo3fxuUyA

#javascript #html #css
Site Blocker Extension - Control Access To Any Website With Blacklist Or Whitelist By JavaScript

https://youtu.be/RY0L34aBiOs

#javascript #html #css
How To Convert YouTube Dark Theme To Midnight Theme

https://youtu.be/FOzYpmu2sGE

#javascript #css
How To Create Live Table Editor Like Microsoft Excel And Google Sheets From Scratch | PHP-JS-MySQL

https://youtu.be/BLDUmUHOc_Q

#php #javascript #mysql #html #css
❀2⚑1
Vanilla JavaScript Infinite Scrolling Feature Logic

If (endOfThePage) variable returns (true) it means the user reaches the bottom of the page & You can do something...

#javascript #html
🀩3
How To Implement Web Based Infinite Scroll Feature With Vanilla JavaScript - HTML CSS JS

Hello Programmers, Welcome to gilgeekify programming. My name is Saeed Kohansal, and I hope you have a great time. In this video, I will show you how to Implement 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 at the bottom, eliminating the user's need to click to the next page. Infinite scrolling minimizes interaction costs and increases user engagement, but it isn’t a good fit for every website. For some, pagination or a Load More button will be a better solution.

https://youtu.be/c2gxn0slIdY

#javascript #html #css
πŸ”₯3
How To Generate Random String From Pattern And Length With JavaScript

β€’ Source Code:
https://gist.github.com/saeedkohansal/7f978618ce9904891e10b88740503e77

#snippet #gist #javascript #js #string #variable #gilgeekify #howto #array #generator
πŸ‘¨β€πŸ’»2πŸ‘1
This media is not supported in your browser
VIEW IN TELEGRAM
How To Convert String To Array In JavaScript - JS split Method

The JavaScript split() method splits a string into an array of substrings by a separator.

β€’ Source Code: https://gist.github.com/saeedkohansal/fb230bce8cbd78fed7bac9130a3a725c
β€’ YouTube Source: https://www.youtube.com/shorts/MDZeDUjvcyM

#shorts #javascript #tutorial
πŸ†3
This media is not supported in your browser
VIEW IN TELEGRAM
How To Convert Array To String In JavaScript - JS join Method

The JavaScript join() method returns an array as a string separated by commas or a specified separator string.

β€’ Source Code: https://gist.github.com/saeedkohansal/cff41119798a53e72d69ef58fd282f2a
β€’ YouTube Source: https://www.youtube.com/shorts/5CBJUGrox14

#shorts #javascript #tutorial
⚑3
This media is not supported in your browser
VIEW IN TELEGRAM
How To Search A String Inside Another String In JavaScript - JS indexOf Method

The JavaScript indexOf() method searches the entire calling string, and returns the index of the first occurrence of the specified substring.

β€’ Source Code: https://gist.github.com/saeedkohansal/e39560473fad24fdaa61852d8f8b616f
β€’ YouTube Source: https://www.youtube.com/shorts/9-SRe3roDSk

#shorts #javascript #tutorial
πŸ”₯3
Injector++

Build A Chrome Extension (Manifest V3) From Scratch To Inject JavaScript And CSS Into Any Website

New Tutorial Video πŸ”₯ Coming Soon...

#ChromeExtension #JavaScript #HTML #CSS #JS #Tutorial #HowTo #HowToCode #Programming #Inject #ExtensionDevelopment #WebDevelopment #InjectJS #InjectCSS #InjectHTML #CodeInjection #InjectJavaScript #JavaScriptInjection #InjectCode #WebBrowser #MV3
πŸ’―2πŸ‘1
How To Inject Inline JavaScript And Script Src Link Into Any Website - Chrome Extension Manifest V3

This video is about Chrome extension development and JavaScript injection. In this tutorial video, I will teach you how to inject inline JavaScript code and external JavaScript files into any website using a Manifest V3 Chrome extension. I will also check and solve two errors related to Content Security Policy (CSP): these are `Refused to execute inline script` and `Refused to load the script`. I will show you the CSP differences between Manifest V2 and Manifest V3. In general, JavaScript injection can be used for two purposes. These are correct usage and malicious usage. I created a table that summarizes the differences between the correct and malicious usage of JavaScript injection...

https://youtu.be/5SuWCBFPwgs

#chromeextensions #javascript #extensiondevelopment #javascriptinjection #injectjavascript #js #programming #webdevelopment
πŸ‘Œ2πŸ‘¨β€πŸ’»1
Injector+ | Chrome Extension Development From Scratch

Coming Soon...

#JavaScript #CSS #Programming #ChromeExtension #WebDevelopment
😈2πŸ”₯1
Which method is used to prevent the default behavior of an event in JavaScript?

#javascript
Anonymous Quiz
13%
cancelEvent()
13%
pauseEvent()
50%
preventDefault()
25%
stopEvent()
πŸ†2
Chrome Extension Development Tutorial: How To Inject JavaScript And CSS Into Any Website Manifest V3

This is a tutorial video about Chrome extension development with focusing on JavaScript and CSS injection. A Chrome extension is a small software program that can be added to the Google Chrome web browser to add new features or modify the browser's functionality...

🎞 FULL VIDEO
🎬 https://youtu.be/13yCU0tQ4cY

πŸ’» SOURCE CODE
πŸ“‚ https://github.com/saeedkohansal/InjectorPlus-Chrome-Extension-Manifest-V3

#JavaScript #ChromeExtension #ExtensionDevelopment #CSS #ChromeExtensions
❀1πŸ‘1πŸ†1
Media is too big
VIEW IN TELEGRAM
Vanilla JavaScript Wonders πŸͺ„βœ¨ Editable HTML Tables with Mouse/Keyboard Magic βŒ¨οΈπŸ–±

Coming Soon...

#JavaScript #HTML #CSS #JS #Preview #Cell #Edit #Editable #Row #Column #Excel #Sheets
🀩2❀‍πŸ”₯1
πŸ’‘ Learn to Create Editable HTML Tables: JavaScript and CSS for Dynamic Data Manipulation πŸ’ŽπŸ”₯

🎞 FULL VIDEO
🎬 https://youtu.be/VffwdH5j6eI

πŸ”΄ LIVE DEMO
πŸ§‘β€πŸ’» https://saeedkohansal.github.io/HTML-Editable-Table-OOP-JavaScript/source-code/

πŸ’» SOURCE CODE
πŸ“‚ https://github.com/saeedkohansal/HTML-Editable-Table-OOP-JavaScript

#HTML #CSS #JavaScript #Programming #HowTo #Tutorial
❀1
This media is not supported in your browser
VIEW IN TELEGRAM
🟒 How to Inject JavaScript and CSS into Any Website on Android Web Browser

πŸ”΄ Watch & Learn: https://youtu.be/ZydF7NVn7OY

#javascript #chromeextension #android #chromeextensions #gilgeekify
❀1
This media is not supported in your browser
VIEW IN TELEGRAM
πŸš€ Complete Telegram Bot API Course - Form Integration Series! πŸ”₯
Learn to build end-to-end Telegram bot solutions - from bot creation to secure form processing. Perfect for web developers & automation enthusiasts!

πŸ”΄ Episode 1: https://youtu.be/bSSdN60WEFw
Form Data to Telegram | 3 working demo versions

πŸ”΄ Episode 2: https://youtu.be/mNHeA81W2mg
Build Your First Bot | Step-by-step setup

πŸ”΄ Episode 3: https://youtu.be/zystWf0AmAA
HTML Form Integration | Text + image submission

πŸ”΄ Episode 4: Coming Soon!
Secure Deployment | Cloudflare Workers

πŸ”§ Key Features:
βœ”οΈ Works with contact/purchase forms
βœ”οΈ Client-side JavaScript implementation
βœ”οΈ Live demos & source code included
βœ”οΈ Production-ready techniques

#TelegramAPI #BotDevelopment #JavaScript #WebDev #Automation #CodingTutorial #APIIntegration #NoServerSolutions #TechEducation #Programming #gilgeekify
πŸ”₯3