আমরা প্রায়শই ব্যাকগ্রাউন্ড ইমেজগুলিকে টেক্সচার বা এমন কিছু মনে করি যা পাঠযোগ্য বিষয়বস্তুর জন্য বৈপরীত্য প্রদান করে — অন্য কথায়, প্রকৃতপক্ষে বিষয়বস্তু নয়। যদি এটি কন্টেন্ট ছিল, আপনি সম্ভবত একটি জন্য পৌঁছাতে চাই <img>
যাইহোক, অ্যাক্সেসযোগ্যতা এবং কি না।
কিন্তু অনেক সময় আছে যখন অবস্থান or স্কেল একটি ব্যাকগ্রাউন্ড ইমেজ বিষয়বস্তু এবং সাজসজ্জার খুঁটির মধ্যে কোথাও বসতে পারে। প্রসঙ্গ রাজা, তাই না? আমরা যদি ব্যাকগ্রাউন্ড ইমেজের অবস্থান পরিবর্তন করি, তাহলে এটি একটু বেশি প্রসঙ্গ বা অভিজ্ঞতা প্রকাশ করতে পারে।
কেমন করে? এর কয়েকটি উদাহরণ দেখি যা আমি চারপাশে ভাসতে দেখেছি।
আমরা শুরু করার সাথে সাথে, আমি সতর্ক করব যে সাজসজ্জার জন্য ব্যবহৃত চিত্র এবং বিষয়বস্তু হিসাবে ব্যবহৃত চিত্রগুলির মধ্যে এই ডেমোগুলিতে একটি সূক্ষ্ম রেখা রয়েছে। পার্থক্যটির অ্যাক্সেসযোগ্যতার প্রভাব রয়েছে যেখানে স্ক্রিন পাঠকদের কাছে ব্যাকগ্রাউন্ড ঘোষণা করা হয় না। আপনার ইমেজ যদি সত্যিই একটি ইমেজ হয়, তারপর হয়তো একটি বিবেচনা <img>
সঠিক দিয়ে ট্যাগ করুন alt
পাঠ্য এবং যখন আমরা অ্যাক্সেসযোগ্যতার কথা বলছি, এটি একটি ভাল ধারণা একটি ব্যবহারকারীর গতি পছন্দ বিবেচনা করুন যেমন.
আমাকে আরো দেখাও!
ক্রিস কোয়েরের বেশ কয়েক বছর আগে থেকে এই ঝরঝরে ছোট্ট ডেমো রয়েছে।
ডেমোটি অনেক উপায়ে অত্যন্ত ব্যবহারিক কারণ এটি বিষয়বস্তুতে বিজ্ঞাপন প্রদর্শনের জন্য একটি সুন্দর পদ্ধতি। আপনি বিক্রয় পিচ এবং এটি সম্পূরক একটি লোভনীয় ইমেজ আছে.
বেশিরভাগ বিজ্ঞাপনের জন্য বড় সীমাবদ্ধতা, আমি বাজি ধরতে চাই, সীমিত রিয়েল এস্টেট। আমি জানি না আপনাকে কখনও একটি পৃষ্ঠায় একটি বিজ্ঞাপন ড্রপ করতে হয়েছে কিনা, তবে আমি এবং সাধারণত বিজ্ঞাপনদাতাকে এমন একটি চিত্রের জন্য জিজ্ঞাসা করি যা সঠিক পিক্সেল মাত্রা পূরণ করে, তাই সম্পত্তিটি স্থানের সাথে খাপ খায়।
কিন্তু ক্রিস এর ডেমো স্থান সমস্যা প্রশমিত. ছবিটি হভার করুন এবং এটিকে সরানো এবং স্কেল উভয়ই দেখুন। ব্যবহারকারী আসলে পায় অধিক পণ্যের জন্য প্রেক্ষাপট যা তাদের কাছে থাকবে যখন চিত্রটি তার আসল অবস্থানে থাকবে। এটা একটা জয়-জয়, তাই না? বিজ্ঞাপনদাতা প্রেক্ষাপটের সাথে আপস না করেই একটি নজরকাড়া চিত্র তৈরি করতে পারে। ইতিমধ্যে, ব্যবহারকারী ইমেজের সদ্য প্রকাশিত অংশগুলি থেকে একটু অতিরিক্ত মান পায়।
আপনি যদি ডেমোর মার্কআপে উঁকি দেন, আপনি লক্ষ্য করবেন যে এটি আপনার প্রত্যাশার মতোই। এখানে একটি সংক্ষিপ্ত সংস্করণ:
<div class="ad-container"> <a href="#" target="_blank" rel="noopener"> <!-- Background image container --> <div class="ad-image"></div> </a> <div class="ad-content"> <!-- Content --> </div>
</div>
আমরা সম্ভবত শব্দার্থবিদ্যার উপর একটু বকাঝকা করতে পারি, কিন্তু এটাই মূল বিষয় নয়। আমরা একটি লিঙ্ক আপ সঙ্গে একটি ধারক আছে <div>
ব্যাকগ্রাউন্ড ইমেজ এবং অন্যটির জন্য <div>
বিষয়বস্তু রাখা.
যতদূর স্টাইলিং যায়, গুরুত্বপূর্ণ অংশগুলি এখানে রয়েছে:
.container { background-image: url("/path/to/some/image.png"); background-repeat: no-repeat; background-position: 0 0; height: 400px; width: 350px;
}
খারাপ না, তাই না? আমরা ধারকটিকে কিছু মাত্রা দিই এবং এটিতে একটি পটভূমি চিত্র সেট করি যা পুনরাবৃত্তি হয় না এবং এটির নীচে-বাম প্রান্তে অবস্থান করে।
আসল কৌশলটি হল জাভাস্ক্রিপ্টের সাথে। আমরা মাউসের অবস্থান এবং কন্টেইনারের অফসেট পেতে এটি ব্যবহার করব, তারপর সেই মানটিকে সেট করার জন্য একটি উপযুক্ত স্কেলে রূপান্তর করব। background-position
. প্রথমে মাউসের নড়াচড়ার কথা শুনি .container
উপাদান:
let container = document.querySelector(".container");
container.addEventListener("mousemove", function(e) { // Our function }
);
এখান থেকে, আমরা ধারক এর ব্যবহার করতে পারেন offsetX
এবং offsetY
বৈশিষ্ট্য কিন্তু আমরা এই মানগুলি সরাসরি ব্যবহার করব না, কারণ X স্থানাঙ্কের মান আমাদের যা প্রয়োজন তার থেকে ছোট এবং Y স্থানাঙ্কটি বড়। একটি ধ্রুবক খুঁজে পেতে আমাদের কিছুটা খেলতে হবে যা আমরা গুণক হিসাবে ব্যবহার করতে পারি।
এটা একটু স্পর্শ এবং অনুভূতি, কিন্তু আমি এটি খুঁজে পেয়েছি 1.32
এবং 0.455
যথাক্রমে X এবং Y স্থানাঙ্কের জন্য পুরোপুরি কাজ করে। আমরা অফসেটগুলিকে সেই মানগুলি দ্বারা গুণ করি, a যোগ করি px
ফলাফলের উপর ইউনিট, তারপর এটি প্রয়োগ করুন background-position
মান।
let container = document.querySelector(".container");
container.addEventListener("mousemove", function(e) { container.style.backgroundPositionX = -e.offsetX * 1.32 + "px"; container.style.backgroundPositionY = -e.offsetY * 0.455 + "px"; }
);
সবশেষে, ব্যবহারকারী যদি ইমেজ কন্টেইনার ছেড়ে চলে যায় তাহলে আমরা ব্যাকগ্রাউন্ড পজিশনগুলোকেও আসল অবস্থায় রিসেট করতে পারি।
container.addEventListener("mouseleave", function() { container.style.backgroundPosition = "0px 0px"; }
);
যেহেতু আমরা সিএসএস-ট্রিক্সে আছি, তাই আমি প্রস্তাব করব যে ভ্যানিলা সিএসএস-এ সামান্য হভার ট্রানজিশনের মাধ্যমে আমরা এটির অনেক সস্তা সংস্করণ করতে পারতাম:
একটি বড় ছবি আঁকা
কোনো সন্দেহ নেই যে আপনি কোনো অনলাইন পোশাকের দোকানে বা যা-ই হোক না কেন এবং 'জুম-অন-হোভার' বৈশিষ্ট্যের সম্মুখীন হয়েছেন।
এই প্যাটার্নটি চিরকালের মতো অনুভূত হয়েছে (ডিলান উইন-ব্রাউন তার দৃষ্টিভঙ্গি ভাগ করেছেন ফিরে 2016 মধ্যে), কিন্তু এটি শুধুমাত্র একটি টেস্টামেন্ট (আমি আশা করি) এর উপযোগিতা। ব্যবহারকারী জুম ইন করার সাথে সাথে আরও প্রসঙ্গ পায় এবং সোয়েটারের সেলাই বা আপনার কাছে কী আছে সে সম্পর্কে আরও ভাল ধারণা পায়।
এই দুটি টুকরা আছে: আধার এবং বিবর্ধক বস্তু. মার্কআপে আমাদের একমাত্র ধারকটিই প্রয়োজন, কারণ আমরা ব্যবহারকারীর মিথস্ক্রিয়া চলাকালীন ম্যাগনিফায়ার উপাদানটি ইনজেক্ট করব। সুতরাং, আমাদের HTML দেখুন!
<div class="container"></div>
CSS-এ, আমরা তৈরি করব width
এবং height
ম্যাগনিফায়ার গ্লাসের মাত্রা সংরক্ষণ করার জন্য ভেরিয়েবল। তাহলে আমরা সেটা দেব .container
কিছু আকৃতি এবং ক background-image
:
:root {
--magnifer-width: 85;
--magnifer-height: 85;
} .container { width: 500px; height: 400px; background-size: cover; background-image: url("/path/to/image.png"); background-repeat: no-repeat; position: relative;
}
ম্যাগনিফায়ারটি দেখার আগে আমরা ইতিমধ্যেই এটি সম্পর্কে কিছু জিনিস জানি এবং আমরা সেই শৈলীগুলিকে সামনের দিকে সংজ্ঞায়িত করতে পারি, বিশেষত এর জন্য পূর্বে সংজ্ঞায়িত ভেরিয়েবলগুলি .maginifier
এর width
এবং height
:
.magnifier { position: absolute; width: calc(var(--magnifer-width) * 1px);
height: calc(var(--magnifer-height) * 1px);
border: 3px solid #000;
cursor: none;
background-image: url("/path/to/image.png");
background-repeat: no-repeat;
}
এটি একটি একেবারে-অবস্থানযুক্ত ছোট বর্গক্ষেত্র যা ব্যবহার করে একই ব্যাকগ্রাউন্ড ইমেজ ফাইল হিসাবে .container
. মনে রাখবেন যে ক্যালক ফাংশনটি এখানে শুধুমাত্র ভেরিয়েবলের ইউনিট-হীন মানকে পিক্সেলে রূপান্তর করতে ব্যবহৃত হয়। আপনার কোডের পুনরাবৃত্তি দূর করা যতদূর পর্যন্ত আপনি উপযুক্ত মনে করেন তা নির্দ্বিধায় সাজান।
এখন, আসুন জাভাস্ক্রিপ্টের দিকে ঘুরি যা এই সব একসাথে টানে। প্রথমে আমাদের আগে সংজ্ঞায়িত CSS ভেরিয়েবল অ্যাক্সেস করতে হবে। আমরা পরবর্তীতে একাধিক জায়গায় এটি ব্যবহার করব। তারপরে আমাদের কন্টেইনারের মধ্যে মাউসের অবস্থান পেতে হবে কারণ এটিই আমরা ম্যাগনিফায়ারের পটভূমি অবস্থানের জন্য ব্যবহার করব।
// Get the css variables
let root = window.getComputedStyle(document.documentElement);
let magnifier_width = root.getPropertyValue("--magnifer-width");
let magnifier_height = root.getPropertyValue("--magnifer-height"); let container = document.querySelector(".container");
let rect = container.getBoundingClientRect();
let x = (e.pageX - rect.left);
let y = (e.pageY - rect.top); // Take page scrolling into account
x = x - window.pageXOffset;
y = y - window.pageYOffset;
আমাদের যা প্রয়োজন তা হল মূলত ক mousemove
ঘটনা শ্রোতা .container
. তারপর, আমরা ব্যবহার করব event.pageX
or event.pageY
মাউসের X বা Y স্থানাঙ্ক পেতে সম্পত্তি। কিন্তু পেতে সঠিক একটি উপাদানের উপর মাউসের আপেক্ষিক অবস্থান, আমাদের উপরের জাভাস্ক্রিপ্ট থেকে মাউসের অবস্থান থেকে মূল উপাদানটির অবস্থান বিয়োগ করতে হবে। এটি করার একটি "সহজ" উপায় হল ব্যবহার করা getBoundingClientRect()
, যা ভিউপোর্টের সাপেক্ষে একটি উপাদানের আকার এবং এর অবস্থান প্রদান করে।
লক্ষ্য করুন কিভাবে আমি স্ক্রলিং একাউন্টে নিচ্ছি। ওভারফ্লো থাকলে জানালা বিয়োগ করা pageX
এবং pageY
অফসেটগুলি প্রত্যাশা অনুযায়ী প্রভাব চালানো নিশ্চিত করবে।
আমরা প্রথমে ম্যাগনিফায়ার ডিভ তৈরি করব। পরবর্তী, আমরা একটি তৈরি করব mousemove
ফাংশন এবং ইমেজ পাত্রে যোগ করুন। এই ফাংশনে, আমরা ম্যাগনিফায়ারকে একটি ক্লাস অ্যাট্রিবিউট দেব। আমরা মাউসের অবস্থানও গণনা করব এবং ম্যাগনিফায়ারকে বাম এবং উপরের মানগুলি দেব যা আমরা আগে গণনা করেছি।
এর এগিয়ে যান এবং নির্মাণ করা যাক magnifier
আমরা যখন শুনি mousemove
উপর ঘটনা .container
:
// create the magnifier
let magnifier = document.createElement("div");
container.append(magnifier);
এখন আমাদের নিশ্চিত করতে হবে যে এটির একটি শ্রেণির নাম রয়েছে যা আমরা CSS-এ সুযোগ দিতে পারি:
// run the function on `mousemove`
container.addEventListener("mousemove", (e) => { magnifier.setAttribute("class", "magnifier");
}
আমি আগে যে উদাহরণ ভিডিওটি দেখিয়েছি তা কন্টেইনারের বাইরে ম্যাগনিফায়ারকে অবস্থান করে। আমরা এটিকে সহজ রাখব এবং মাউস নাড়াচাড়া করার পরিবর্তে এটিকে পাত্রের উপরে ওভারলে করব। আমরা ব্যবহার করবো if
X এবং Y মান থাকলেই ম্যাগনিফায়ারের অবস্থান নির্ধারণ করার জন্য বিবৃতি বৃহত্তর or সমান শূন্য থেকে, এবং কম পাত্রের প্রস্থ বা উচ্চতার চেয়ে। যে সীমার মধ্যে রাখা উচিত. শুধু X এবং Y মান থেকে ম্যাগনিফায়ারের প্রস্থ এবং উচ্চতা বিয়োগ করতে ভুলবেন না।
// Run the function on mouse move.
container.addEventListener("mousemove", (e) => { magnifier.setAttribute("class", "magnifier"); // Get mouse position let rect = container.getBoundingClientRect(); let x = (e.pageX - rect.left); let y = (e.pageY - rect.top); // Take page scrolling into account x = x - window.pageXOffset; y = y - window.pageYOffset; // Prevent magnifier from exiting the container // Then set top and left values of magnifier if (x >= 0 && x <= container.clientWidth - magnifier_width) { magnifier.style.left = x + "px"; } if (y >= 0 && y <= container.clientHeight - magnifier_height) { magnifier.style.top = y + "px"; }
});
শেষ, কিন্তু অবশ্যই অন্তত নয়... আমাদের ম্যাগনিফায়ারের ব্যাকগ্রাউন্ড ইমেজের সাথে একটু খেলতে হবে। পুরো পয়েন্ট হল যে যেখানে হোভার হচ্ছে তার উপর ভিত্তি করে ব্যবহারকারী ব্যাকগ্রাউন্ড ইমেজের একটি বড় ভিউ পায়। সুতরাং, আসুন একটি ম্যাগনিফায়ার সংজ্ঞায়িত করি যা আমরা জিনিসগুলিকে স্কেল করতে ব্যবহার করতে পারি। তারপরে আমরা ব্যাকগ্রাউন্ড ইমেজের প্রস্থ এবং উচ্চতার জন্য ভেরিয়েবলগুলিকে সংজ্ঞায়িত করব যাতে সেই স্কেলের উপর ভিত্তি করে আমাদের কাছে কিছু আছে এবং সেই সমস্ত মানগুলি .magnifier
শৈলী:
// Magnifier image configurations
let magnify = 2;
let imgWidth = 500;
let imgHeight = 400; magnifier.style.backgroundSize = imgWidth * magnify + "px " + imgHeight * magnify + "px";
আসুন ম্যাগনিফায়ারের চিত্রের X এবং Y স্থানাঙ্কগুলি গ্রহণ করি এবং সেগুলিকে প্রয়োগ করি .magnifier
উপাদান background-position
। ম্যাগনিফায়ার পজিশনের আগের মতো, আমাদের CSS ভেরিয়েবল ব্যবহার করে X এবং Y মান থেকে ম্যাগনিফায়ারের প্রস্থ এবং উচ্চতা বিয়োগ করতে হবে।
// the x and y positions of the magnifier image
let magnify_x = x * magnify + 15;
let magnify_y = y * magnify + 15; // set backgroundPosition for magnifier if it is within image
if ( x <= container.clientWidth - magnifier_width && y <= container.clientHeight - magnifier_height
) { magnifier.style.backgroundPosition = -magnify_x + "px " + -magnify_y + "px";
}
তাহলে!
এটা সিনেমাটিক করুন
আপনি কি দেখেছেন কেন বার্নস প্রভাব? এটি একটি ক্লাসিক এবং নিরবধি জিনিস যেখানে একটি চিত্রটি যে পাত্রে রয়েছে তার চেয়ে বড়, তারপরে সাজানো স্লাইড এবং স্কেলগুলি স্লাগের মতো ধীর। বিশ্বের প্রায় প্রতিটি ডকুমেন্টারি ফিল্ম ইমেজ স্থিরচিত্রের জন্য এটি ব্যবহার করে বলে মনে হয়। আপনার যদি অ্যাপল টিভি থাকে তবে আপনি অবশ্যই এটি স্ক্রিন সেভারে দেখেছেন।
সেখানে প্রচুর of CodePen এ উদাহরণ আপনি একটি ভাল ধারণা পেতে চান.
আপনি দেখতে পাবেন যে এটি করার জন্য অনেকগুলি উপায় রয়েছে। কেউ কেউ জাভাস্ক্রিপ্ট ব্যবহার করে। অন্যগুলো হল 100% CSS। আমি নিশ্চিত যে জাভাস্ক্রিপ্ট পদ্ধতিগুলি কিছু ব্যবহারের ক্ষেত্রে ভাল, তবে লক্ষ্যটি কেবল চিত্রটিকে সূক্ষ্মভাবে স্কেল করা হলে, CSS পুরোপুরি উপযুক্ত।
আমরা একের পরিবর্তে একাধিক ব্যাকগ্রাউন্ড ব্যবহার করে জিনিসগুলিকে কিছুটা মশলাদার করতে পারি। অথবা, আরও ভাল, যদি আমরা ব্যাকগ্রাউন্ড ইমেজের পরিবর্তে উপাদানগুলি ব্যবহার করার নিয়মগুলিকে প্রসারিত করি, আমরা সমস্ত ব্যাকগ্রাউন্ডে একই অ্যানিমেশন প্রয়োগ করতে পারি এবং এর ড্যাশ ব্যবহার করতে পারি animation-delay
প্রভাব স্তম্ভিত করতে.
এটা করার অনেক উপায়, অবশ্যই! এটি অবশ্যই Sass এবং/অথবা CSS ভেরিয়েবলের সাথে অপ্টিমাইজ করা যেতে পারে। হেক, হয়তো আপনি একটি একক সঙ্গে এটি বন্ধ করতে পারেন <div>
যদি তাই হয়, মন্তব্যে শেয়ার করুন!
বোনাস: এটি নিমজ্জিত করুন
আমি জানি না সারাহ ড্রাসনারের চেয়ে শীতল কিছু আছে কিনা "শুভ হ্যালোইন" কলম… এবং এটি 2016 থেকে! এটি একটি দুর্দান্ত উদাহরণ যা ব্যাকগ্রাউন্ডগুলিকে স্তর দেয় এবং প্রায় সিনেম্যাটিক অভিজ্ঞতা তৈরি করতে বিভিন্ন গতিতে তাদের সরিয়ে দেয়। ভাল ভগবান যে শান্ত!
GSAP হল মূল চালক, কিন্তু আমি কল্পনা করি যে আমরা একটি সেদ্ধ-ডাউন সংস্করণ তৈরি করতে পারি যা প্রতিটি পটভূমি স্তরকে বিভিন্ন গতিতে বাম থেকে ডানে অনুবাদ করে। অবশ্যই দুর্দান্ত নয়, তবে অবশ্যই বেসলাইন অভিজ্ঞতা। প্রতিটি পটভূমি চিত্রের শুরু এবং শেষটি সামঞ্জস্যপূর্ণ কিনা তা নিশ্চিত করতে হবে যাতে অ্যানিমেশন পুনরাবৃত্তি হলে এটি নির্বিঘ্নে পুনরাবৃত্তি হয়।
আপাতত এই পর্যন্ত! বেশ ঝরঝরে যে আমরা টেক্সচার এবং কনট্রাস্টের চেয়ে অনেক বেশি ব্যাকগ্রাউন্ড ব্যবহার করতে পারি। আমি সম্পূর্ণরূপে ইতিবাচক যে আমরা ব্যাকগ্রাউন্ডে প্রয়োগ করতে পারি এমন আরও অনেক চতুর মিথস্ক্রিয়া রয়েছে। তেমানি আফিফের সঙ্গে ঠিক তাই করলেন লিঙ্কের জন্য ঝরঝরে হোভার প্রভাব একটি গুচ্ছ. আপনি কি ভাবছেন? মন্তব্যে আমার সাথে শেয়ার করুন!
- এসইও চালিত বিষয়বস্তু এবং পিআর বিতরণ। আজই পরিবর্ধিত পান।
- প্লেটোব্লকচেন। Web3 মেটাভার্স ইন্টেলিজেন্স। জ্ঞান প্রসারিত. এখানে প্রবেশ করুন.
- উত্স: https://css-tricks.com/moving-backgrounds/
- 1
- 11
- 7
- 9
- 98
- a
- সম্পর্কে
- উপরে
- পরম
- একেবারে
- প্রবেশ
- অভিগম্যতা
- হিসাব
- প্রকৃতপক্ষে
- Ad
- আপনার নিকটস্থ বিজ্ঞাপন !
- এগিয়ে
- সব
- ইতিমধ্যে
- এবং
- অ্যানিমেশন
- ঘোষিত
- অন্য
- আপেল
- প্রয়োগ করা
- অভিগমন
- পন্থা
- যথাযথ
- কাছাকাছি
- সম্পদ
- পিছনে
- পটভূমি
- পটভূমি চিত্র
- ব্যাকগ্রাউন্ড
- খারাপ
- ভিত্তি
- ভিত্তি
- বেসলাইন
- মূলত
- কারণ
- আগে
- উত্তম
- মধ্যে
- বিশাল
- বড়
- বিট
- সীমান্ত
- নির্মাণ করা
- গুচ্ছ
- গণনা করা
- গণিত
- মামলা
- অবশ্যই
- পরিবর্তন
- সস্তা
- শ্রেণী
- সর্বোত্তম
- বস্ত্র
- কোড
- সন্দেহজনক
- বিবেচনা
- সঙ্গত
- ধ্রুব
- আধার
- বিষয়বস্তু
- প্রসঙ্গ
- বিপরীত হত্তয়া
- রূপান্তর
- শীতল
- তুল্য
- পারা
- পথ
- আবরণ
- সৃষ্টি
- সিএসএস
- হানাহানি
- সংজ্ঞায়িত
- গণদেবতা
- DID
- পার্থক্য
- বিভিন্ন
- মাত্রা
- সরাসরি
- প্রদর্শক
- দলিল
- তথ্যচিত্র
- না
- Dont
- সন্দেহ
- চালক
- ড্রপ
- সময়
- প্রতি
- পূর্বে
- প্রান্ত
- প্রভাব
- প্রভাব
- উপাদান
- দূর
- নিশ্চিত করা
- এস্টেট
- এমন কি
- ঘটনা
- কখনো
- প্রতি
- ঠিক
- উদাহরণ
- উদাহরণ
- প্রস্থান করা হচ্ছে
- বিস্তৃত করা
- আশা করা
- প্রত্যাশিত
- অভিজ্ঞতা
- অতিরিক্ত
- নজরকাড়া
- বৈশিষ্ট্য
- কয়েক
- ফাইল
- চলচ্চিত্র
- আবিষ্কার
- জরিমানা
- প্রথম
- ফিট
- নির্দলীয়
- চিরতরে
- পাওয়া
- বিনামূল্যে
- থেকে
- ক্রিয়া
- পাওয়া
- দাও
- কাচ
- Go
- লক্ষ্য
- Goes
- ভাল
- মহান
- উচ্চতা
- এখানে
- রাখা
- আশা
- বাতাসে ভাসিতে থাকা
- কিভাবে
- যাহোক
- এইচটিএমএল
- HTTPS দ্বারা
- আমি আছি
- ধারণা
- ভাবমূর্তি
- চিত্র
- প্রভাব
- গুরুত্বপূর্ণ
- in
- অন্যান্য
- পরিবর্তে
- মিথষ্ক্রিয়া
- পারস্পরিক ক্রিয়ার
- সমস্যা
- IT
- নিজেই
- জাভাস্ক্রিপ্ট
- রাখা
- রাজা
- জানা
- বৃহত্তর
- স্তর
- স্তর
- সীমাবদ্ধতা
- সীমিত
- লাইন
- সামান্য
- দেখুন
- প্রধান
- করা
- এদিকে
- পূরণ
- হতে পারে
- মন
- অধিক
- সেতু
- গতি
- পদক্ষেপ
- আন্দোলন
- প্যাচসমূহ
- চলন্ত
- বহু
- একাধিক ব্যাকগ্রাউন্ড
- নাম
- প্রয়োজন
- পরবর্তী
- সংখ্যা
- অর্পণ
- অফসেট
- ONE
- অনলাইন
- অপ্টিমাইজ
- মূল
- অন্যান্য
- অন্যরা
- বাহিরে
- প্যাটার্ন
- টুকরা
- পিচ
- পিক্সেল
- জায়গা
- জায়গা
- Plato
- প্লেটো ডেটা ইন্টেলিজেন্স
- প্লেটোডাটা
- খেলা
- বিন্দু
- অবস্থান
- স্থান
- অবস্থানের
- ধনাত্মক
- ব্যবহারিক
- চমত্কার
- প্রতিরোধ
- পূর্বে
- সম্ভবত
- পণ্য
- সঠিক
- বৈশিষ্ট্য
- সম্পত্তি
- উপলব্ধ
- pulls
- নাগাল
- পাঠকদের
- বাস্তব
- আবাসন
- পুনরাবৃত্তি
- ফল
- আয়
- প্রকাশিত
- শিকড়
- নিয়ম
- চালান
- বিক্রয়
- একই
- sass
- স্কেল
- দাঁড়িপাল্লা
- সুযোগ
- স্ক্রিন
- স্ক্রিন রিডার
- স্ক্রলিং
- নির্বিঘ্নে
- মনে হয়
- শব্দার্থবিদ্যা
- সেট
- বিভিন্ন
- আকৃতি
- শেয়ার
- ভাগ
- উচিত
- সহজ
- কেবল
- একক
- আয়তন
- স্লাইডগুলি
- ধীর
- ক্ষুদ্রতর
- So
- কঠিন
- কিছু
- কিছু
- কোথাও
- স্থান
- বিশেষভাবে
- গতি
- মসলা
- বর্গক্ষেত্র
- শুরু
- শুরু
- বিবৃতি
- দোকান
- শৈলী
- উপযুক্ত
- সুপার
- TAG
- গ্রহণ করা
- গ্রহণ
- কথা বলা
- উইল
- সার্জারির
- বিশ্ব
- জিনিস
- কিছু
- নিরবধি
- বার
- থেকে
- একসঙ্গে
- টন
- শীর্ষ
- রূপান্তর
- সত্য
- চালু
- tv
- সাধারণত
- একক
- ব্যবহার
- ব্যবহারকারী
- মূল্য
- মানগুলি
- সংস্করণ
- ভিডিও
- চেক
- ওয়াচ
- উপায়
- কি
- যে
- যখন
- সমগ্র
- উইকিপিডিয়া
- ইচ্ছা
- মধ্যে
- ছাড়া
- শব্দ
- হয়া যাই ?
- বিশ্ব
- would
- X
- বছর
- আপনি
- আপনার
- zephyrnet
- শূন্য
- জুম্