Category Archives: ওয়েব ডেভেলপিং

ফন্ট এম্বেড : ওয়েবসাইট বা এপ্লিকেশানে কাষ্টম ফন্ট ব্যবহার করা

ফন্ট এম্বেড কি ?

একটি ওয়েবসাইটে যদি কোন ফন্ট ব্যবহার করা হয়ে থাকে যা কম্পিউটারে ইনস্টল করা নাই, তাহলে সেই ওয়েবসাইটে ব্যবহৃত ফন্টটি ভালোমত দেখা যাবে না। এমনকি সেই ফন্ট ব্যবহার করে কোন লেখা দেখা নাও যেতে পারে। অনেক সময় চারকোনা বাক্স দেখা যায় সেই লেখাটির পরিবর্তে। এই জন্য আমাদের নতুন কোন ফন্ট ওয়েবসাইটে ব্যবহার করতে হলে সেই নতুন ফন্টটি ওয়েবসাইটের সাথে যুক্ত করে দিতে হবে, একে ‘ফন্ট এম্বেডিং’ বলে।

কোথায় এটি প্রয়োজন হয় ?

যে কোন ধরনে ওয়েবসাইট বা মোবাইল এ্যাপ্লিকেশান বা সফ্টওয়্যার এর জন্য এই ফন্ট এম্বেডিং এর প্রয়োজন হয়ে থাকে।

jQuery কি এবং এই জেকোয়ারী ব্যবহার করে Searchable List-Based এপ্লিকেশান ডেভেলপ করা

জেকোয়ারী (jQuery) কি ?

মূলত জোকোয়ারী (jQuery) একটি ফ্রেমওয়ার্ক যা ওয়েব-ডেভেলপিং এর ব্যবহার করা হয়ে থাকে। এটি একটি জাভাস্ক্রিপ্ট লাইব্রেরী, যাতে অনেক ফিচার রয়েছে যা দিয়ে খুবই দ্রুত কাজ সম্পন্ন করা যায়। এটি ছোট এবং অনেক দ্রুত কাজ করে। বড় বড় কাজ যার জন্য অনেক কোড লেখার প্রয়োজন পরে তা অনায়াসেই অল্প কিছু কোড ব্যবহার করেই সম্পন্ন করা যায় এই জেকোয়ারী ব্যবহার করার মাধ্যমে।

এটি HTML ডকুমেন্টের সাথে যুক্ত হয়ে কাজ করে থাকে। এটি ইভেন্ট হেল্ডেলিং থেকে শুরু করে এনিমেশনের কাজ এবং এজ্যাক্স এর সাথে একত্রে  কাজ করতে পারে খুবই সহজে।

জেকোয়ারী সেই সব প্রোগ্রামারদের কাজের ধারার পরিবর্তন এনেছে যারা জাভাস্ক্রিপ্ট নিয়ে কাজ করে।

 jQuery লাইব্রেরীতে যে সকল ফিচার রয়েছে সেগুলো হচ্ছে :

.    HTML/DOM manipulation;
.    CSS manipulation;
.    HTML even methods;
.    Effects and animation;
.    Ajax;
.    Utilites.
এছাড়াও জেকোয়ারীর প্লাগইনস রয়েছে যা দিয়েই অনায়াসেই অন্যান্য কাজও করতে সক্ষম এটি।

jQuery ব্যবহার করে list-based এপ্লিকেশন ডেভেলপ করা

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

 প্রথমেই দেখা নেয়া যাক আউটপুট কেমন হবে :

jQeury ListView

ফাইনাল রেজাল্ট