নতুন ফ্রন্ট-এন্ড ডেভলপারদের কিছু কমন প্রশ্ন এবং সেগুলোর উত্তর (পর্ব-২)

একাধিক পেইজের যে সাইটগুলো আছে, যেমন- ব্লগ, ই-কমার্স ইত্যাদি, এসব সাইটের হোম পেইজ ছাড়া যে পেইজগুলো থাকে, সেগুলোতে সাধারণত একটা path দেয়া থাকে যে, এই পেজটি হোম পেইজ থেকে কিভাবে তৈরি হলো, অনেকটা এ রকম- Home > Blog > Single […]

নতুন ফ্রন্ট-এন্ড ডেভলপারদের কিছু কমন প্রশ্ন এবং সেগুলোর উত্তর (পর্ব-১)

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

ফন্ট-অসাম ফাইভ আসল, আসেন দেইখা আসি গিয়া (fontawesome 5 released)

প্রথমেই দুঃসংবাদ দেই। ফন্ট-অসাম ফাইভের যে অংশটা অসাম, সেইটা প্রিমিয়াম। মাগনা ইউজ করা যাবে না।   আমরা যারা ওয়েবফন্ট আইকন ইউজ করি, তারা জানি যে, প্রতিটা আইকন প্যাকেজের প্রতিটা আইকনের জন্য একটা প্রি-ফিক্স ক্লাস থাকে এবং আরেকটা ক্লাস থাকে আইকনের […]

বর্ডার নিয়ে কিছু কথা- প্রথম পর্ব (css border: part-1)

ভূমিকা CSS এর এমন অনেক প্রোপার্টি আছে, যেগুলো কয়েকটি প্রোপার্টির সংক্ষিপ্ত রূপ। অর্থাৎ কয়েকটি প্রোপার্টির ভ্যালুকে একত্রে একটি প্রোপার্টির ভ্যালুতে নিয়ে আসা এবং সেসব ভ্যালুকে সেই একটি প্রোপার্টির ভ্যালু হিসেবে লেখা। যেমন- transition See the Pen CSS Shorthand properties by […]

বিজয় দিবস উপলক্ষ্যে লাল-সবুজের দুটি ওয়েব এলিম্যান্ট

ভূমিকা বিজয়ের মাস। তাই ভাবলাম, আমাদের জাতীয় পতাকাটির যে কালার কম্বিনেশন, সেটা দিয়ে কিছু করি। বিজয় দিবসের উসিলায় কিছু মজার কাজ করার সুযোগ পাওয়া গেছে, এতেই আমি খুশি। মানুষ কত কিছু করে! ব্রাউজারের থিম বানায় লাল-সবুজের রঙে, এ্যাপ বানায়, কত্ত […]

আসেন, শুধু html/css দিয়ে ড্রপডাউন মেন্যু বানাই (checkbox tricks-2)

কেমন আছেন ভাই-লোগ? শিরোনাম দেইখা আজীব লাগতেছে? এখনই তব্দা খাইয়েন না, আরও আজীব জিনিস আসতেছে, একবারে সবগুলা খাইয়েন। আজকে আমরা শুধু html/css দিয়া একটা ড্রপডাউন মেন্যু বানায় ফেলবো, তাও :hover দিয়ে ড্রপডাউন মেন্যু না, onClick ড্রপডাউন মেন্যু। মানে- ক্লিক করলে […]

CSS এর বিরাট উপকারী কিছু selector, যেগুলা দিয়া অনেক কিছু করা যায়

কী অবস্থা ভাইলোগ? সব ঠিকঠাক? আমি? আমি ভাল আছি। আগের পোস্টে আমরা আলোচনা করেছিলাম কিভাবে <input type=”checkbox”> -কে css এর মাধ্যমে ডিজাইন করা যায় সে সম্পর্কে। আর খুবই বেসিক একটি উদাহরণ দেখানো হয়েছিল। css এর যে কোডগুলো দেখানো হয়েছিল, তার মধ্যে সর্বশেষ সিলেক্টরটি […]

input type checkbox – কাস্টম ডিজাইন, সিম্পল ডেমো। (checkbox tricks-1)

<input type=”checkbox”> দিয়ে অনেক সুন্দর সুন্দর কাস্টম ডিজাইন করা যায়। তবে সে ডিজাইনগুলো একেকটি একেক রকম হয়ে থাকে। তাই এখানে সবগুলো দেখানো সম্ভব নয়। এই পোস্টে শুধু input[type=”checkbox”] -এর কাস্টম ডিজাইনের যে বেসিক কনসেপ্ট আছে, সেটা খুব সহজভাবে দেখানোর চেষ্টা করা […]