লেখকঃ মোস্তাফিজুর ফিরোজ । তাই ওয়েবডিজাইনের জন্য CSS কিন্তু অনেক গুরুত্বপুর্ণ । আজ আপনাদের সাথে ওয়েবডিজাইনের অনেক গুরুত্বপুর্ণ ভাষা CSS নিয়ে আলোচনা করবো । CSS কি? CSS কি বলার আগে বলে নেই CSS শিখতে গেলে আপনাকে আগে কি কি জানতে হবে । CSS শিখতে গেলে আপনাকে অবশ্যই HTML অথবা XHTML এর বেসিক ধারনা রাখতে হবে …
Tag: CSS
Mar 29
CSS এ দক্ষ হতে হলে কি কি শিখতে হবে? CSS what to Learn? Mostly links to resources. If you can master the topics in all these resources, you will be a great one..
CSS এ দক্ষ হতে হলে কি কি শিখতে হবে? CSS what to Learn? Mostly links to resources. If you can master the topics in all অof these resources, you will be a great one..
Mar 24
এইচটিএমএল এর সিএসএস (HTML Style – CSS)
শরিফুল ইসলাম Php Coder HTML Styles – CSS উদাহরণ <!DOCTYPE html> <html> <head> <style> body {background-color:lightgray} h1 {color:blue} p {color:green} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> সিএসএস দ্বারা এইচটিএমএল কে স্টাইল করা সিএসএস(css) এর পূর্ণ নাম হল Cascading Style Sheets । তিনভাবে স্টাইল কে এইচটিএমএল এর সাথে যুক্ত …
Feb 09
সিএসএস ৩ রেস্পনসিভ ওয়েব ডিজাইন (CSS Responsive Web Design)
লিখেছেন সুদীপ্ত সাহা রেস্পনসিভ ওয়েব ডিজাইন কি? রেস্পনসিভ ওয়েব ডিজাইন হল ওয়েব সাইটকে এমন করে তৈরি করা যেন তা সকল ডিভাইসে ঠিকভাবে প্রদর্শিত হয়। রেস্পনসিভ ওয়েব ডিজাইন কোন প্রোগ্রাম বা জাভাস্ক্রিপ্টের মতো নয়। রেস্পনসিভ ওয়েব ডিজাইন মূলত মোবাইল ডিভাইসগুলোর কথা মাথায় রেখে তৈরি করা হয়েছে। নিজের জন্য রেস্পনসিভ ডিজাইন তৈরি করা সহজে সিএসএস …
Feb 09
সিএসএস ৩ ইউজার ইন্টারফেস (CSS3 User Interface)
Sheikh Mahfuzur Rahman সিএসএস-থ্রি ইউজার ইন্টারফেস সিএসএস-থ্রি এর কিছু নতুন ইউজার ইন্টারফেস ফিচার হলো এলিমেন্ট রিসাইজিং, বক্স রিসাইজিং এবং আউটলাইনিং। এই অধ্যায়ে নিচের ইউজার ইন্টারফেস প্রপার্টিগুলো সম্পর্কে জানতে পারবেনঃ resize box-sizing outline-offset ব্রাউজার সাপোর্ট নিচের তালিকায় প্রথম যে ব্রাউজার ভার্শনগুলো ইউজার ইন্টারফেস প্রপার্টিকে পুরোপুরিভাবে সাপোর্ট করে তা দেয়া হলো। -webkit-, -moz-, অথবা -o- …
Feb 09
সি এস এস মাল্টিপল কলাম (CSS3 Multiple Columns)
CSS3 Multiple Columns অর্থাৎ css3 তে একাধিক কলাম তৈরি করা css3 ব্যবহার করে আপনি টেক্সটগুলোকে প্রয়োজনমত সাজানোর জন্য একাধিক কলাম তৈরি করতে পারবেন। এই অধ্যায়ে আপনি নিম্নোক্ত কলাম প্রপার্টি গুলো সম্পর্কে জানবেন- column-count column-gap Column-rule ব্রাউজার সাপোর্ট (Browser Support) এই প্রপার্টিটি সকল নতুন ভার্সন এর ব্রাউজারগুলোতে সাপোর্ট করে। IE তে 10.0, Google Chrome 4.0 …
Feb 09
সিএসএস ৩ অ্যানিমেশনস (CSS3 Animations)
সুদীপ্ত সাহা ফ্লাস বা জাভাস্ক্রিপ্ট দ্বারা তৈরি ওয়েব পেজের অ্যানিমেশনগুলো সিএসএস3 অ্যানিমেশন দ্বারা বদল করা যায়। ব্রাউজার সাপোর্ট নিচের টেবিলে প্রদর্শিত নাম্বারগুলো নির্দেশ করছে কোন ব্রাউজারের কোন ভার্শনগুলো এই প্রপার্টিকে সম্পূর্ণভাবে সাপোর্ট করে। -webkit-, -moz-, অথবা -o- যুক্ত ব্রাউজারের প্রিফিক্স ভার্সনগুলো নির্দেশ করছে যা প্রথম এই প্রপার্টি সাপোর্ট করছে। Property @keyframes 43.0 4.0 -webkit- …
Feb 09
সিএসএস৩ ট্রানজিশানস (CSS3 Transitions)
ডব্লিওথ্রিসি সিএসএস-থ্রিতে যেসব নতুন ফিচার যোগ করেছে তার মধ্যে উল্লেখযোগ্য ও অভিনব একটি হলো ট্রানজিশানস। ট্রানজিশানস ব্যবহার করে একটি স্টাইলকে অন্য স্টাইলে রূপান্তরিত করা যায় এবং এর জন্য ফ্লাশ অথবা জাভাস্ক্রিপ্ট ব্যবহার করতে হয় না। ব্রাউজার সাপোর্ট নিচের টেবলটিতে প্রচলিত ব্রাউজারগুলোর প্রথম যে ভার্শনগুলো ট্রানজিশান প্রপার্টি পুরোপুরিভাবে সাপোর্ট করে তা দেয়া হয়েছে। -webkit-, -moz-, …
Feb 09
সিএসএস ৩ 3D ট্রান্সফর্মস (CSS3 3D Transforms in Bangla)
সিএসএস-থ্রি’তে থ্রিডি ট্রান্সফর্ম ব্যবহার করে পেজের এলিমেন্টগুলোকে ফর্মেট এবং স্টাইল করা যায়। এই অধ্যায়ে আমরা কিছু থ্রিডি ট্রান্সফর্ম এর পদ্ধতি সম্পর্কে জানবোঃ rotateX() rotateY() rotateZ() একটি টুডি ট্রান্সফর্ম এবং একটি থ্রিডি ট্রান্সফর্ম এর মধ্যে পার্থক্য দেখতে নিচের এলিমেন্টটির উপর ক্লিক করুনঃ থ্রিডি ট্রান্সফর্ম এর ব্রাউজার সাপোর্ট টেবলের নম্বরগুলো দিয়ে প্রথম যে ব্রাউজার ভার্শন …
Feb 09
সিএসএস ৩ 2D ট্রান্সফরম (CSS3 2D Transforms)
সিএসএস ৩ ট্রান্সফরম এর সাহায্যে আমরা যে কোন এলিমেন্ট সরাতে , টার্ন করতে, এবং ঘুরাতে পারি । ট্রান্সফরমেসান হল একটি ইফেক্ট যেটা শেপ , সাইজ, এবং জাইগা পরিবর্তন করতে বাবহারিত হয় । তুমি তোমার এলিমেন্ট এ ২ডি অথবা ৩ ডি ট্রান্সফরমেসান ব্যবহার করতে পার । সিএসএস ৩ ২ডি ট্রান্সফরমস এই পার্ট এ আমরা ২ডি …
