←

Assalamu عlaikum, o wanderer!

I welcome you, to my humble abode.
This is where I live, as this is my treasure trove.

Updated List:

Page Contents

(Click each section to explore)

English

Arabic

Index

(Create a Resource collection of your own. Follow this as a format if you wish.)

#quick navigation

#archives

#emergency

#Guide

#YouTube videos to keep focus


#Study vlogs

#bhalo manushder website: (reference?)

#free-courses

How to decide courses? → Market value / projects done

Learn why wordpress > Laravel? (ease of use > complexity/fad)

#articles/guides

#project-to-do

#Career

#sub-index(Career)

#courses

Redirect → #Web Dev | #Programming |

Roadmaps to get started → https://roadmap.sh/ 

#LinkedIn

#Portfolio

#ChatGPT

#facebook

#bootcamps/workshops/internships

#Roadmaps

https://roadmap.sh/

#yt

  • Islamic Content

#job

  • Kevin Fujisaki (Seyam Bin H Rahman)
  • Remote job at Tencent's Singapore office - Responsibility bolte, amake onek titles er different type er testing korte hoy, egula r upor feedback/report create kore submit korte hoy. Sometimes I even need to look a bit at the marketing side (out of my own curiosity aarki). My work mostly relates to alpha testing, game experience feedbacks in certain aspects, community management, technical testing etc

#interviews

#SRS

#CV formats

  • Zety - Professional Resume & Cover Letter Tools For Any Job https://zety.com/ (CV maker)

[ Discord → CS Majors https://discord.gg/aqCCRF2nSa ]

  • T65 University

Want to give back to this community that helped me get here ❤️

Hopefully this helps someone. Please don't DM for resume advice, my best advice is this: copy my resume exactly, including how I write bullets.

I followed this advice myself. I didn't come up with this resume format or how to write bullets like these myself, I mimicked it from someone else's resume (who is 100x more cracked than me).

I'm using Jake's Resume: https://www.overleaf.com/latex/templates/jakes-resume/syzfjbzwjncs 
Copy paste this in the font section of the LaTeX file for the font I'm using:

\usepackage{lmodern}

\renewcommand*\familydefault{\sfdefault}

\usepackage[T1]{fontenc}
[  link to message ]

#Discord Servers

#Roadmaps

#OSSU

For study, refer to   #Study (Open-Source)

← CS in 2 Years | OSSU by Ruan_CS https://www.youtube.com/playlist?list=PLtFe8RAt1c9zloCMUwCASQ15h62_e6IPa 

#Business

https://www.startupschool.org/ 

#article

#article-websites

#people to follow


#GitHub Profiles

#Facebook

#Discord

#Good-blogs

#newsletter

#portfolio

#YouTube

#Fiverr

#UITS

#preparation

  • Shakil dise

1. IELTS Online Tests

Link: https://ieltsonlinetests.com/ielts-exam-library 

2. IELTS Test

Link: https://engnovate.com/ielts-tests/ 

3. IELTS Test Simulation (Cambridge)

Link: https://www.ieltstestsimulation.com/wb-cnt/reading/ 

5. IELTS Buddy

Link: https://www.ieltsbuddy.com/ielts-practice-tests.html#readingpractice 

6. British Council (IELTS on Computer)

Link: https://takeielts.britishcouncil.org/take-ielts/prepare/free-ielts-english-practice-tests/ielts-on-computer/practice-tests/reading-academic 

7. IDP (“Familiarisation” Test)

Link: https://demo-ielts.inspera.com/player/?assessmentRunId=131013388&context=exam#/section/128121930/question/128121896/scorableItem/1 

#Programming

“Learn Algorithms(concepts), implement Data Structures(techniques).”

“Do Problem-solving(implementation), not Competitive-programming(incentive)”

#sub-index(Programming)

#Courses

#CodeForces People

#YouTube People

#UITS-Projects

Facebook (people to follow for guides) + #Site-Posts

#programming-references

 CPS Academy - Standard Template Library of C++ ( STL ) [ Bangla ] https://youtube.com/playlist?list=PLoa_roVVsxA0D1Kv_T7rbGHtSdYIUo4f5&si=aZiOzrnsIGyXT5bq 

#People(Discord/Facebook)

  • Kenneth Rosen – সব গুরুর গুরু
  • CP-Algorithms.com – বাস্তব উদাহরণ
  • MIT OCW PDF – একেবারে ফ্রি
  • YouTube: William Fiset, Gaurav Sen – চোখধাঁধানো ব্যাখ্যা
  • Masud Ur Rahman
  • Sakibul Hakim

  • Shakil

#CS-blog / programming blog

#YouTube

“ei video te maybe cf er list section niye ekta part ase. jekhane dekhaise like tumi ekta problem solve korar age

dekho je ota ke tomar porchito koijon solve korse. like tomar jodi cf e 20 jon friend thake ar tar modde 12-15 jon ekta problem solve korse. so er dhara ki buja jai je he ei problem maybe valo ekta problem tai onekei eta solve korse. tahole tumi o oi problem e ekta try dite paro” - CHATOK JR

#Contests / problemsets

Extension

  • VS Code
  • for Contest Reminders

#Sites

#Problem Sets

  • Masud Ur Rahman

  • CodeForces

“kono topic sikhte chaile seta kibabe practice kori ami? first of all yt or onno kono resource theke oi algorithm ta sikho then oi algorithm er problem solve korle arki aro better understanding paba. ekhon pain hoitase oi topic er problem findout kora. so YouKnowWho er ekta list ase

jetake bola hoi theUltimateTopicList

oitar modde oi sob topic er valo valo problem select kore dise and

problem gulor difficulty onujai tag o diye dise. easy, medium, hard and

jeita besi important ogulote star mark o diye dise. tumi chaile oikhan theke specific kono ekta topic er problem solve korte paro.” - CHATOK JR

This sheet is curated by Priyansh31dec - Master on Codeforces and ICPC World Finalist. Priyansh has solved 4000+ algorithmic problems and has spent 200+ hours reading 1800+ problems to pick 31 problems in each rating from 800 - 1900 containing the most interesting and reusable concepts.

#contests

#participations (bottom-to-top, top = latest)

#Problem Solving Sites

https://neetcode.io/practice?tab=neetcode150 

#Discord Servers

#programming-notes

GitBook

#java

#Visual Studio

  • Word Wrap → Press Ctrl + E, then Ctrl + W. (Release Ctrl + E before pressing Ctrl + W).

#cpp

  • int32_t

“dhoro maje maje jodi overflow er kaorne mara khai. ar haate time besi nah thake. tahole kintu eta findout kora ekta apin je kothay long long korte hobe. tokhon upore insatn ekta macro declare kore dei je #define int long long. eibabe sob int long long hoye jai” - CHATOK JR

#python

#GitHub

https://support.github.com/request 

GitHub gists → https://gist.github.com/b1tranger |

Student Benefits https://education.github.com/pack 

  • Check
  • DevCycle → 1 Free Year on our Starter Plan to Verified Students. Includes unlimited seats, unlimited feature flags, and unlimited usage.
  • ConfigCat → 1000 feature flags, ∞ users for free.
  • GitHub stuff
  • GitHub Foundations Certification → Becoming GitHub certified—paired with hands-on experience—demonstrates to potential employers, collaborators, and clients that you possess a verified level of expertise in utilizing GitHub effectively. Offers Offer Note that the voucher system is migrating on June 30, 2025. During the migration, voucher distribution will pause. We will resume in the fall
  • Github Campus Experts → Apply to become part of the program while you’re a student.
  • https://support.datacamp.com/hc/en-us → DataCamp has partnered with GitHub Education to offer three months of free access when you sign up for a DataCamp subscription with your GitHub student account.
  • Scrimba (collab with MDN) → Level up your coding skills with interactive courses, projects, and challenges. Learn JavaScript, CSS, React, Python, and more. Enjoy 1 month of free access to Full access to Scrimba’s Pro courses, projects, and coding challenges, which includes 40+ courses.
  • Educative → Dive into 6 months of free access to over 70 practical courses, covering hot topics like Web Development, Python, Java, and Machine Learning. Plus, students enjoy an awesome 30% discount on any subscription they pick!
  • FrontendMasters → Free 6-months access to all courses and workshops.
  • MongoD → $50 in MongoDB Atlas Credits, plus access to MongoDB Compass and MongoDB University including free certification valued at $150.
  • Heroku → enjoy a credit of $13 USD per month for 24 months.
  • Software subscriptions
  • JetBrains → A free subscription for students, to be renewed annually. Professional desktop IDEs: IntelliJ IDEA, PyCharm, and more.
  • Arduino → Free Arduino Cloud for 6 months and discounts on selected hardware.
  • LambdaTest → Free LambdaTest Live Plan for one year.
  • PopSQL → Free Premium subscription for PopSQL while you're a student.
  • Encryption and Web security
  • Cryptolens → 10 licenses and any number of end-users for free for students.
  • AstraSecurity → 6 month access to website firewall & malware scanner
  • Hosting
  • Domain
  • Namecheap → 1 year domain name registration on the .me TLD. 1 SSL certificate free for 1 year.
  • Name.com → Build your project on a free domain of your choice with over 15 select domain extensions
  • .TECH → One standard .TECH domain free for 1 year

https://roadmap.sh/git-github

Clients: https://git-scm.com/downloads/guis

  • GitHub Sites

#Good-Repositories

#prottoy

# Selim Reza suggestions

#GitHub wiki

 #Arduino

#Reference

#Study (Subjects)

#sub-index(Study)

#teachers

#YouTube-Channel

#AI tools

  • NotebookLM

#cloud-based

  • Google Collab (online) | Jupyter Notebook (Open Source, Offline)
  • Jupyter Lab

#UITS

#HSC https://t.me/educationblog24_official 

# simulation and modeling note 27.02.25

- https://www.mathworks.com/help/matlab/index.html?s_tid=hc_panel

- Discrete Mathematics book for MATLAB

- MATLAB login rerquires edu mail but is causing issues with signup

# Laplace Transform

  • Khan Academy
  •  

#Data communication

#Shaad-suggested

https://youtube.com/playlist?list=PLncy2sD7w4YoYG5EFgry-AcdDAy2pFvMJ&si=lnvWN1YgEw6fKUI2 

Lec: 30 | Cyclic Redundancy Check (CRC) |Error Detection|example 1| Computer Network|Bangla Tutorial 

Lec: 31 | Cyclic Redundancy Check (CRC) |Error Detection | Example -2 Polynomial | Computer Network 

#Database

 Software → https://sourceforge.net/projects/xampp/ | MySQL | https://www.oracle.com/database/ 

#Playlist

  • ER Diagram
  • Normalization
  • SQL Theory
  • Farhan Hossan
  • Bro Code
  • Freecodecamp

#DLD - Digital Logic Design

  • FlipFlop type

  • Adder

 

  • MUX
  • Latch, FlipFlop

 

  • Playlists

#DSA- Data Structures and Algorithms

  • Learn Pseudocode (SOP) and Flowchart before data structures ← Shishir bhai → pseudo Code in other career paths is SOP =Definition
  • standard operating procedure

#Full Playlists

#Student-Tutorials

  • Topic - Complexity
  • Array

  • Sorting

  • Stack
  • Applications (expression conversion)
  • Tree
  • Binary Tree
  • BST
  • Heap
  • Huffman Coding
  • Graph
  • MST

#Articles/Guides

#Discrete Mathematics

  • Kenneth Rosen – সব গুরুর গুরু
  • CP-Algorithms.com – বাস্তব উদাহরণ
  • MIT OCW PDF – একেবারে ফ্রি
  • YouTube: William Fiset, Gaurav Sen – চোখধাঁধানো ব্যাখ্যা

(Maple, Mathematica/Wolphram, MATLAB)

  • YouTube
  • Selim Reza
  • Salma Zarin
  • Jannat

#ED

Final Drawing Related References.docx  (108) Missing Semester IAP 2020 - YouTube |

#Bangladesh Studies

#FEE

#Java

#Java GUI

#English

#SPL

C++

https://docs.google.com/document/d/1C8DqZLURaJQA-08mHEU-JkiybSL-THHJuvMbLWm6cjM/edit?usp=drivesdk 

C programming exercises: Recursion - w3resource

#Chemistry

#Physics

#math

Dr. Trefor Bazett - YouTube |


#BRACU

#sites

#links

#IUT

#BUET

#AIUB

#DIU

#UIU

#Study (Open-Source)

#sub-index(Study-Open-Source)

#drive links

#resource sites

#Online-lab?

#facebook

#github

  • Microsoft has so many repo

#API

Rupom bhai studies it (06.06.25)

#Site-Posts

#Facebook

Profile Preview https://www.facebook.com/share/1AJyE7TBDr/? 

#Event-updates

#Talha Chowdhury

#stack

#Improvement

#Zettlekasten (note taking method) (Hakim bhai mentioned)

#Blood Donation

#Listing-blood-donation-options 🩸

BloodBag

Lifeline

#Facebook Groups 🩸

  • রক্ত সন্ধানী - UITS:

#My Information for donation

Blood Group: O+ve

  • Last donated on: 20.06.25

Note:

Attending nurse told me that my last blood donation must be 4 months before donating again, otherwise haemoglobin levels might drop. Therefore, please do the math from my last donation date before reaching out.

#CSE apps

(offline access)

#file sharing

#Windows-stuff [ gist ]

  • Go to Registry → HKEY_CURRENT_USER\SOFTWARE\CLASSES\CLSID\
  • Create NEW key →  {86ca1aa0-34aa-4e8b-a509-50c905bae2a2}
  • Select new key and create another new key called → InprocServer32
  • on the right of InprocServer32. Open the (Default) key and set its value to blank ( value data should be empty)
  • Restart PC / Restart explorer.exe (windows explorer) from Task Manager
  • Delete the keys to revert the changes
  • [ alt ] use registry keys https://briteccomputers.co.uk/posts/bring-back-classic-windows-10-right-click-menu-to-windows-11-2/ 
  • [ alt ] refer to the gist on github

#AI

  • https://gamma.app/ (Masud) Create working Powerpoint presentations you can refine and customize in under a minute, using our powerful AI generator.
  • https://notebooklm.google/ Google NotebookLM | Note Taking & Research Assistant Powered by AI (Sakibul Hakim) Upload PDFs, websites, YouTube videos, audio files, Google Docs, or Google Slides, and NotebookLM will summarize them and make interesting connections between topics, all powered by Gemini 2.0’s multimodal understanding capabilities.

#Web editor:

#note-taking

#Editors

#good software for PC

#Database SQL

#calculator

#Offline_apps

#IDE:

#Windows

  • Selim Reza (VS Code Guide)

Android:

#Reference:

#w3wchools (offline)

#Creator:

#Non GooglePlay (Open Source?)

#cse essentials (android)

#cse essentials (pc)

#Extensions

#VS code

#stremio-addons

#Cyber Security

#sub-index(Cyber-Security)

roadmap → https://roadmap.sh/cyber-security 

  • Malware Blocking Only
  • Primary DNS: 1.1.1.2        | For IPv6 use: 2606:4700:4700::1112
  • Secondary DNS: 1.0.0.2 | For IPv6 use: 2606:4700:4700::1002
  • Malware and Adult Content
  • Primary DNS: 1.1.1.3 | For IPv6 use: 2606:4700:4700::1113
  • Secondary DNS: 1.0.0.3 | For IPv6 use: 2606:4700:4700::1003

#good people for now

  • Snowden
  • Lex Fridman
  • Ryan Montgomerry

#Courses

#software

#Articles

#GPT

  • The process of writing names or words using similar-looking numeric and symbolic characters is commonly called:

"Leetspeak" (or "1337 speak")

Origin: The word "leet" comes from "elite," and the practice originated in online hacker and gaming communities.

Mechanism: Letters are substituted with numbers or other characters that resemble them visually.

Shajidul Alam suggested my alias BitRanger → 817R4N6R

#Courses on Cyber Security

#roadmaps

#youtube

#reddit

#CSN Club, UITS

#CTF

#club-rooms

  • crypto-stegano
  • Osint

#practice

  • cybersecurity, especially in penetration testing and ethical hacking.

#cypher type (need to memorise)

  • Possible cypher list? → dCode cypher identifier
  • If output repeats in cycle, then it’s time to move on
  • ZigZag/Rail fence cypher
  • Shift cypher

#flag format (finding flag → formatting the flag according to the given format → submit)

  • human readable text?
  • underscore between readable words?
  • Flag format can’t be repeated in the flag. Fake flags? UITS{UITS_HELLO_WORLD} UITS{HELLO_WORLD}
  • How to find the one flag from several others? Find the more meaningful word, use attempts by submitting. Attempts do not reduce points.

#Write up?

#about teams

  • Find the strongest topic from basic and learn advanced in that. Don’t try to take part in everything. Divide responsibilities in team members.

#club Server

#crypto-stegano ← https://discord.com/channels/1302134072705024111/1302185454442909696 #crypto-stegano!

#forensics

#networking ← https://discord.com/channels/1302134072705024111/1302187784512995368 

#web ← https://discord.com/channels/1302134072705024111/1302187839685136476 

#reverse-engineering ← https://discord.com/channels/1302134072705024111/1302188013677449217  #reverse-engr!

#osint ← https://discord.com/channels/1302134072705024111/1302188105444360245 

#pwn ← https://discord.com/channels/1302134072705024111/1302188152580083783 

#self-learn ← https://discord.com/channels/1302134072705024111/1333913770333835285 

#ai

#tools

#GPT

  • "John the Ripper" and "Hashcat" are both password cracking tools commonly used in

#online-tools (can be done with Linux)

  • RSA tools? (Ask Masud bhai)
  • OSINT →

For Crypto:

For Stegano

For Osint

#forensic

#web

  • Burp Suite

#Osint?

  • No specific tools (you may use everything at your disposal, including ChatGPT)

#reverse-engineering

writeup for (example):

#networking (Wireshark software, built-in in Linux)

#Reverse Engineering

#Linux 

I installed Linux (so should you) 

PEWDIEPIE USES LINUX??? 

The Best Way to Learn Linux 

  • Room

#Dual Boot

#Game Dev (+app dev)

roadmap → https://roadmap.sh/game-developer | https://roadmap.sh/server-side-game-developer 

 

AI tool → https://base44.com/

Find games https://www.reddit.com/r/tipofmyjoystick/ 

#YouTube

#Discord Servers

#itch.io

#Game Dev

#extensions

#Discord

#JAVA

#reverse engineering

  • Music World

#Jar games ported

# C++

How to start Gamedev in C++ 

#Raylib

https://www.raylib.com/ 

raylib projects showcase 2024 

https://youtu.be/i7isROcHwWE 

How to setup raylib with C++ in Visual Studio 2022 Community - Beginner tutorial 

Game Projects

Game Development in C++ with SFML by Mustafa Sibai https://www.youtube.com/playlist?list=PLs6oRBoE2-Q_fX_rzraQekRoL7Kr7s5xi 

#Godot

Godot Engine Web Editor (4.4.1.stable.official) https://editor.godotengine.org/releases/latest/ 

https://godotengine.org/download/android/ 

#Doc

#Tutorial

  • Install python and pip, set path for python, python/scripts
    Install Visual Studio Build Tools (C++ development ~6GB)
    Godot → Create “demo” project
    Godot → Create Main node and save as “main.tscn”
    CMD → Scons platform=windows
    Clone “godot-cpp”
    Copy “gdexample.h”, “gdexample.cpp”, “register_types.cpp”, “register_types.h” in cpp
    Copy “gdexample.gdextension” in demo/bin
    CMD → Scons
    Godot → Create GDExample node
  • How to Setup Godot for C++ 
  • How to Build Godot Engine From Source Code 

#examples

#Unity

#Doc

#Tutorial

#blender

https://www.blender.org/ 

#Doc

#Tutorial

#Arduino

#Graphic-design

#softwares

#tutorials

#notes

#2D

  • Pixel

#UI/UX

#3D

  • Voxel
  • My Projects
  • Suggestions
  • Prottoy → amr recommendations, thenewboston, freecodecamp, liveoverflow for hacking stuff
  • Tutorials

#App Dev

#Hackathon

#AI tools

  • https://glider.dev/ Glider - the mobile framework for developers who want to create beautiful, simple apps with minimal boilerplate. Introducing the server-side rendering framework for Mobile Apps powered by Flutter

#flutter app dev

roadmap → https://roadmap.sh/flutter 

#tutorial

#doc

#Qt

https://www.qt.io/develop

https://doc.qt.io/qt-6/create-your-first-applications.html

#Web Dev

#Cheat Sheet

#Courses

Roadmaps to get started → https://roadmap.sh/ 

#PHP

#Tips

  • Ehsan bhai
  • “implement the features of other platforms (link-trees) that you like in your own website”
  • “utilize unused space, don't leave them blank”
  • “organize the website / portfolio / CV the way you would want to read them”
  • “ask for collaboration when you have a good project idea”
  • Shishir bhai
  • "e commerce stack" --> shopify, wordpress, figma (for designing) , flutter (app), c-panel management, devops sites (git, github)

#Contest

#wordpress

roadmap → https://roadmap.sh/ai/guide/wordpress-a-comprehensive-guide-1751453696674 (make the diagram version)

  • (Shishir bhai, E commerce stack) PHP → Wordpress → Shopify (Liquid)

#tutorial

#wordpress setup (localhost)

  • For each website, we need a new instance of the following.
  • For a website titled “b1tblog”, Copy+paste download files → C:\xampp\htdocs\b1tblog
  • Enable Apache, MySQL, FileZILLA from xampp control panel
  • Create database in http://localhost/phpmyadmin/ 
  • For the first time, http://localhost/b1tblog/ will initiate wordpress setup. Username is always “root” and password will be blank
  • This will create tables at C:\xampp\mysql\data\b1tblog
  • For dashboard visit: http://localhost/b1tblog/wp-admin/
  • Delete everything (debloat): from Pages, Plugin, Theme (theme details → delete)
  • Plugin and theme (appearance)
  • Theme important for no-coders. Best is Astra, next is Hello Elementor
  • Best plugin is Elementor Website Builder
  • Syntax . terminology
  • 0 = auto
  • Typography = font style
  • Publish = save

#shopify

Bro found a problem and solved it How did Shopify begin? #reels #reel #fyp #Bangladesh #Bangla #KhalidFarhan 

Check Link previews → https://developers.facebook.com/tools/debug/ 

#terms

#reference-website

#University Projects

#Project-steps

  • Use Figma for prototyping (serious project)

#integration (+API)

#Articles

#CDN Websites / STORAGE

#references

#BackEnd

#web apps

  • OS

#web games

#Channels → Dani Krossing | web dev simplified, traversy media (Akib Reza) |

#database

#Stacks?

#HTML

#html-symbols [ gist ]

#CSS

Learn CSS in 1 hour 🎨 

7 ways to deal with CSS

Do You Really Need Bootstrap or Tailwind? “pure CSS is better than any framework” “Framework is just doing same work but faster”

#articles

#Color-pallets for web designers (Sajid Hasan) → https://colorhunt.co/ 

Check palette validity (Selim Reza) → https://www.realtimecolors.com/?colors=050315-fbfbfe-2f27ce-dedcff-433bff&fonts=Inter-Inter 

  • Dark
  • background-color: #201f1fe4;
  • Light

#CSS code

  • References
  • [ bad practice ] [ Gist ]
  • Multiple elements with same class name: a.textformat , div.textformat , h1.textformat
  • <a class=”textformat”></a>
  • <div class=”textformat”></div>
  • <h1 class=”textformat”></h1>
  • Back Button break fix: box-sizing: content-box;
    <a href="javascript:history.back()" class="back-icon" style="box-sizing: content-box;">&#8592;</a>
  • Overflow Fixes: (gpt) [ Gist ]
    overflow-wrap: break-word;

word-wrap        Break long words
overflow-wrap        Same as word-wrap (modern)

white-space        Controls space and line breaks

flex-wrap        Wrap flex items

grid-template-columns with auto-fit/fill        Auto-wrap grid items

text-wrap        Experimental text balancing

word-break        Force break anywhere in word

hyphens        Add hyphens in wrapped words

  • Overflow direction: Logic: "overflow-x"'s direction: "ltr" or "rtl" works horizontally, and "overflow-y"'s direction: "ltr" or "rtl" works vertically. There is no "utd" (up-to-down) or "ttb" (top-to-bottom) for vertical overflow.  [ Gist ]
  • CSS Pseudo elements [ js alts for easy implementations ] https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements 

#JS

#snippet

#Frameworks

#Libraries

#articles

#YouTube

I built the same app 10 times // Which JS Framework is best?

How To Make Website Preloader Using HTML CSS JS | Page Loading, Website Loading Animation

Run your website offline using Service Workers

#documentation

#built-in function

#problems and fixes

  • Google Doc to Web Page conversion
    Google adds their trackers, and clicking on links gives a redirect notice. It’s Google’s protection feature they add when google doc is converted into HTML page. How to remove it:         

     

 <script>      document.querySelectorAll('a[href*="www.google.com/url?q="]').forEach(link => {

                const url = new URL(link.href);

                const realUrl = new URLSearchParams(url.search).get('q');

                if (realUrl) link.href = realUrl;

            });

        </script>

#PWA

https://youtu.be/sFsRylCQblw   

#hosting

  • Back-End
  • Cloudflare pages
  • Vercel
  • Azhar bhai → https://www.infinityfree.com/        
  • https://ngrok.com/ (masud)
    "Ngrok is a tool that allows you to expose your local development server to the internet using a secure tunnel. It creates a publicly accessible URL (usually with HTTPS) that forwards requests to your local machine. you can host your backend websites temporarily using Ngrok, but it's not meant for permanent production hosting."
    > Prottoy: local development er jonne er theke better holo cloudflare argo tunnel, r best holo remote server a develop kora, free ase onk gula, google ero ase, weekly 50h free te use kora jae, gcp te new project khule, shell a gelei use kra jae

#GitHub refs / examples

#References / Tutorials

#PHP ( for the majority concerns, Check Security )

  • - $_POST for passing sensitive information, can not be seen in the URL
  • - $_GET for passing any info, can be seen in the URL
  • - "required" Boolean attribute
  • - Furthermore, it looks better when you put all your php stuff before the HTML code, that does not necessarily have to be inside HTML. https://stackoverflow.com/questions/35042196/output-image-in-php-page

#articles + GPT (about fixing some issues)


  • “It seems there's a problem with how the menu buttons are structured. Let me provide a more comprehensive fix that addresses the specific issue you're describing.
    The main problem appears to be with how the menu buttons are laid out in the table structure and how the event handlers are working together.”
  • “The key was setting pointer-events: none for closed popups and pointer-events: auto when they're open. This ensures that the invisible popup areas don't capture clicks when they should be closed.

The z-index hierarchy adjustments also help maintain proper stacking order of your interface elements, making sure that active elements appear above others in the correct sequence.

This is a common issue in popup/modal interfaces and the CSS-based solution is often cleaner than trying to solve it entirely with JavaScript. By controlling the interactive areas with CSS, you've eliminated the "phantom clicks" problem without needing to modify your script logic.”

  • If you don't want to manually copy and paste the same code (like your navigation links) into multiple HTML pages, you have several options:
    1. Use JavaScript to load the shared content
    This is the simplest approach for an existing static site. Create a separate file with your
    shared content:

javascriptCopy// Create a file called shared-elements.js

document.addEventListener('DOMContentLoaded', function() {

  const navHTML = `

    <a class="active-1" href="https://github.com/b1tranger/oUITS-Resources/releases/download/test/_oUITSr_appsgeyser.apk"

    target="_blank"><small>web-app</small></a>

    <!-- Add other navigation links here -->

  `;

 

  // Insert the nav HTML into any element with class "navigation"

  document.querySelectorAll('.navigation').forEach(nav => {

    nav.innerHTML = navHTML;

  });

});

  • then in each HTML page:

htmlCopy<div class="navigation"></div>

<script src="shared-elements.js"></script>

  • how do I disable color changing when clicking links?
    Links maintain the same color before clicking (:link), after clicking (:visited), and while clicking (:active)

  • Grid center
    align-items: center;
  • Fix mobile .pdf iframe not working
  • <iframe src="page-depth-02/Faculty-Routine-Ramadan.pdf">

changes "view?" to "preview?"

  • (hiding arrow button in select tag)
    Select{
    //background: url() no-repeat 95%;
    -    moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding : 4px 20px
    }
  • The !important flag ensures the hover background color overrides the inline style

transition: all 0.3s ease creates a smooth animation effect

transform: scale(1.05) makes the button slightly larger on hover

.menu-button:hover {

    transform: scale(1.05); /* Slightly enlarge the button */

    background-color: rgba(255, 255, 255, 0.2) !important; /* Lighten background on hover */

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */

}

  <meta property="og:description" content="UNOFFICIAL Online Resources Archiver for UITS">

  <meta property="og:image" content="Social-Preview.webp">

  <meta property="og:url" content="https://ouits-res.netlify.app/">

  <meta property="og:type" content="website">

  • JavaScript reads the file using FileReader().
  • Content is displayed inside a <pre> tag (formatted text output).
  • localStorage – Now notes persist even after closing and reopening the browser
  • Focuses / forces input inside the text area
    // Focus on the input field

    // noteInput.focus();

  • auto updating date

<p align=center

        style="color:rgba(0, 0, 0, 0.422);width: 95%;max-width:500px;font-size: small;font-style: italic;">

        &copy; 2024-<span id="year"></span>

        b1tranger. </p>

<script>

          document.getElementById("year").textContent = new Date().getFullYear();

        </script>

  • Preloader with face animation and only shown at first visit
    <script>

        let preloaderDelay = 3000; // Time before preloader disappears (in ms)

        // Check if user has already seen the preloader

        if (localStorage.getItem("seenPreloader")) {

            document.getElementById("preloader").style.display = "none";

            document.getElementById("content").style.display = "block";

            document.getElementById("content").classList.add("fade-in");

        } else {

            // Show the preloader only for first-time visitors

            localStorage.setItem("seenPreloader", "true");

            window.onload = function() {

                setTimeout(function() {

                    document.getElementById("preloader").classList.add("fade-out");

                    setTimeout(function() {

                        document.getElementById("preloader").style.display = "none";

                        document.getElementById("content").style.display = "block";

                        document.getElementById("content").classList.add("fade-in");

                    }, 1000); // Match fade-out duration

                }, preloaderDelay);

            };

        }

    </script>

  • Tried to hide scroll bar but keep functionality
    /* Alternative approach - thin, semi-transparent scrollbar */ .search-results::-webkit-scrollbar { width: 4px; } .search-results::-webkit-scrollbar-track { background: transparent; } .search-results::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.2); border-radius: 4px; } /* For Firefox */ .search-results { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.2) transparent; }
  • Input Button as Back button
    <a href="javascript:history.back()" class="back-icon" style="box-sizing:content-box;">
    <input class="div-theme2" type="button"  value="Cancel" name="btn2"></a>
  • Add CSS to prevent horizontal overflow. This prevents elements from pushing the layout wider than the screen.

html,body {

            max-width: 100%;

            overflow-x: hidden;

        }

// but adding overflow-x: hidden; here hides the scroll-button, so I added in on the main content’s div

  • To add a box-shadow to only the horizontal sides (i.e., left and right) of a <div>, you can use multiple box-shadow values and offset them to apply only to those sides.

.my-div {

  box-shadow:

    -4px 0 5px -2px rgba(0, 0, 0, 0.3), /* Left side shadow */

     4px 0 5px -2px rgba(0, 0, 0, 0.3);  /* Right side shadow */

}

<div class="my-div">

  This div has shadows on left and right only.

</div>

        x-offset is non-zero (-4px for left, 4px for right). y-offset is 0 → no vertical shadow offset, so nothing on top or bottom. blur-radius and spread-radius are tweaked (4px and -4px) to prevent the blur from bleeding vertically.

.my-div {

  box-shadow:

    -4px 0 4px -4px rgba(0, 0, 0, 0.3), /* Left shadow */

     4px 0 4px -4px rgba(0, 0, 0, 0.3);  /* Right shadow */

}

  • Fancy page break  [ Gist ]

<div style="justify-content: center;display:flex;">

        <hr

          style="border: 5px solid rgba(0, 0, 0, 0.619);

      border-radius: 5px;margin-left: 150px;margin-right: 150px;margin-bottom: 50px;min-width: 200px;width:50%;max-width: 500px;;">

      </div>

  • /* HIDE SCROLLBAR */ [ Gist ]

    ::-webkit-scrollbar {

      display: none;

    }

  • When flexing, use gap [display-flex]

#form

  • enctype="multipart/form-data" ← when uploading files [ example: <form action="#" method="POST" class="form-css" enctype="multipart/form-data"> ]

#Box-Shadow

  • Adding shadow to only bottom → box-shadow: 0 4px 6px -4px rgb(0, 0, 0);
    [explain → box-shadow: offset-x offset-y blur-radius spread-radius color;]

#Curved-Border

  • Hide Top Overflow → <div style="background-color: #333;display: block;width: 100%;height: 20px;position: fixed;top:0;z-index: 999;"></div>

#CSS (way arounds)

  • Clicking on id=”#...” stops mid screen:  [ Gist ]

.idUITSstopMidScreen {

            scroll-margin-top: 40vh;

            /* 50vh = half the viewport height */

        }

<div class="idUITSstopMidScreen" id="UITS">UITS</div>

#SCSS [ Gist ] ← SCSS is programming

#Disable link click effect: [ Gist ]

    -moz-user-select: none;

    -ms-user-select: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    user-select: none;

 -khtml-user-select: none;

  • But these 3 lines cause the texts to be unselectable:

  -webkit-user-select: none;

    user-select: none;

 -khtml-user-select: none;

#Markdown .md

       

#tips.webdev

Md Kamruzzaman Shishir

  • Make index.html in each level → A honeypot is a cybersecurity mechanism that uses a manufactured attack target to lure cybercriminals away from legitimate targets. They also gather intelligence about the identity, methods and motivations of adversaries.
  • U need robot.txt and sitemap.xml in ur website, egula tomar dns ke website er link gula dhoraya dey .... Ete kore dns er jonno tomar website ke link kora shubidha hoy, Search Engine easily tomar link gula recognize kore … [SEO]. Any how, egulai add koro, then prottek html er head tag er moddhe meta tag diye page er bepare data diyo .... https://www.seoptimer.com/robots-txt-generator | https://www.seoptimer.com/sitemap-generator 
  • Placeholder → Pseudo element (Text inside input fields (i.e  search bar, form name))
                    input[type="tel"]::placeholder{color: red;}




___

#Office Software

#Microsoft

#Google Sheet

#Research

#Course

#GPT-suggestions

  • Academic search engine
  • Semantic Scholar (semanticscholar.org)        AI-powered academic search        Clean UI, filters for influential papers, citation graphs
  • Microsoft Academic (defunct but replaced by OpenAlex below)        Academic paper discovery        Now replaced by OpenAlex
  • OpenAlex (openalex.org)        Open index of scholarly papers        Tracks authors, citations, journals, institutions
  • PubMed (pubmed.ncbi.nlm.nih.gov)        Medical and life sciences        High-quality, peer-reviewed biomedical research
  • CORE (core.ac.uk)        Open access papers        280M+ papers from repositories & journals
  • arXiv (arxiv.org)        Preprints in physics, CS, math        Fast access to new research (not peer-reviewed yet)
  • Directory of Open Access Journals (DOAJ) (doaj.org)        Free, peer-reviewed journals        Ideal for students and independent learners
  • Toots
  • Zotero (zotero.org)        Reference manager        Save, tag, annotate, cite papers easily
  • Mendeley (mendeley.com)        Reference + collaboration        Organize, read, and share papers
  • Research Rabbit (researchrabbit.ai)        Visual exploration of papers        Graph-style connections between papers/authors
  • Connected Papers (connectedpapers.com)        Build paper maps around a topic        Visu
  • Learning
  • Coursera / edX / Khan Academy        Academic skill-building        Courses on research methods, critical thinking
  • Litmaps (litmaps.com)        Track evolving literature        Visual maps + timeline of related research
  • Scite (scite.ai)        Citation context        Shows how a paper is cited (supporting, disputing, mentioning)
  • Academia.edu        Share & follow academic work        Some open access, researchers' profiles
  • Sites
  • ResearchGate (researchgate.net )        Ask questions, follow researchers, access papers
  • Stack Exchange (e.g., Academia Stack)        Research advice and academic discussion
  • Reddit: r/AskAcademia, r/Scholar        Informal discussions, help finding papers
  • SSRN (ssrn.com) – Social science, economics, law
  • ERIC (eric.ed.gov) – Education research
  • ScienceDirect (sciencedirect.com) – Scientific & technical papers
  • SpringerLink, Wiley Online Library, JSTOR – Subscription-based, often available through universities

#articles

#free-articles (read IEEE articles from Sci-hub by copying DOI number)

#fb

#references

#topics

#Quantum Computing
https://www.perplexity.ai/search/explain-how-qubits-work-Psqx48ERQ.Sz5fae4KP9Yw 

  • Shor's and Grover's exploit

#computer vision

#AI AGI ASI ML

#IoT

  • playlist for IoT

#Language

#arabic

#literature

#Archive + Archivers

#Telegram groups

#Groups with a shared mentality?

  • https://github.com/Zettlr “Zettlr is a vibrant community of like minded people who want to bring serious writing back on track with the technological achievements of the 21st century. The project was started in 2017 as an attempt to create a Markdown editor that not just enables you to write text in a good way, but also includes many of the nice features that word processors have invented in the past decades. We are dedicated to continuing the pursuit of an app that is free for everyone to use, helps you to write efficiently, and makes sure that your thoughts get out into the world where they belong!”

#LaTeX

#MarkDown

  • Extensions

#Archive-articles

  •  Arctic Vault | GitHub Archive Program The GitHub Arctic Code Vault is a data repository preserved in the Arctic World Archive (AWA), a very-long-term archival facility 250 meters deep in the permafrost of an Arctic mountain. The archive is located in a decommissioned coal mine in the Svalbard archipelago, closer to the North Pole than the Arctic Circle. GitHub captured a snapshot of every active public repository on 02/02/2020 and preserved that data in the Arctic Code Vault. ← Akib Reza (and others with GitHub achievement badge)

#Wayback Machine https://web.archive.org/ ⭐

#good-resources

#documentary

https://archive.org/details/TheArrivals2008SeriesEsub/TheArrivalsPt.01proofFromTheHolyQuran.mkv 

https://archive.org/details/TheArrivals2008SeriesEsub/TheArrivalsPt.01proofFromTheHolyQuran.mkv 

https://t.me/c/2287268057/228/260 

#archive projects

Gist: https://gist.github.com/b1tranger/d6957db0289ecaf8dbf86f56b5ddc265

#FTP servers

#Aard2 Project

#Kiwix Project

#social links

#Discord

#whatsapp

#university-stuff

#Universities around me (check details to meet criteria)

#personal criteria for credit transfer

#UITS

Website: ouits-res.netlify.app  https://b1tranger.github.io/oUITS-Resources/ 

Google Drive:

Telegram Group

Discord servers related to UITS

Edu Mail: 24/7 open meet link:

Google Groups

#AI

#resources

#course

#articles

#YouTube

#AI tools in this doc

Apart from ChatGPT, Gemini, Claude, Perplexity, DeepSeek etc. mainstream AIs

  • https://glider.dev/ Glider - the mobile framework for developers who want to create beautiful, simple apps with minimal boilerplate. Introducing the server-side rendering framework for Mobile Apps powered by Flutter
  • https://gamma.app/ (Masud) Create working Powerpoint presentations you can refine and customize in under a minute, using our powerful AI generator.
  • https://notebooklm.google/ Google NotebookLM | Note Taking & Research Assistant Powered by AI (Sakibul Hakim) Upload PDFs, websites, YouTube videos, audio files, Google Docs, or Google Slides, and NotebookLM will summarize them and make interesting connections between topics, all powered by Gemini 2.0’s multimodal understanding capabilities.

#philosophy

#apps

  • military

#lyrics

#concepts

#Islam

Calligraphy https://freeislamiccalligraphy.com/ 

#research

#books

  • imam ghazaliir lekha pora shuru korte paro. iihhau ulumiddin shuru koro. first e valo lagbe kina jani na. generally shurute arif azad type lighweight boi porte paro. erpor ektu world order bujhar boi like asif adnander lekha shakti vai der hakikatjur erokom eder boi. erpor imam ibnul kaiyyum er lekha ibnul zaozi ra. er lekha. erpor philosophical deeper txt.
  • https://www.ghazali.org/rrs-ovr/ 

#courses

#groups

#news/articles

#Discord

#Al-Qafilah ← https://www.reddit.com/r/PanIslamistPosting/ 

#islam youtube

#islamqa #articles

#channel

#lectures by: Yusuf Estes, Zakir Naik, Mufti Menk, Mohammed Hijab,

#sus Adorn Your Islam with Zuhair Sadman Mahir - YouTube |

#Quran Recitation

  • Fatih Seferagic

#Books

#articles

Safwan Qureshi

  • Akbarian Metaphysics

Muhammad Zarif Bin Hasnat

#Videos

https://en.wikipedia.org/wiki/Al-Hallaj 

15:43 … pre-Islamic Arabs understood jin

15:45 or shayetin to be the inspiration behind

15:47 creative works and the Quran repeatedly

15:50 emphasizes that Muhammad is not a poet

15:52 and that its verses are not mere poetry

15:55 surah 36:69 says …

#courtesy

  • (Masud ur Rahman’s feed)

1. Dawah & Public Preaching (Channels primarily focused on inviting to Islam, street dawah, and clarifying core beliefs for a general audience)

2. Islamic Teachings & Scholarship (Channels providing lectures, sermons, and lessons on Quran, Sunnah, Fiqh, Aqeedah, Seerah, and general Islamic knowledge by scholars and educators)

3. Debates, Apologetics & Intellectual Discourse (Channels engaging in polemics, comparative religion, philosophical discussions defending Islam, and responding to critiques)

4. Spiritual Nourishment & Reminders (Channels offering content aimed at spiritual upliftment, increasing faith, motivational talks, and moral guidance)

5. News, Current Affairs & Socio-Political Commentary (Islamic Focus) (Channels focusing on news relevant to the Muslim Ummah or analyzing events from an Islamic worldview)

6. Islamic History, Heritage & Culture (Channels exploring Muslim history, heritage, and civilization )

7. Arabic for Religious Literacy (Channels specifically dedicated to teaching the Arabic language for understanding the Quran and other Islamic texts)

8. Journeys to Islam (Convert/Revert Stories) (Channels sharing personal testimonies and experiences of individuals who have embraced Islam)

9. Islamic Organizations, Institutions & Media Platforms (Channels representing official bodies, dawah organizations, educational institutes, media production houses, or serving as content platforms)

10. Personal Islamic Channels (Vlogs, Reflections, Podcasts) (Channels run by individual creators sharing a variety of Islamic content, including personal reflections, vlogs with an Islamic theme, and podcasts)

#wikipedia highlights

https://en.wikipedia.org/wiki/The_Nine_Unknown?wprov=sfla1 (Amit 56)

#biography

#stack

#writing

#others

#geography

#banking

#Animal

  • Cheetah are not ferocious

#Warfare




b1tranger's Archive