জাভাস্ক্রিপ্ট দ্বারা সুন্দর মেসনরি তৈরী করা যায়, তবে শুধুমাত্র সিএসএস দ্বারাও মেসনরি তৈরী করা যায়, তবে এটা মূলত CSS3 এর column-count পোপার্টির ব্যবহার, যা দেখতে মেসনরি’র মতই মনে হবে। চাইলে এটাকে রেসপনসিভ করা যাবে column-count কম বেশী করে। HTML কোড <div class="wrapper"> <div class="masonry"> <div class="item">1 Lorem ipsum dolor... Read More »

ওয়েবসাইট ডিজাইন করতে অনেকই টেবিল ব্যবহার করে থাকে কিন্তু টেবিলকে রেসপনসিভ করতে পারে না অনেকেই, এখানে একটি টেবিলকে রেসপনসিভ করে দেখানো হয়েছে। <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title>Responsive Table</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type="text/css"> table.members_details { width: 100%; border-collapse: collapse; } .members_details tr:nth-of-type(odd) { background: #eee; }... Read More »

অনেক ওয়েবসাইটই দেখা যায় রেসপনসিভ কিন্তু গুগল এ্যাডসেন্সের বিজ্ঞাপন ব্যবহার করা ফলে আর রেসপনসিভ থাকছে না। তবে গুগল বেশ কিছুদিন আগে রেসপনসিভ অ্যাড স্লোট চালু করেছে, ফলে সহজেই রেসপনসিভ অ্যাড ওয়েবসাইটে ব্যবহার করা যায়। নিচের স্ক্রিনশট রেসপনসিভ অ্যাড স্লোটের। এবার নিচে রেসপনসিভ অ্যাড স্লোটের কোডে দেখুন এখানে তিন সাইজের... Read More »