প্রিয় টিটির ওয়েব ডিজাইনার/ডেপলপার ভাইয়েরা, দয়া করে সম্পূর্ণ লেখাটি কষ্ট করে পড়বেন। আমি গত কিছুদিন যাবত রেসপন্সিভ ওয়েব ডিজাইন নিয়ে ঘাটা-ঘাটি করছি কিন্তু কোন কোল-কিনারা পাচ্ছি না।
নেটে ওয়েব ডিজাইন এবং রেসপন্সিভ ওয়েব ডিজাইনের অনেক টিউটোরিয়াল পাওয়া যায় যেগুলোর মধ্যে রেসপন্সিভ কোড গুলোর বিস্তারিত আলোচনা করা হয়না। তবে ইংলিশে অনেক টিউটোরিয়াল পাওয়া যায়, কিন্তু যারা আমার মত ইংলিশে দুর্বল তাদের একমাত্র ভরসা বাংলা ব্লগগুলোর উপর (বিশেষ করে টেকটিউনের উপর, কারণ টেকটিউন হল বাংলা ভাষার নাম্বার ওয়ান ব্লগসাইট), কিন্তু দুঃখ্যের বিষয়, টেকটিউনেও রেসপন্সিভ ওয়েব ডিজাইনের কোন পরি-পূর্ণ টিউটোরিয়াল আমি খুজে পায়নাই, এতএব আমি টিটির ওয়েব ডিজাইনার/ডেপলপার ভাইদের কাছে আকুল আবেদন জানাচ্ছি প্রজেক্ট আকারে HTML এবং CSS এর মাধ্যমে একটি রেসপন্সিভ ওয়েব পেইজ তৈরি করে টিউন করলে আমার মত অনেকেই উপকৃত হবে। টিউনে কোন কোড এর কারণে কোন ডিভাইস এ ওয়েবসাইটটি কি রকম দেখাবে এবং কোন ক্লাসের ভিতরে যখন কয়েকটি ঘর নেয়া হয় তখন ক্লাসের ভিতরে সবগুলো ঘরকে সমান রেখে নির্দিষ্ঠ স্পেইস দিয়ে সারিবদ্ধ ভাবে কি ভাবে রাখা যায়, JavaScript কিভাবে কল করা হয় তা নিয়ে যতটুকো সম্ভব বিস্তারিত আলোচনা কামনা করছি।
এই ঘরগুলোর মত
আমি hossain_1ts। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 9 টি টিউন ও 6 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
আসলে কোড লিখে লিখে টিউন আকারে বুঝানো খুব মুশকিল। রেস্পন্সিভ ডিজাইন খুব কঠিন কিছু না। শুধু কোডিং টেকনিক বুঝতে হয়। আমি একটি এক্সামপ্ল মেক করে ড্রপবক্সে দিলাম। দেখেন বুঝতে পারেন কিনা। না বুঝলে আমার সাথে কন্টাক্ট করুন এফবিতে ( https://www.facebook.com/shaon89 ) আমি হেল্প করতে চেষ্টা করবো! 🙂
লিঙ্কঃ https://www.dropbox.com/s/do74c3rckvniuje/Responsive%20Basic.zip