Tag: CSS

সিএসএস ৩ ওয়েব ফন্ট (CSS3 Web Fonts)

Sheikh Mahfuzur Rahman সিএসএস-থ্রি পাবলিশ হওয়ার পর থেকে ওয়েব ডিজাইনারদের এখন আর “ওয়েব সেইফ ফন্টের” উপর নিউর্ভর করতে হয়না। সিএসএস-থ্রি ওয়েব ফন্ট ওয়েব ডিজাইনারদের এমন সব ফন্ট ব্যবহার করার সুযোগ করে দেয় যা ইউজারদের কম্পিউটারে ইন্সটল করা হয়নি। যখনই আপনি ওয়েব পেজে ব্যবহারের জন্য কোন পছন্দসই ফন্ট খুঁজে পাবেন বা কিনবেন, শুধু ফন্ট ফাইলটি ওয়েব …

Continue reading

সি এস এস ৩ টেক্সট ইফেক্টস (CSS3 Text Effects)

css3 তে বেশ কিছুই নতুন টেক্সট ইফেক্টস আছে। এই অধ্যায়ে আপনারা নিচের অধ্যায়গুলো সম্পর্কে জানবেন- text-shadow word-wrap   ব্রাউজার সাপোর্ট (Browser Support) এই প্রপার্টি দুটো css3 ভার্সন, তাই সকল নতুন বা latest version এর ব্রাউজার গুলো সাপোর্ট করবে। নিম্নে দেয়া browser version গুলি প্রাথমিক version যা এই property কে সম্পূর্ণ সমর্থন করে। সংখ্যা -o- দ্বারা …

Continue reading

সি এস এস ৩ গ্র্যাডিয়েন্টস (CSS3 Gradients)

CSS3 gradients দুটি color এর মধ্যে সংযোগ স্থল কে মসৃণ করে। এই কাজ টি করার জন্য আপনাকে একটি image ব্যাবহার করতে হবে। তবে CSS3 gradient ব্যাবহার করে আপনি download এবং bandwidth usage কমাতে পারবেন। একইসাথে gradient এর মাধ্যমে করা element গুলি ভাল দেখায় যখন zoom করা হয়, কেননা gradient সবসময় browser এ সৃষ্টি হয়। CSS3 …

Continue reading

সিএসএস ৩ ব্যাকগ্রাউন্ড (CSS3 Backgrounds)

Sheikh Mahfuzur Rahman   সিএসএস-থ্রি’তে কিছু নতুন ব্যাকগ্রাউন্ড প্রপার্টি যোগ করা হয়েছে, যার মাধ্যমে ব্যাকগ্রাউন্ড এলিমেন্টকে আরও ভালোভাবে নিয়ন্ত্রণ ও স্টাইল করা যায়। এই চ্যাপ্টারে আপনারা নিচের ব্যাকগ্রাউন্ড প্রপার্টিগুলো সম্পর্কে জানবেনঃ background-size background-origin background-clip কিভাবে মাল্টিপল (একাধিক) ব্যাকগ্রাউন্ড ইমেজ ব্যবহার করা যায় তা নিয়েও এখানে আলোচনা করা হবে। ব্রাউজার সাপোর্ট নিচের তালিকায় প্রথম যে ব্রাউজার …

Continue reading

সিএসএস ন্যাভিগেশন বার (CSS Navigation Bar)

মীর তাউহীদুল ইসলাম ওয়েব ডেভেলপার, ওডেস্ক   ব্যাবহারের সুবিধার্থে প্রত্যেকটি ওয়েব সাইটের জন্য ন্যাভিগেশন বার প্রয়োজন। সিএসএস এর মাধ্যমে যেকোন এইচটিএমএল মেনুকে খুব সুন্দর ন্যাভিগেশন বার এ পরিনত করা যায়। ন্যাভিগেশন বার = লিংক তালিকা একটি ন্যাভিগেশন বার তৈরি করার জন্য প্রথমে একটি এইচটিএমএল কাঠামোর প্রয়োজন হয়। আমাদের উদাহারনে আমরা ন্যাভিগেশন বার তৈরি করেছি সাধারণ …

Continue reading

সিএসএস৩ পরিচিতি (CSS3 Introduction)

Ali Hossain Student of English Literature, Jahangirnagar University.   CSS (সিএসএস) এর আধুনিক মানদন্ড বা নিশান হচ্ছে CSS3 (সিএসএস৩) পূর্বের CSS (সিএসএস) এর ভার্সন এর সাথে CSS3 (সিএসএস৩) সম্পূর্নভাবে সামঞ্জস্যপূর্ণ । এই অধ্যায়ে আপনি CSS3 (সিএসএস৩) এর নতুন বৈশিষ্ট্য সম্পর্কে জানতে পারবেন।   CSS3 Modules (সিএসএস৩ মডিউলস) CSS3 (সিএসএস৩) কে “Modules” (মডিউলস) এ বিভক্ত করা …

Continue reading

সিএসএস মিডিয়া টাইপস (CSS Media Types)

মৃত্যুঞ্জয় বিশ্বাস   এই @media পদ্ধতি ব্যবহার করে, একটি ওয়েবসাইট এর স্কৃণ্, মুদ্রণ, মোবাইল ফোন, ট্যাবলেট ইত্যাদি জন্য একটি ভিন্ন লেআউট করতে পাড়বো। মিডিয়ার ধরন সমূহ কিছু CSS এর বৈশিষ্ট্য শুধুমাত্র একটি নির্দিষ্ট মিডিয়া জন্য ডিজাইন করা হয়। উদাহরণস্বরূপ “voice-family” বৈশিষ্ট শ্রবণেন্দ্রিয় সংক্রান্ত ব্যবহারকারী এজেন্ট এর জন্য ডিজাইন করা হয়েছে। অন্যান্য বেশ কয়েকটি বৈশিষ্ট্য বিভিন্ন …

Continue reading

সি এস এস ইমেজ স্প্রাইটস্ (CSS Image Sprites)

মৃত্যুঞ্জয় বিশ্বাস   ইমেজ স্প্রাইটস্ কি? ওয়েব সাইটের জন্য আকর্ষণীয় বাটন তৈরির জন্য এবং নেভিগেশন বার তৈরির ক্ষেত্রে ইমেজ স্প্রাইটস একটা ভালো কৌশল। এক্ষেত্রে অনেকগুলো ইমেজ একত্রে করে একটা সিঙ্গেল ইমেজ তৈরি করা হয় এবং প্রয়োজন অনুসারে ইমেজের বিশেষ অংশ প্রদর্শন করা হয়। সাধারণত একটা বাটন তৈরির ক্ষেত্রে দুইটি অবস্থা বিবেচনা করা হয়। একটা হচ্ছে …

Continue reading

সিএসএস কম্বিনেটরস (CSS Combinators)

শেখ মাহফুজুর রহমান সিএসএস কম্বিনেটর সিলেক্টরগুলোর মধ্যে সম্পর্ক নির্দেশ করে। একটি সিএসএস সিলেক্টর একাধিক সিম্পল সিলেক্টর ধারণ করতে পারে। এই সিম্পল সিলেক্টরগুলোর মধ্যে আমরা একটি কম্বিনেটর যোগ করতে পারি। সিএসএস-থ্রি’তে চার প্রকার কম্বিনেটর রয়েছেঃ ডিসেন্ডেন্ট সিলেক্টর চাইল্ড সিলেক্টর অ্যাডজাসেন্ট সিবলিং সিলেক্টর জেনেরাল সিবলিং সিলেক্টর   ডিসেন্ডেন্ট সিলেক্টর ডিসেন্ডেন্ট সিলেক্টর একটি নির্দিষ্ট এলিমেন্টের সবগুলো ডিসেন্ডেন্ট এলিমেন্টকে …

Continue reading

সিএসএস আনুভূমিক সারি (CSS Horizontal Align)

ইন্দ্র ভূষণ শুভ   CSS এ, উপাদানকে আনুভূমিক ভাবে সারিবদ্ধ করার জন্য বিভিন্ন ধরনের বৈশষ্ট্য ব্যবহার করা হয়। সারিবদ্ধ ব্লক উপাদানসমূহ ব্লক উপাদান হলো এক ধরণের উপাদান যা ব্যবহারযোগ্য সব width ব্যবহার করে, এবং আগে ও পরে একটি লাইন বিরতি থাকে।   ব্লক উপাদানের উদাহরণ সারিবদ্ধ টেক্সটের জন্য, CSS Text অধ্যায় দেখুন। এই অধ্যায়ে আমরা …

Continue reading