Md. Sajid Ahmed

Md. Sajid Ahmed Passionate IT Student As-salamu alaykum! I'm Md. Sajid Ahmed — a curious learner stepping into the world of IT. Let’s learn, explore, and grow together!

I'm currently focused on building my skills in Software Development, Web Development, Software Testing, and Digital Marketing. Apart from tech, I love traveling and discovering new cultures and places. Through this page, I'll be sharing my learning journey, experiences, travel stories, and creative thoughts.

আমরা  যেভাবে আমাদের ব্যাক্তিগত তথ্য শেয়ার করতেছি, আমাদের উচিত এখনই সচেতন হওয়া। রেফারেন্স হিসেবে একটু কমেন্ট বক্স চেক করে...
19/09/2025

আমরা যেভাবে আমাদের ব্যাক্তিগত তথ্য শেয়ার করতেছি, আমাদের উচিত এখনই সচেতন হওয়া। রেফারেন্স হিসেবে একটু কমেন্ট বক্স চেক করে আসতে পারেন।

বর্তমান পৃথিবীটা প্রযুক্তির দিক থেকে অনেক দূর এগিয়ে গেছে । কৃত্রিম বুদ্ধিমত্তা (AI) এখন এমন ছবি বানাচ্ছে, যে কোনটা আসল আর নকল— সেটা বুঝা অনেক সময়ই কঠিন হয়ে যাচ্ছে। আমার মতে তা নারীদের ব্যক্তিগত সম্মান, নিরাপত্তা ও গোপনীয়তা বড় ধরনের ঝুঁকির মধ্যে । আমার তো মনে হয় ছেলেদের মান সম্মানও ঝুঁকির মধ্যে।

এমন সময়ে ইসলাম আমাদের জন্য যে সমাধান দিয়েছে, তা হচ্ছে পর্দা। পর্দা শুধু কাপড়ের টুকরো নয়, বরং নারীর সম্মান ও মর্যাদা রক্ষার ঢাল।

📖 আল্লাহ তাআলা বলেনঃ
“আর মুমিন নারীদের বলে দাও, তারা যেন তাদের দৃষ্টি নত করে, লজ্জাস্থান হেফাজত করে এবং তাদের সৌন্দর্য প্রকাশ না করে, তবে যা স্বাভাবিকভাবে প্রকাশিত হয় তা ছাড়া। তারা যেন তাদের ওড়না বক্ষদেশের উপর ফেলে রাখে।”
(সূরা আন-নূর ২৪:৩১)

রাসূলুল্লাহ ﷺ বলেছেনঃ
“নারী হলো আবরাহ (আবৃত রাখার বস্তু)। যখনই সে বাইরে বের হয়, শয়তান তার দিকে তাকায়।”
(তিরমিজি, হাদিস: ১১৭৩)

১৪০০ বছর আগে ইসলাম যে নীতি দিয়েছে, তা আজকের ডিজিটাল দুনিয়ার জন্যও সমানভাবে প্রযোজ্য। কারণ পর্দা নারীর স্বাধীনতাকে সংকুচিত করে না, বরং তাকে অপমান ও প্রতারণা থেকে রক্ষা করে।
---
আজকের AI যুগে যেখানে ছবি বিকৃত করে অন্যায় কাজে ব্যবহার হচ্ছে, সেখানে ইসলামি পর্দা কেবল ধর্মীয় নির্দেশনা নয়—এটা এক বাস্তবিক নিরাপত্তা ব্যবস্থা। আসুন আমরা সচেতন হই, পরিবারকে সচেতন করি এবং ইসলামের সৌন্দর্যকে জীবনে ধারণ করি।

Sometimes a simple cup of coffee can be the perfect way to pause, reset, and lift your spirits.
15/09/2025

Sometimes a simple cup of coffee can be the perfect way to pause, reset, and lift your spirits.

Trending....Select your own picture in gemini and write the prompt which are in the comment section.
12/09/2025

Trending....

Select your own picture in gemini and write the prompt which are in the comment section.

Painted by nature, framed by the soul.
22/08/2025

Painted by nature, framed by the soul.




Petals and Positivity.
21/08/2025

Petals and Positivity.




আমাদের অনেক সময় কম্পিউটারের ফাইলগুলোর নাম সিরিয়াল নাম্বার (০, ১, ২, ৩...) দিয়ে সাজানোর প্রয়োজন হয়। আর ফাইলের সংখ্যা যদ...
15/08/2025

আমাদের অনেক সময় কম্পিউটারের ফাইলগুলোর নাম সিরিয়াল নাম্বার (০, ১, ২, ৩...) দিয়ে সাজানোর প্রয়োজন হয়। আর ফাইলের সংখ্যা যদি হয় অনেক তাহলে ঝড়ে যায় ঘাম আসে বিরক্তি। চলেন আজ তার একটা সহজ সমাধান করে ফেলি।

ব্যবহার নির্দেশিকা:

1) কমেন্টে দেওয়া স্ক্রিপ্টটি কপি করে Notepad-এ পেস্ট করুন।
2) .ps1 এক্সটেনশন দিয়ে সেইভ করুন (যেমন: rename_files.ps1)।
3) PowerShell এ রান করুন। (Right-click the file and select "Run with PowerShell”)

সতর্কতা:

1) ব্যাকআপ নিন আগে থেকে।
2) স্ক্রিপ্টটি শুধু ফাইলের জন্য, ফোল্ডারের জন্য নয়।

CSS Grid কী?CSS Grid হলো একটি powerful 2-dimensional layout system, যা আপনাকে  row এবং column উভয় দিকেই elements সাজাতে...
16/07/2025

CSS Grid কী?

CSS Grid হলো একটি powerful 2-dimensional layout system, যা আপনাকে row এবং column উভয় দিকেই elements সাজাতে সাহায্য করে। এটা modern UI design ও responsive layout-এর জন্য খুবই কার্যকর।

🔶 Grid Container Properties

display → grid, inline-grid
🔹 Grid system চালু করে

grid-template-columns → 1fr 1fr, repeat(3, 1fr)
🔹 কতগুলো column থাকবে ও কেমন চওড়া হবে

grid-template-rows → 100px auto
🔹 কয়টি row থাকবে ও কেমন লম্বা হবে

grid-template-areas → "header header" "sidebar content"
🔹 layout visually define করা যায় নাম দিয়ে

grid-auto-columns → 100px, auto, min-content
🔹 auto তৈরি হওয়া column-এর width

grid-auto-rows → minmax(100px, auto)
🔹 auto তৈরি হওয়া row-এর height

grid-auto-flow → row, column, row dense
🔹 নতুন items কিভাবে বসবে

gap → 10px, 1rem
🔹 row ও column-এর মাঝে ফাঁকা জায়গা

row-gap → 20px
🔹 শুধু row-এর মাঝে gap

column-gap → 15px
🔹 শুধু column-এর মাঝে gap

justify-items → start, end, center, stretch
🔹 items container-এর ভেতরে horizontally কোথায় থাকবে

align-items → start, end, center, stretch
🔹 items vertically কোথায় থাকবে

justify-content → center, space-between, space-evenly
🔹 পুরো grid কে horizontally align করে

align-content → center, stretch, space-around
🔹 পুরো grid কে vertically align করে

🔷 Grid Item Properties

grid-column-start → 1, 2, 3
🔹 কোন column থেকে item শুরু হবে

grid-column-end → 3, 4
🔹 কোন column-এ শেষ হবে

grid-column → 1 / 3, span 2
🔹 shorthand: start থেকে end পর্যন্ত

grid-row-start → 1, 2
🔹 কোন row থেকে শুরু

grid-row-end → 3, 4
🔹 কোন row-এ শেষ হবে

grid-row → 1 / 4, span 2
🔹 shorthand: row start-end

grid-area → header, বা 1 / 2 / 3 / 4
🔹 নাম বা position দিয়ে layout define

justify-self → start, end, center, stretch
🔹 নির্দিষ্ট item horizontally কোথায় থাকবে

align-self → start, end, center, stretch
🔹 নির্দিষ্ট item vertically কোথায় থাকবে

🧠 Tips:

1fr = 1 fraction of available space

repeat(3, 1fr) = ৩টি সমান column

span 2 = ২টি column/row জুড়ে বসাবে

auto = content অনুযায়ী size

🔍 Flexbox কী?Flexbox বা  Flexible Box Layout  হলো CSS এর একটি layout মডেল যা items গুলোকে সহজে, দ্রুত ও সুন্দরভাবে একটি ...
15/07/2025

🔍 Flexbox কী?

Flexbox বা Flexible Box Layout হলো CSS এর একটি layout মডেল যা items গুলোকে সহজে, দ্রুত ও সুন্দরভাবে একটি লাইনে সাজাতে সাহায্য করে, যেকোনো screen size বা resolution-এ। এটি মূলত একদিকের (one-dimensional) layout তৈরি করতে ব্যবহৃত হয় — either row (horizontal) or column (vertical)।

Flexbox-এর প্রধান ২টি অংশ:

1. Flex Container – যেখানে display: flex; থাকে।
2. Flex Items – যে সব element container এর ভিতরে থাকে।

🔷 Flex Container এর Properties:

display: flex; → Flexbox চালু করে

flex-direction:
row → বাম থেকে ডানে (default)
row-reverse → ডান থেকে বামে
column → উপর থেকে নিচে
column-reverse → নিচ থেকে উপরে

flex-wrap:
no-wrap → সব এক লাইনে (default)
wrap → জায়গা না থাকলে ভেঙে নতুন লাইনে যাবে
wrap-reverse → উল্টো দিক থেকে wrap হবে

flex-flow: → flex-direction + flex-wrap এর shorthand (e.g., row wrap)

justify-content: (main axis alignment)
flex-start → শুরু থেকে
flex-end → শেষে
center → মাঝখানে
space-between → দুই প্রান্তে item, মাঝে gap
space-around → চারপাশে gap
space-evenly → সমান gap সর্বত্র

align-items: (cross axis alignment)
stretch (default)
flex-start → উপরে
flex-end → নিচে
center → মাঝখানে
baseline → টেক্সট লাইন মিলে

align-content: → একাধিক লাইনের vertical alignment
মানগুলো align-items এর মতোই

🔷 Flex Items এর Properties:

order: → item এর ক্রম নির্ধারণ করে
flex-grow: → ফাঁকা জায়গা পেলে কতটুকু বড় হবে
flex-shrink: → জায়গা কম হলে কতটুকু ছোট হবে
flex-basis: → শুরুর সাইজ (e.g., 100px, auto)
flex: → shorthand: grow, shrink, basis (e.g., 1 1 100px)
align-self: → নির্দিষ্ট item এর জন্য alignment (override করে align-items)

Google Chrome Inspect দিয়ে পুরো ওয়েবপেজ বা নির্দিষ্ট অংশের Screenshot নেওয়ার সহজ উপায়। আমরা অনেক সময় এমন কিছু ওয়েবপেজ দে...
14/07/2025

Google Chrome Inspect দিয়ে পুরো ওয়েবপেজ বা নির্দিষ্ট অংশের Screenshot নেওয়ার সহজ উপায়।

আমরা অনেক সময় এমন কিছু ওয়েবপেজ দেখতে পাই যেগুলোর পুরোটা একসাথে স্ক্রিনশট নেওয়া প্রয়োজন হয়। কিন্তু সাধারণভাবে Windows এর Snipping Tool বা Screenshot tool ব্যবহার করলে শুধু visible portion-টাই নেয়।

এক্ষেত্রে Google Chrome-এর Inspect Tool (Developer Tools)-এর মাধ্যমে আমরা খুব সহজেই পুরো পেজ, নির্দিষ্ট অংশ বা এলিমেন্টের স্ক্রিনশট নিতে পারি—extension ছাড়াই!

🧰 যেভাবে Inspect Tool থেকে Screenshot নেবেন

🔹 Step 1: Inspect Tool চালু করুন

- ওয়েবসাইট ওপেন করুন Google Chrome-এ
- কিবোর্ড থেকে `Ctrl + Shift + I` (Windows) বা `Cmd + Option + I` (Mac) চাপুন
- বা রাইট ক্লিক করে **Inspect** সিলেক্ট করুন

🔹 Step 2: Command Menu ওপেন করুন

- Inspect Tool খোলার পর কিবোর্ড থেকে `Ctrl + Shift + P` চাপুন
- একটি সার্চ বক্স আসবে যেখানে Screenshot সংক্রান্ত কমান্ড লেখা যাবে

🔹 Step 3: নিচের 4টি Screenshot Option দেখতে পাবেন

👉 নিচের স্ক্রিনশট অনুযায়ী ৪টি অপশন আসে:

1️⃣ Capture area screenshot

🔍 মাউস দিয়ে স্ক্রিনের নির্দিষ্ট একটি অংশ সিলেক্ট করে শুধু সেই অংশের স্ক্রিনশট নিতে পারবেন।

📌 ব্যবহার যখন দরকার: শুধু নির্দিষ্ট জায়গার স্ক্রিনশট দরকার হলে।

2️⃣ Capture full size screenshot

🖼️ এটি পুরো ওয়েবপেজের স্ক্রিনশট নেয়, এমনকি আপনি যা দেখছেন তার বাইরেও স্ক্রল করে নিচে যতটুকু আছে সব!

📌 সবচেয়ে বেশি দরকার পড়ে এই অপশনটার—ব্লগ, রিপোর্ট বা প্রমাণ দেখাতে।

3️⃣ Capture node screenshot

🔧 Inspect ট্যাবে কোনো নির্দিষ্ট HTML এলিমেন্ট (যেমন একটি Image, Button, বা Div) সিলেক্ট করে থাকলে, শুধু সেই এলিমেন্টের স্ক্রিনশট নেয়।

📌 ব্যবহার যখন দরকার: নির্দিষ্ট ডিভ, সেকশন, বা কার্ড ইত্যাদি আলাদা করে দেখাতে চাইলে।

4️⃣ Capture screenshot

🖼️ শুধু ব্রাউজারে যেটুকু স্ক্রিনে দেখা যাচ্ছে (Visible portion), সেটারই স্ক্রিনশট নেয়।

📌 এটি সাধারণ Screenshot tool এর মতোই কাজ করে।

Representing myself. Procedure and Prompt in the comment section.
13/07/2025

Representing myself.

Procedure and Prompt in the comment section.

Address

Dhaka

Website

Alerts

Be the first to know and let us send you an email when Md. Sajid Ahmed posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Share

Category