Web design trick

অনেকে হয়তো এটির ব্যবহার করছেন তবে আমি এর সাথে কিছু এডভ্যান্স চিটকোডের ডাউনলোড লিংক দিবো। যারা জানেন তারা হয়তো, ধারণা করে ফেলছেন, আমি কি সর্ম্পকে বলছি, হ্যাঁ ঠিক ধরেছেন। আজ আপনাদের জেনকোডিং সর্ম্পকে বলছি। ওয়েব ডেভেলপার কিংবা প্রোগ্রামারদের জন্য এটি অত্যন্ত জনপ্রিয়। সাবলাইম টেক্সট এ এটি ইমেট নামে পরিচিত। তবুও যারা এখনো জানেন না, তারা জেনে নিন। ওয়েব ডিজাইন করার ক্ষেত্রে আমাদের কিছু কোডিং বার বার লিখতে হয় যেমন, <div id=”” class=””></div> আবার html 4.01 /xhtml অথবা html5 এগুলোর জন্য বার বার একই কোডিং লিখতে হয়। এ সকল কোড কেবল দু-একটি letter লিখলেই পুরোটা চলে আসবে।  কথা আর না বাড়িয়ে নিচে ডাউন লিংক ইন্সটল এবং একটি শর্টটিউটোরিয়াল দিলাম। আর বাকিটুকু খুবই সহজ সেটা আয়ত্ব করার জন্য চিটশীট দিয়ে দিলাম। :)
এটি একটি প্লাগইন, আপনার Notepad++ এ এটি যোগ করতে প্রথমে
এখান জেনকোডিং ডাউনলোড  থেকে প্লাগইনটা ডাউনলোড করে নিন (99 kb)।
কারো Notepad++ না থাকলে  এখান থেকে Notepad++ ডাউনলোড করুন: (৬ এমবি)।
নোটপ্যাড ইন্সটল শেষে zen-coding plugin টি
C:\Program Files\Notepad++\plugins
এর ভেতরে আনজিপ করুন।
এবার নোটপ্যাডটি ওপেন করুন,
file|edit ইত্যাদি মেনুর সবশেষে দেখবেন, Zen Coding নামে একটি মেনু আছে,
যেভাবে ব্যবহার করবেন:
নোটপ্যাড ওপেন করে এবার লিখুন:  html:5
লিখে Ctr+E চাপুন, দেখবেন পুরো এইচটিএমএল ৫ এর ফরম্যাট চলে আসছে,
আরো কোডিং এর জন্য
 চিটশীটটি ডাউনলোড করুন।(১৩৬ কেবি)
বি:দ্র: চিটশীটটি আমাদের স্টুডেন্টদের জন্য, আমরা সারাদেশে অত্যন্ত স্বল্পমুল্যে ফ্রিল্যান্সিং প্রশিক্ষণের ব্যবস্থা করেছি। এটি আমাদের গ্রুপে ডকফাইলে রাখা কেউ এটি ডাউনলোড করার জন্য আমাদের গ্রুপে জয়েন করতে হবে, কেউ জয়েন করতে আগ্রহী না হলে সরাসরি মিডিয়াফায়ার থেকে ডাউনলোড করুন: (১৩৬ কেবি)। আরেকটি কথা  sublime text editor এ এটি emmet নামে পরিচিত। কেউ সাবলাইম ব্যবহার করে থাকলে কমেন্ট করে জানাবেন, সাবলাইমে ইন্সটল প্রক্রিয়া দেখিয়ে দিব।