সাস (SASS) | সহজে শিখুন বাংলা ভাষায়
সাস শিখে ওয়েব ডিজাইন স্কিল বৃদ্ধি করুন।
What you will learn
সাস স্টেপ বাই স্টেপ
সাস কিভাবে সহজে রান করবেন
সাসের বিভিন্ন সুবিদা
এবং আরও অনেক কিছু
Description
SASS (Syntactically Awesome Style Sheets) একটি CSS PreProcessor, যা CSS এর সাথে যুক্ত হয়ে কোডের পুনরাবৃত্তি হ্রাস করে এবং সময় সাশ্রয় করে। এটি একটি শক্তিশালী সিএসএস এক্সটেনশন ভাষা যা কোনও CSS কোডকে পরিষ্কার রাখে এবং সহজে বুঝা যায়।
SASS প্রথমে Hampton Catlin ডিজাইন করেছিলেন এবং 2006 সালে Natalie Weizenbaum দ্বারা ডেভেলপ হয়।
SASS কেনো ব্যাবহার করবেন?
====
SASS হলো একটি CSS PreProcessor যা তার নিজস্ব কিছু সিনট্যাক্স এর সাহায্যে সহজ ও কম কোড লিখতে সাহায্য করে।
এটি CSS এর একটি দুর্দান্ত এক্সটেনশন ভাষা, যার অর্থ এটি সিএসএসের সমস্ত বৈশিষ্ট্য ধারণ করে এবং এটি একটি ওপেন সোর্স প্রি-প্রসেসর। তাই আমরা সম্পূর্ণ বিনাপয়সায় SASS ব্যাবহার করতে পারি।
SASS এর অন্যতম একটা বৈশিষ্ট্য হলো এটি CSS কে সম্পূর্ণ প্রোগ্রামিং বা লজিকাল ভাষায় রূপান্তর করে। এর সাহায্যে আমরা CSS এ Loop, Function, Array, Map, Variable, Operators, Mixin, Partial, Import, Extend ইত্যাদি ব্যাবহার করতে পারি।
SASS এর কিছু বৈশিষ্ট্য
===
আপনি সহজেই কম সময়ের মধ্যে কম কোডে CSS লিখতে পারেন।
যেহেতু CSS এর সব ভার্সনের সাথে কাজ করে, তাই আমরা যেকোনো CSS ফ্রেমওয়ার্কও ব্যাবহার করতে পারি কোনধরনের ঝামেলা ছাড়াই।
এটি একটি প্রোগ্রামিং কনস্ট্রাক্টারে পরিষ্কার CSS লেখার অনুমতি দেয়।
এটি CSS দ্রুত লেখার ক্ষেত্রে সহায়তা করে।
SASS কেনো শিখবেন?
ভালো একজন ওয়েব ডিজাইনার হতে হলে SASS জানা উচিত। আপনি জব বা ফ্রিলান্সিং যাই করেন, বড় একটা প্রোজেক্ট ডিজাইন করতে গেলে আমাদের প্রচুর CSS কোড লিখতে হয়। SASS আমাদের কোডকে লজিকালি কমিয়ে আমদের কষ্ট ও সময় বাচায়।
আমরা CSS দিয়ে কোড করলে সম্পূর্ণ সাইট ডিজাইন করার জন্য একটা CSS ফাইল তৈরি করি। এতে সমস্যা হয় বিশাল একটা কোড একটা ফাইলে থাকে। এখন অন্যকেউ যদি আপনার কোড এডিট বা বুঝতে যায় তাহলে মাথা খারাপ হবার অবস্থা। এমনকি আপনি নিজেও ৮-১০ দিন বাদে এডিট করতে গেলে আপানার নিজের কোড বুজতেই। তাই SASS ব্যাবহার করে আমরা বিভিন্ন সিনট্যাক্স এর সাহায্যে সুন্দর ফাইল সিস্টেম তৈরি করতে পারি।
কেনো শিখবেন এর সবচেয়ে ভালো উদাহারন হতে পারে CSS Framework Bootstrap । খেয়াল করে দেখবেন একটি বাটনের বা ফর্মের বা বিভিন্ন লেয়াউট তৈরি করা আছে। ডিজাইন মোটামুটি সব বাটন বা ফর্মের একটি থাকে। শুদু সামান্য কিছু পরিবর্তন হয়। আপনি যদি উনাদের মেইন CSS ফাইলে দেখেন, তাহলে দেখতে পাবেন প্রায় ১০,০০০ লাইনের মত সিএসএস কোড লেখা! আপনার কি মনে হয় উনারা এই ১০,০০০ কোড লিখেছেন? না, উনারা SASS ব্যাবহার করে ৫ ভাগের ১ ভাগ কোড লিখে এই আউটপুট নিয়ে আসছেন! বর্তমানে অনেক সফটওয়্যার কোম্পানি CSS Framework ব্যাবহার না করে নিজস্ব ফ্রেমওয়ার্ক ব্যাবহার করে। তখন আপনি SASS জানলে জব পাওয়ার চান্স বাড়বে.